* {
	margin: 0;
	padding: 0;
}

body {
	font-family: var(--primary-font);
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: var(--medium-gray);
    -moz-osx-font-smoothing: grayscale;
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
}


.slider-video iframe {
	width: 100%;
	height: 600px;
}




a {
	-webkit-transition: all 0.4s ease!important;
	transition: all 0.4s ease!important;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.header .item-left,
	.header .item-right{
		flex:0 0 auto;
	}
	.v-center{
		justify-content: space-between;
	}
	.header .mobile-menu-trigger{
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}
	.header .mobile-menu-trigger span{
		display: block;
		height: 2px;
		background-color: #333333;
		width: 24px;
		position: relative;
	}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{
		content: '';
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background-color: #333333;
	}
	.header .mobile-menu-trigger span:before{
		top:-6px;
	}
	.header .mobile-menu-trigger span:after{
		top:6px;
	}
	.header .item-right{
		align-items: center;
	}

	.header .menu{
		position: fixed;
		width: 320px;
		background-color:#ffffff;
		left:0;
		top:0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}
	.header .menu.active{
	   transform: translate(0%);	
	}
	.header .menu > ul > li{
		line-height: 1;
		margin:0;
		display: block;
	}
	.header .menu > ul > li > a{
		line-height: 50px;
		height: 50px;
		padding:0 50px 0 15px;
		display: block;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.header .menu > ul > li > a i{
		position: absolute;
		height: 50px;
		width: 50px;
		top:0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}
	.header .menu .mobile-menu-head{
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #ffffff;
		top:0;
	}
	.header .menu .mobile-menu-head .go-back{
		height: 50px;
		width: 50px;
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;
		font-size: 16px;
		display: none;
	}
	.header .menu .mobile-menu-head.active .go-back{
		display: block;

               
	}
.open_dropdown_value{
        position: relative;
        top: 52px;
        right: -70px;
color: hsl(194, 55%, 56%);
}

	

	.header .menu .mobile-menu-head .current-menu-title{
		font-size: 15px;
		font-weight: 500;
		color:#000000;
	}
	.header .menu .mobile-menu-head .mobile-menu-close{
	    height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;	
		font-size: 25px;
	}
	.header .menu .menu-main{
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;

      
	}
	.header .menu > ul > li .sub-menu.mega-menu,
	.header .menu > ul > li .sub-menu{
		visibility: visible;
        opacity: 1;
        position: relative;
        box-shadow: none;
        margin: 0;
        padding: 15px;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        min-width: auto;
        display: none;
        transform: translateX(0%);
        overflow-y: auto;
        overflow-x: hidden;
	}
.header .menu > ul > li .sub-menu.active{
	display: block;
}

input::placeholder,
select::placeholder,
textarea::placeholder {
	color: #acacac!important;
}

.bg-lightblue {
	background: #f1f5f9;
}
ol#vid-list li {
    padding-bottom: 10px;
    padding-right: 10px;
}
ol#vid-list li img {
    border-radius: 5px;
}
.w-60 {
	width: 60px!important;
}
.w-400 {
	width: 400px!important;
}
.w-300 {
	width: 300px!important;
}
.w-200 {
	width: 200px!important;
}
.w-100-p {
	width: 100%!important;
}
.w-auto {
	width: auto!important;
}

.h-70 {
	height: 70px!important;
}
.h-100 {
	height: 100px!important;
}
.h-200 {
	height: 200px!important;
}
.h-300 {
	height: 300px!important;
}

.bg_ffffff {
	background: #ffffff!important;
}
.bg_333333 {
	background: #333333!important;
}
.bg_f3f3f3 {
	background: #f3f3f3!important;
}
.bg_3867D6 {
	background: #3867D6!important;
}

.c_f3f3f3 {
	color: #f3f3f3!important;
}
.c_red {
	color: red;
}
.fz_40 {
	font-size: 40px!important;
}
.fw_700 {
	font-weight: 700!important;
}
.fl_l {
	float: left;
}
.d_n {
	display: none!important;
}
.d_b {
	display: block!important;
}

.pt_8 {padding-top: 8px!important;}

.pos_r {position: relative!important;}



.btn-arf {
	background: #3867D6!important;
	border: 0;
}

.btn-arf:hover {
	background: #333!important;
}


.top {
	background: #3867D6;
	padding-top: 6px;
	margin-bottom: -4px;
}

.top-contact {
	color: #fff;
}

.top-contact ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.top-contact li {
	display: inline-block;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 17px;
	font-size: 14px;
}

.top-contact li:last-child {
	margin-right: 0;
}

.top-contact li i {
	vertical-align: middle;
	font-size: 14px;
}

.top-contact li span {
	margin-left: 8px;
}

.top-right {
	display: flex;
	justify-content: flex-end;
}

.top-social {
	text-align: right;
	margin-right: 30px;
}

.top-social li {
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	margin-top: 5px;
}

.top-social li:last-child {
	margin-right: 0px;
}

.top-social a {
	display: block;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.top-social a:hover {
	color: #f8be2e;
}

.top-profile li {
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	margin-top: 5px;
	font-size: 14px;
}

.top-profile li a {
	color: #fff;
}

.top-profile li:last-child {
	margin-right: 0px;
}

.top-profile li.cart {
	position: relative;
}

.top-profile li.cart .number {
	position: absolute;
	right: -18px;
	top: -6px;
	background: yellow;
	color: #333;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 16px;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.top-contact,
	.top-contact ul {
		width: 100%;
	}

	.top-contact ul {
		text-align: center;
	}

	.top-social {
		margin-top: 10px;
	}

	.top-social,
	.top-social ul {
		width: 100%;
	}

	.top-social ul {
		text-align: center;
	}

	.top-right {
		display: block;
	}

	.top-profile ul {
		text-align: center;
		margin-top: -10px;
	}

	.top-profile ul li {
		display: inline-block;
	}
}








/* Slider */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.slider-item {
	width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    color: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.slider-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0a3041;
    opacity: 0.6;
}

.slider-bg-video {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0a3041;
    opacity: 0.6;
    z-index: 99;
}

.slider-table {
    overflow: hidden;
    display: table;
    width: 100%;
    height: 600px;
}

.slider-text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.text-animated h1 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    margin-bottom: 15px;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    margin-bottom: 25px;
}

.text-animated p {
    font-size: 18px;
    color: #fff;
    margin: 0;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.text-animated ul {
	padding-left: 0;
	margin-top: 20px;
}

.text-animated li {
    display: inline-block;
    margin-top: 22px;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.text-animated li a {
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 11px 40px;
    text-decoration: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.text-animated li a:hover {
    background-color: #3867D6;
    color: #fff;
    border-color: #3867D6;
}

.slide-carousel {
    overflow: hidden;
}

.slide-carousel .owl-nav .owl-prev,
.slide-carousel .owl-nav .owl-next {
	display: none;
    text-align: center;
    font-size: 18px;
    position: absolute;
    width: 38px;
    height: 54px;
    line-height: 52px;
    top: 50%;
    margin-top: -25px;
    background: #3867D6;
    color: #fff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.slide-carousel .owl-nav .owl-prev {
    left: 0;
    margin-left: 0px;
}

.slide-carousel .owl-nav .owl-next {
    right: 0;
    margin-right: 0px;
}

.slide-carousel .owl-nav .owl-prev:hover,
.slide-carousel .owl-nav .owl-next:hover {
    background: #3867D6;
}

.slide-carousel .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -21px;
}

.slide-carousel .owl-dots .owl-dot {
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #fff;
    display: inline-block;
    margin: 0 4px;
}

.slide-carousel .owl-dots .owl-dot.active {
    background: #fff;
}



/* Video Background */
.slider-video {
	position: relative;
	background-color: #00176e;
	color: #ffffff;
	height: 600px;
	overflow: hidden;
}
.slider-item-video .slider-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.slider-item-video .slider-table {
	z-index: 99;
	position: relative;
}
.slider-item-video .video-foreground,
.slider-item-video .video-foreground iframe {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  	.slider-item-video .video-foreground {
    	height: 300%;
    	top: -100%;
  	}
}
@media (max-aspect-ratio: 16/9) {
  	.slider-item-video .video-foreground {
    	width: 300%;
    	left: -100%;
  	}
}
@media all and (max-width: 600px) {
  	.slider-item-video .vid-info {
    	width: 50%;
    	padding: 0.5rem;
  	}
  	.slider-item-video .vid-info h1 {
    	margin-bottom: 0.2rem;
  	}
}
@media all and (max-width: 500px) {
 	.slider-item-video .vid-info .acronym {
    	display: none;
  	}
}



/* =============================================== */
/* ================= Mobile Menu ================= */
/* =============================================== */
.mobile-nav img {
	height: 40px;
}
.mean-container .mean-bar {
	background-color: #fff;
}
.mean-container a.meanmenu-reveal span {
	background: #3867D6;
}
.mean-container a.meanmenu-reveal {
	color: #3867D6;
}




.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #134050;
	opacity: 0.7;
}


.feature {
	padding-top: 70px;
	padding-bottom: 80px;
	overflow: hidden;
}

.feature .heading {
	text-align: center;
	margin-bottom: 30px;
}

.feature .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-top: 0;
}

.feature .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #928f8f;
}

.feature .feature-item {
	background: #3867D6;
	padding: 30px 20px;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-bottom: 25px;
}

.feature .feature-item .icon {
	font-size: 40px;
	margin-bottom: 20px;
	text-align: center;
}

.feature .feature-item .icon img {
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	color: #3867D6;
	display: inline-block;
	padding: 10px;
}

.feature .feature-item h4 {
	font-size: 22px;
	margin-bottom: 15px;
	color: #fff;
}

.feature .feature-item p {
	font-size: 15px;
}

.feature .feature-item:hover {
	background: #333;
}


.corona-case {
	padding-top: 70px;
	padding-bottom: 80px;
	overflow: hidden;
}

.corona-case .heading {
	text-align: center;
	margin-bottom: 50px;
}

.corona-case .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-top: 0;
}

.corona-case .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #928f8f;
}

.corona-case .corona-case-item {
	background: #fff;
	padding: 20px;
	color: #3867D6;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-bottom: 25px;
}

.corona-case .corona-case-item .icon {
	font-size: 40px;
	margin-bottom: 20px;
	text-align: center;
}

.corona-case .corona-case-item .icon img {
	width: 80px;
	height: auto;
	text-align: center;
	display: inline-block;
	padding: 10px;
}

.corona-case .corona-case-item h4 {
	font-size: 20px;
	margin-bottom: 15px;
	color: #3867D6;
	font-weight: 700;
}

.corona-case .corona-case-item h5 {
	font-size: 34px;
	font-weight: 700!important;
}

.corona-case .corona-case-item:hover {
	background: #333;
}


.countrywise {
	padding-top: 70px;
	padding-bottom: 80px;
	background: #3867D6;
	overflow: hidden;
}

.countrywise .heading {
	text-align: center;
	margin-bottom: 30px;
}

.countrywise .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin-top: 0;
}

.countrywise .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}

.countrywise .dataTables_length,
.countrywise div.dataTables_wrapper div.dataTables_info {
	display: none;
}

.countrywise div.dataTables_wrapper div.dataTables_filter label {
	color: #fff;
}

.countrywise div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
	display: none;
}

.countrywise table.dataTable.display tbody tr {
	background: transparent;
}

.countrywise table.dataTable.display tbody tr>.sorting_1 {
	background: transparent;
}

.countrywise .dataTables_wrapper .dataTables_paginate .paginate_button,
.countrywise .dataTables_wrapper .dataTables_paginate .ellipsis {
	color: #fff!important;
}

.countrywise .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	color: #333!important;
}

.countrywise .dataTables_wrapper .dataTables_filter input {
	border: 0;
	border-radius: 4px;
	outline: none;
	height: 30px;
	padding-left: 3px;
	padding-right: 3px;
}

.countrywise .dataTables_empty {
	color: #fff!important;
}

.countrywise .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent!important;
    color: #fff!important;
    padding: 6px 13px!important;
    border: 1px solid #fff!important;
    font-weight: 700;
}

.countrywise .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #fff!important;
    color: #3867D6!important;
    padding: 6px 13px!important;
    border: 1px solid #fff!important;
    font-weight: 700;
}

.countrywise .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.countrywise .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #fff!important;
    color: #3867D6!important;
    padding: 6px 13px!important;
    border: 1px solid #fff!important;
    font-weight: 700;
}

.countrywise .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.countrywise .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #bbbbbb!important;
    background: #f9f9f9!important;
    padding: 6px 13px!important;
    border: 1px solid #c9c6f5!important;
}

.countrywise .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0;
}



.special {
	padding-top: 70px;
	padding-bottom: 80px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.special h2 {
	color: #b3b3b3;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 20px;
}

.special h3 {
	color: #fff;
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 30px;
}

.special p {
	color: #fff;
	font-size: 15px;
}

.special .read-more {
	margin-top: 30px;
}

.special .read-more a {
	background: #3867D6;
	border: 2px solid #3867D6;
	border-radius: 50px;
	padding: 10px 30px;
	display: inline-block;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 600;
	text-transform: uppercase;
}

.special .read-more a:hover {
	background: transparent;
	border-color: #fff;
}

.video-section {
    position: relative;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
}
.video-section-bg {
	background: #fff;
	opacity: 0.3;
}
.video-button {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	box-sizing: content-box;
	display: block;
	width: 32px;
	height: 44px;
	border-radius: 50%;
	padding: 18px 20px 18px 28px;
}

.video-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #3867D6;
	border-radius: 50%;
	animation: video-pop 1500ms ease-out infinite;
}

.video-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #3867D6;
	border-radius: 50%;
	transition: all 200ms;
}

.video-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
}

@keyframes video-pop {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}

@media only screen and (max-width: 768px) {
	.video-section {
		margin-top: 40px;
	}
}




.service {
	padding-top: 70px;
	padding-bottom: 80px;
	overflow: hidden;
}

.service .heading {
	text-align: center;
	margin-bottom: 30px;
}

.service .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-top: 0;
}

.service .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #928f8f;
}

.service .service-item .photo img {
	width: 100%;
	height: 230px;
	object-fit: cover;
}

.service .service-item .text {
	background: #f2f2f2;
	padding: 20px;
}

.service .service-item .text h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
}

.service .service-item .text h3 a {
	color: #333;
}

.service .service-item .text h3 a:hover {
	color: #3867D6;
}

.service .service-item .text p {
	font-size: 15px;
}

.service .read-more {
	margin-top: 15px;
}

.service .read-more a {
	background: #3867D6;
	border: 0;
	border-radius: 50px;
	padding: 10px 30px;
	display: inline-block;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 600;
	text-transform: uppercase;
}

.service .read-more a:hover {
	background: #333;
}


.service .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.service .owl-dots .owl-dot {
	width: 24px;
	height: 24px;
	background: #fff;
	border: 7px solid #afafaf;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
}

.service .owl-dots .owl-dot.active {
	width: 24px;
	height: 24px;
	background: #333;
	border: 7px solid #afafaf;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.service .service-item .photo img {
		height: 190px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.service .service-item .photo img {
		height: 217px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.service .service-item .photo img {
		height: 335px;
	}
}

@media only screen and (max-width: 575px) {
	.service .service-item .photo img {
		object-fit: fill;
		height: auto;
	}
}





.project {
	padding-top: 70px;
	padding-bottom: 80px;
	overflow: hidden;
}

.project .heading {
	text-align: center;
	margin-bottom: 30px;
}

.project .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-top: 0;
}

.project .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #928f8f;
}

.project .project-item .photo img {
	width: 100%;
	height: 230px;
	object-fit: cover;
}

.project .project-item .text {
	background: #f2f2f2;
	padding: 20px;
}

.project .project-item .text h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
}

.project .project-item .text h3 a {
	color: #333;
}

.project .project-item .text h3 a:hover {
	color: #3867D6;
}

.project .project-item .text p {
	font-size: 15px;
}

.project .read-more {
	margin-top: 15px;
}

.project .read-more a {
	background: #3867D6;
	border: 0;
	border-radius: 50px;
	padding: 10px 30px;
	display: inline-block;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 600;
	text-transform: uppercase;
}

.project .read-more a:hover {
	background: #333;
}


.project .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.project .owl-dots .owl-dot {
	width: 24px;
	height: 24px;
	background: #fff;
	border: 7px solid #afafaf;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
}

.project .owl-dots .owl-dot.active {
	width: 24px;
	height: 24px;
	background: #333;
	border: 7px solid #afafaf;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.project .project-item .photo img {
		height: 190px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.project .project-item .photo img {
		height: 217px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.project .project-item .photo img {
		height: 335px;
	}
}

@media only screen and (max-width: 575px) {
	.project .project-item .photo img {
		object-fit: fill;
		height: auto;
	}
}




.testimonial {
	padding-top: 70px;
	padding-bottom: 80px;
	overflow: hidden;
	background: #3867D6;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.testimonial-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #3867D6;
	opacity: 0.8;
}

.testimonial .heading {
	text-align: center;
	margin-bottom: 0;
}

.testimonial .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	margin-top: 0;
}

.testimonial .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}

.testimonial .testimonial-item .photo {
	text-align: center;
}

.testimonial .testimonial-item .photo img {
	width: 80px;
	height: 80px;
	display: inline-block;
}

.testimonial .testimonial-item .text {
	padding: 20px 150px;
	text-align: center;
}

.testimonial .testimonial-item .text h3 {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	position: relative;
	margin-top: 40px;
}

.testimonial .testimonial-item .text h3:before {
	content: '';
	position: absolute;
	left: calc(50% - 20px);
	top: -20px;
	width: 40px;
	height: 2px;
	background: #fff;
}

.testimonial .testimonial-item .text h4 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #fff;
}

.testimonial .testimonial-item .text p {
	font-size: 15px;
	color: #fff;
}

.testimonial .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.testimonial .owl-dots .owl-dot {
	width: 24px;
	height: 24px;
	background: #fff;
	border: 7px solid #fff;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
}

.testimonial .owl-dots .owl-dot.active {
	width: 24px;
	height: 24px;
	background: #333;
	border: 7px solid #fff;
}

@media only screen and (max-width: 992px) {
	.testimonial .testimonial-item .text {
		padding-left: 10px;
		padding-right: 10px;
	}
}






/* Counter */
.counter-area {
	background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    padding-top: 80px;
    padding-bottom: 90px;
}
.bg-counter {
    position: absolute;
    background: #3867D6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.8;
}
.counter {
    padding: 0;
	display: flex;
	
}

.morden_web_icon{
	margin-right: 50px;
}

.count-title {
    font-size: 40px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: #fff;
}

.count-text {
    font-size: 18px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0;
    text-align: center;
    color: #fff;
}

.counter .icon {
	margin-bottom: 20px;
}

.counter .icon .fa-2x {
	width: 70px;
	height: 70px;
	padding-top: 15px;
	text-align: center;
	background: transparent;
	border: 3px solid #fff;
	border-radius: 50%;
    margin: 0 auto;
    float: none;
    display: table;
    color: #fff;
    font-size: 34px;
}




/* Pricing */
.pricing {
	padding-top: 70px;
	padding-bottom: 80px;
	background: #f1f5f9;
	overflow: hidden;
}

.pricing .heading {
	text-align: center;
	margin-bottom: 30px;
}

.pricing .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-top: 0;
}

.pricing .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #928f8f;
}

.pricing .card {
	border: none;
	border-radius: 1rem;
	transition: all 0.2s;
	box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  	margin: 1.5rem 0;
}

.pricing .card-title {
	margin: 0.5rem 0;
	font-size: 0.9rem;
	letter-spacing: .1rem;
	font-weight: bold;
}

.pricing .card-price {
  	font-size: 3rem;
  	margin: 0;
}

.pricing .card-price .period {
  	font-size: 12px;
}

.pricing ul li {
  	margin-bottom: 16px;
}

.pricing .text-muted {
  	opacity: 0.7;
}

.pricing .btn {
	background: #3867D6;
	font-size: 20px;
	border-radius: 5rem;
	font-weight: 700;
	padding: 10px;
	border: 0;
}
.pricing .btn:hover {
	background: #333;
}

/* Hover Effects on Card */
@media (min-width: 992px) {
  	.pricing .card:hover {
		margin-top: -.25rem;
		margin-bottom: .25rem;
		box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  	}
  	.pricing .card:hover .btn {
    	opacity: 1;
  	}
}




/* Call To Action */
.cta {
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    padding-top: 70px;
    padding-bottom: 80px;
}
.cta .overlay {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3867D6;
    opacity: 0.8;
}
.cta .cta-box h2 {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
}
.cta .cta-box p {
	color: #fff;
	font-size: 20px;
}
.cta .cta-box .btn {
    border-radius: 30px;
    padding: 10px 40px;
    background: #333;
    font-size: 20px;
    border: 0;
    margin-top: 30px;
}





/* Newsletter */
.newsletter-area {
    width: 100%;
    height: auto;
    text-align: center;
    background: #3867D6;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    padding-top: 70px;
    padding-bottom: 80px;
}
.newsletter-area .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3867D6;
    opacity: 0.8;
}
.newsletter-text {
    margin-bottom: 30px;
}
.newsletter-text h2 {
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}
.newsletter-text p {
    line-height: 1.6;
    font-size: 16px;
    color: #fff;
}

.newsletter-button input[type='text'] {
    width: 300px;
    height: 50px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    border: 0;
    padding-left: 15px;
    padding-right: 15px;
    outline: none;
}
.newsletter-button input[type='submit'] {
    width: 100px;
    height: 50px;
    font-size: 15px;
    font-weight: 600;
    background: #333;
    color: #fff;
    border: 0;
    margin-left: -4px;
    text-transform: uppercase;
}






/* Blog */
.blog-area {
	padding-top: 70px;
	padding-bottom: 80px;
	overflow: hidden;
}

.blog-area .heading {
	text-align: center;
	margin-bottom: 30px;
}

.blog-area .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-top: 0;
}

.blog-area .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #928f8f;
	margin-bottom: 15px;
}

.blog-area .blog-item h3 a {
    color: #333;
    font-size: 22px;
    font-weight: 700;
}

.blog-area .blog-item h3 a:hover {
    color: #3867D6;
}

.blog-area .blog-item:hover .date {
    bottom: 0;
}

.blog-area .blog-item:hover .blog-image img {
    transform: scale(1.1);
}

.blog-area .blog-item p {
    font-size: 15px;
}

.blog-area .blog-image {
    overflow: hidden;
    position: relative;
}

.blog-area .blog-image img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    transform: scale(1);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

.blog-area .blog-image .date {
    text-align: center;
    position: absolute;
    bottom: -26px;
    right: 12px;
    padding: 10px 16px;
    color: #fff;
    background: #3867D6;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

.blog-area .blog-image .date h3 {
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 6px;
    line-height: 1.1;
    color: #fff;
}

.blog-area .blog-image .date h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 1.1;
    color: #fff;
}

.blog-area .blog-text {
    background: #f5f5f5;
    padding: 20px;
}

.blog-area .read-more {
	margin-top: 15px;
}

.blog-area .read-more a {
	background: #3867D6;
	border: 0;
	border-radius: 50px;
	padding: 10px 30px;
	display: inline-block;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 600;
	text-transform: uppercase;
}

.blog-area .read-more a:hover {
	background: #333;
}

.blog-area .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.blog-area .owl-dots .owl-dot {
	width: 24px;
	height: 24px;
	background: #fff;
	border: 7px solid #afafaf;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
}

.blog-area .owl-dots .owl-dot.active {
	width: 24px;
	height: 24px;
	background: #333;
	border: 7px solid #afafaf;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog-area .blog-image img {
		height: 190px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-area .blog-image img {
		height: 217px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-area .blog-image img {
		height: 335px;
	}
}

@media only screen and (max-width: 575px) {
	.blog-area .blog-image img {
		object-fit: fill;
		height: auto;
	}
}





/* Partner */
.partner {
	padding-top: 70px;
	padding-bottom: 80px;
	overflow: hidden;
}

.partner .heading {
	text-align: center;
	margin-bottom: 30px;
}

.partner .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-top: 0;
}

.partner .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #928f8f;
	margin-bottom: 15px;
}

.partner .partner-carousel {
	position: relative;
}

.partner-carousel .inner {
	padding-left: 20px;
	padding-right: 20px;
}


/* Scroll to Top */
.scroll-top {
	cursor: pointer;
	text-align: center;
	font-size: 22px;
	position: fixed;
	width: 50px;
	height: 50px;
	line-height: 46px;
	bottom: 46px;
	right: 20px;
	background: #3867D6;
	color: #fff;
	opacity: 0.7;
	z-index: 9999;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.scroll-top:hover {
	opacity: 1;
	color: #fff;
	background: #313131;
}




/* Footer */
.footer-area {
    padding-top: 30px;
    padding-bottom: 60px;
    background: #333;
    color: #c7c7c7;
}
.footer-item {
    margin-top: 30px;
}
.footer-item h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 30px;
    color: #fff;
}
.footer-item p {
    line-height: 1.7;
    margin: 0;
}
.footer-item ul li {
    margin-bottom: 5px;
    list-style-type: none;
    padding-left: 0!important;
    background: none!important;
}
.footer-item ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #c7c7c7;
    transition: all 0.4s;
    padding-left: 5px;
}
.footer-item ul.fmain li:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f058';
    color: #c7c7c7;
}
.footer-item ul li a:hover {
    color: #3867D6;
}
.footer-social-link {
    margin-top: 30px;
}
.footer-social-link h2 {
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 20px;
}
.footer-social-link ul li {
    display: inline-block;
    margin-right: 5px;
}
.footer-social-link ul li a {
    text-align: center;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #3867D6;
    border: 1px solid #3867D6;
    color: #fff;
    transition: all 0.4s;
    padding-left: 0;
}
.footer-social-link ul li a:hover {
    background-color: transparent;
    color: #fff;
}
.footer-contact ul li {
	position: relative;
	padding-left: 26px!important;
	font-size: 15px;
	margin-bottom: 8px;
}

.footer-contact ul li:before {
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	left: 0;
	top: 0;
	color:#c7c7c7;
	font-size: 16px;
}
.footer-contact ul li:nth-child(1):before {
	content: '\f279';
}
.footer-contact ul li:nth-child(2):before {
	content: '\f2b6';
	font-size: 14px;
}
.footer-contact ul li:nth-child(3):before {
	content: '\f2b9';
}

.footer-end {
	border-top: 1px solid #c7c7c7;
	margin-top: 20px;
    padding-top: 20px;
}
.copyright {
    color: #c7c7c7;
}
.copyright p {
    margin: 0;
}
.footer-pages ul {
	float: right;
}
.footer-pages ul li {
	display: inline-block;
	list-style-type: none;
}
.footer-pages ul li a {
	color: #c7c7c7;
	margin-left: 20px;
}
.footer-pages ul li a:hover {
	color: #ffffff;
}


/* Page Banner */
.page-banner {
	margin-top: 80px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.bg-page {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #333;
	opacity: 0.7;
}

.page-banner .text {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
	position: relative;
	z-index: 40;
}

.page-banner .text h1 {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	margin: 0!important;
}

.page-banner .breadcrumb {
	background-color: transparent;
	text-align: center;
	margin-bottom: 0;
}

.page-banner .breadcrumb-item {
	color: #bdbaba;
	font-weight: 600;
	font-size: 18px;
}

.page-banner .breadcrumb-item a {
	color: #fff;
}

.page-banner .breadcrumb-item a:hover {
	color: #f3f3f3;
}

.page-banner .breadcrumb-item::before {
	color: #fff!important;
}

@media only screen and (max-width: 991px) {
	.page-banner .text {
		/* padding-top: 125px; */
	}
}




/* Page Content */
.page-content {
	padding-top: 30px;
	padding-bottom: 30px;
	overflow: hidden;
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
	margin-bottom: 20px!important;
}

.page-content ul,
.page-content ol {
	margin-bottom: 20px;
}

.page-content ul li {
    list-style-type: none;
    position: relative;
    background-image: url(../images/tick.png) !important;
    background-size: 16px 16px !important;
    background-position: 0 4px !important;
    background-repeat: no-repeat !important;
    padding-left: 25px;
    margin-bottom: 10px !important;
    list-style: none !important;
}



.page-content ol li {
	margin-bottom: 15px;
}


/* Single Section */
.single-section .blog-item {
	margin-bottom: 50px;
}

.single-section h2 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 15px;
	color: var(--dark-gray);
}

.single-section h2 a {
	color: var(--dark-gray);
}
.single-section ul li {
    background-image: none !important;
    list-style: outside !important;
    padding-left: 0;
    margin-left: 16px;
}
.single-section h3 {
    font-size: 18px;
    color: var(--dark-gray);
    margin-bottom: 15px !important;
}

.single-section .featured-photo {
	margin-bottom: 30px;
}

.single-section .featured-photo img {
	width: 100%;
	height: auto;
}

.single-section .read-more {
	margin-top: 30px;
}

.single-section .read-more a {
	background: #3867D6;
	border: 0;
	border-radius: 50px;
	padding: 10px 30px;
	display: inline-block;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 600;
	text-transform: uppercase;
}

.single-section .read-more a:hover {
	background: #333;
}

@media only screen and (max-width: 767px) {
	.single-section {
		margin-bottom: 30px;
	}
}


/* Sidebar */
.sidebar .widget {
	padding: 20px;
	background: #f1f5f9;
	margin-bottom: 30px;
}

.sidebar .widget h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

.sidebar .widget .type-1 ul li {
	list-style-type: none;
	padding-left: 26px;
	position: relative;
	margin-bottom: 10px;
	background: none!important;
}

.sidebar .widget .type-1 ul li:before {
	content: '\f058';
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	left: 0;
	top: 0;
	color: #3867D6;
}

.sidebar .widget .type-1 ul li a {
	color: #333;
}

.sidebar .widget .type-1 ul li a:hover {
	color: #3867D6;
}

.sidebar .widget .type-2 img {
	width: 70px;
	height: 60px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	object-fit: cover;
}

.sidebar .widget .type-2 ul li {
	list-style-type: none;
	position: relative;
	margin-bottom: 10px;
}

.sidebar .widget .type-2 ul li a {
	width: calc(100% - 85px);
	color: #333;
	display: inline-block;
	vertical-align: top;
}

.sidebar .widget .type-2 ul li a:hover {
	color: #3867D6;
}

.sidebar .widget .type-2 ul li {
	background: none;
	padding-left: 0;
}

.sidebar .widget .search .input-group-append {
	width: 36px;
}

.sidebar .widget .search button {
	background: #3867D6;
	border: 0;
	width: 36px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.sidebar .widget .search button i {
	color: #fff;
}

.sidebar .widget .type-3 button {
	border: 0;
	background: #3867D6;
	border-radius: 50px;
	padding: 10px 30px;
	font-weight: 600;
	text-transform: uppercase;
}

.sidebar .widget .type-3 button:hover {
	background: #333;
}

.sidebar .widget .project-detail .item {
	margin-bottom: 25px;
}

.sidebar .widget .project-detail .item h4 {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0px!important;
}

.sidebar .widget .project-detail .item p {
	color: #555;
	font-size: 15px;
}




.team {
	padding-top: 70px;
	padding-bottom: 80px;
	overflow: hidden;
}

.team .heading {
	text-align: center;
	margin-bottom: 30px;
}

.team .heading h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-top: 0;
}

.team .heading h3 {
	font-size: 20px;
	font-weight: 500;
	color: #928f8f;
}

.team-item {
	border: 1px solid #ddd;
	margin-top: 30px;
}

.team-photo img {
	width: 100%;
	height: 292px;
	object-fit: cover;
}

.team-photo-anchor {
	width: 100%;
	height: 100%;
}

.team-text {
	text-align: center;
	background: #3867D6;
	color: #fff;
	padding: 15px;
}

.team-text h4 {
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	margin: 0;
	margin-bottom: 4px!important;
}

.team-text h4 a {
	color: #fff;
}

.team-text p {
	margin: 0;
	font-size: 14px;
}

.team-social {
	text-align: center;
	background: #333;
	width: 100%;
	padding: 10px 0;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	margin-top: 15px;
}

.team-social ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	margin-bottom: 0!important;
}

.team-social li {
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 0!important;
	background: none!important;
	padding-left: 0!important;
}

.team-social li a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	border: 1px solid #ddd;
	margin: 5px 0;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.team-social li a:hover {
	background: #3867D6;
	color: #fff;
	border: 1px solid #3867D6;
}

.team .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.team .owl-dots .owl-dot {
	width: 24px;
	height: 24px;
	background: #fff;
	border: 7px solid #afafaf;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
}

.team .owl-dots .owl-dot.active {
	width: 24px;
	height: 24px;
	background: #333;
	border: 7px solid #afafaf;
}

.team-member-photo img {
    width: 100%;
    height: auto;
}
.team-single ul.social {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.team-single ul.social li {
    list-style-type: none;
    display: inline-block;
}

.team-single ul.social li a {
    background: #5ac736;
    color: #fff;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: block;
    margin-right: 6px;
    font-size: 16px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.team-single ul.social li a:hover {
    background: #333;
}
.team-single table {
    background: #fff;
}
.team-single table tr td:nth-of-type(1) {
    width: 200px;
    font-weight: 500;
}
.team-single .description h2 {
	font-size: 24px;
	font-weight: 700;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.team-photo img {
		height: 240px;
	}
	.team-social li a {
		width: 24px;
		height: 24px;
		line-height: 24px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.team-photo img {
		height: 378px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.team-photo img {
		height: 588px;
	}
}

@media only screen and (max-width: 575px) {
	.team-photo img {
		object-fit: fill;
		height: auto;
	}
}





/* Portfolio Carousel */
.project-photo-carousel {
	overflow: hidden;
	margin-top: 30px;
}

.project-photo-carousel .owl-nav .owl-prev,
.project-photo-carousel .owl-nav .owl-next {
	text-align: center;
	font-size: 18px;
	position: absolute;
	top: 50%;
	width: 40px;
	height: 50px;
	line-height: 48px;
	background: #3867D6;
	color: #fff;
	margin-top: -25px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.project-photo-carousel .owl-nav .owl-prev {
	left: 0;
}

.project-photo-carousel .owl-nav .owl-next {
	right: 0;
}

.project-photo-carousel .owl-nav .owl-prev:hover,
.project-photo-carousel .owl-nav .owl-next:hover {
	color: #fff;
	background: #313131;
}

.single-project .iframe-container {
	overflow: hidden;
	clear: both;
}

.single-project iframe {
	width: 100%;
	height: 400px;
}

.single-project img.featured-photo {
	width: 100%;
	height: auto;
}

.project-photo-carousel .p-item {
	position: relative;
}

.project-photo-carousel .p-item .p-item-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    opacity: 0;
    background: #333;
    z-index: 9;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.project-photo-carousel .p-item:hover .p-item-bg {
	opacity: 0.6;
}

.project-photo-carousel .p-item .plus-icon {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 100%;
	text-align: center;
	z-index: 99;
	font-size: 30px;
	color: #fff;
}

.project-photo-carousel .p-item:hover .plus-icon {
	visibility: visible;
	display: flex;
	align-items: center;
  	justify-content: center;
}

.project-photo-carousel .p-item img {
	width: 100%;
	height: 440px;
	object-fit: cover;
}








/* Comment */
.comment button {
	border: 0;
	background: #3867D6;
	border-radius: 50px;
	padding: 10px 30px;
	font-weight: 600;
	text-transform: uppercase;
}

.comment > h2 {
	margin-bottom: 30px!important;
}

.comment button:hover {
	background: #333;
}

.comment-item {
	margin-bottom: 20px;
	display: flex;
	justify-content: left;
}

.comment-item .photo {
	width: 70px;
	margin-right: 15px;
}

.comment-item .photo img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: 2px solid #ddd;
}

.comment-item .text h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px!important;
}

.comment-item .text .date {
	font-size: 14px;
	color: #848484;
	margin-bottom: 15px;
}

.comment-item .text .des {
	font-size: 14px;
}




/* Career Detail */
.career-main-item {
	background: #f3f3f3;
	margin-bottom: 30px;
	padding: 15px;
	border: 1px solid #ddd;
}
.career-main-item h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 5px!important;
	color: #3867D6;
}
.career-main-item h4 {
	font-size: 16px;
	font-weight: 700;
}
.career-main-item p {
	font-size: 14px;
}
.career-main-item .long {
	margin-bottom: 5px;
}
.career-detail .item {
	margin-bottom: 30px;
}
.career-detail .item h3 {
	font-size: 22px;
	font-weight: 700;
}
.career-detail .item p {
	font-size: 16px;
}
.career-detail .item ul li {
	list-style-type: none;
	position: relative;
	padding-left: 25px;
}
.career-detail .item ul li:before {
	content: '\f105';
    font-family: 'FontAwesome';
	position: absolute;
	left: 10px;
	top: 0;
	display: none;
}
.career-sidebar .widget {
	padding: 20px;
	background: #f1f5f9;
	margin-bottom: 30px;
}
.career-sidebar .widget h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
.career-sidebar .widget .type-1 ul li {
	list-style-type: none;
	padding-left: 20px;
	position: relative;
	margin-bottom: 10px;
	background: none!important;
}
.career-sidebar .widget .type-1 ul li:before {
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	top: 0;
	color: #3867D6;
}
.career-sidebar .widget .type-1 ul li a {
	color: #333;
}
.career-sidebar .widget .type-1 ul li a:hover {
	color: #3867D6;
}
.career-sidebar .widget .career-detail-sidebar .item {
	margin-bottom: 25px;
}
.career-sidebar .widget .career-detail-sidebar .item h4 {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0px!important;
}
.career-sidebar .widget .career-detail-sidebar .item p {
	color: #555;
	font-size: 15px;
}
.career-sidebar .widget button {
	border: 0;
	background: #3867D6;
	border-radius: 50px;
	padding: 10px 30px;
	font-weight: 600;
	text-transform: uppercase;
}



/* FAQ */
.faq {
	margin-top: 30px;
	background: #fff;
}

.faq .panel-body ol li,
.faq .panel-body ul li {
	list-style-position: inside;
}

.faq .panel {
	box-shadow: none!important;
	border-radius: 0!important;
	margin-bottom: 10px;
}

.faq .panel-group {
	margin-bottom: 40px;
}

.faq .panel-default>.panel-heading {
	background: #eee;
	color: #333;
	padding: 0;
	border-radius: 0;
	border: 1px solid #eee;
	position: relative;
}

.faq .panel-group .panel-heading a:after {
	content: '\f358';
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	font-weight: normal;
	right: 20px;
	top: 14px;
	font-size: 24px;
}

.faq .panel-group .panel-heading a.collapsed:after {
  	content: '\f358';
  	font-family: 'Font Awesome 5 Free';
  	font-size: 24px;
}


.faq h4.panel-title {
	margin-bottom: 0!important;
	border: 1px solid #3867D6;
}
.faq h4.panel-title a {
	display: block;
	padding: 16px 15px;
	font-size: 18px;
	font-weight: 700;
	background: #3867D6;
	color: #fff;
}

.faq .panel-body {
	border-top: 0;
	padding: 15px;
	border-top: 0;
}




/* Order Bottom */
.order-bottom {
	margin-top: 30px;
	background: #fff;
}
.order-bottom .panel-body {
	padding-left: 0!important;
	padding-right: 0!important;
}

.order-bottom .panel-body ol li,
.order-bottom .panel-body ul li {
	list-style-position: inside;
}

.order-bottom .panel {
	box-shadow: none!important;
	border-radius: 0!important;
	margin-bottom: 10px;
}

.order-bottom .panel-group {
	margin-bottom: 40px;
}

.order-bottom .panel-default>.panel-heading {
	background: #eee;
	color: #333;
	padding: 0;
	border-radius: 0;
	border: 1px solid #eee;
	position: relative;
}

.order-bottom .panel-group .panel-heading a:after {
	content: '\f068';
	font-family: 'FontAwesome';
	position: absolute;
	font-weight: normal;
	right: 20px;
	top: 13px;
	font-size: 14px;
}

.order-bottom .panel-group .panel-heading a.collapsed:after {
  	content: '\f067';
  	font-family: 'FontAwesome';
  	font-size: 14px;
}
.order-bottom h4.panel-title {
	margin-bottom: 0!important;
	border: 1px solid #3867D6;
}
.order-bottom h4.panel-title a {
	display: block;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: 700;
	background: #f3f3f3;
	color: #3867D6;
}

.order-bottom .panel-body {
	border-top: 0;
	padding: 15px;
	border-top: 0;
}





/* Contact Form */
.contact-item {
	text-align: center;
	border: 1px solid #e1e1e1;
	min-height: 180px;
	position: relative;
	background: #fafafa;
	padding: 30px 15px;
	padding-top: 60px;
	margin-top: 71px;
}

.contact-icon {
	position: absolute;
	width: 82px;
	height: 82px;
	line-height: 92px;
	top: 0px;
	left: 50%;
	background: #fafafa;
    color: #3867D6;
	border-radius: 50%;
	border: 1px solid #e1e1e1;
	margin-top: -41px;
	transform: translate(-50%, 0%);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.contact-icon img {
	width: 40px;
	height: 40px;
}

.contact-icon i {
	font-size: 34px;
}
.contact-item:hover .contact-icon{
    background: #3867D6;
    color: #fafafa;
	border: 1px solid #3867D6;
}
.contact-text {
	margin-top: 0px;
}

.contact-text h4 {
	font-size: 18px;
    font-weight: 700;
	margin-bottom: 5px;
}

.contact-text p {
	margin: 0;
}



.contact-form .btn {
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
	padding: 14px 30px;
	border: 1px solid #3867D6;
	background: #3867D6;
	color: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.contact-form .btn:hover {
	color: #fff;
	background: #313131;
	border: 1px solid #313131;
}

.map-area iframe {
	width: 100%;
	height: 450px;
	margin-bottom: -5px;
}

h4.contact-form-title {
	font-weight: 700;
	font-size: 24px;
}

.contact-form {
	margin-bottom: 50px;
}

.contact-form button {
	background: #3867D6;
	border: 2px solid #3867D6;
	border-radius: 50px;
	padding: 10px 30px;
	display: inline-block;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 600;
	text-transform: uppercase;
}

.contact-form button:hover {
	background: transparent;
	border-color: #fff;
}




/* Photo Gallery */
.gallery-photo {
	margin-bottom: 30px;
}

.gallery-photo img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.gallery-photo .gallery-photo-bg {
	position: absolute;
	left: 15px;
	top: 0;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
    opacity: 0;
    background: #333;
    z-index: 9;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.gallery-photo:hover .gallery-photo-bg {
	opacity: 0.6;
}

.gallery-photo .plus-icon {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 100%;
	text-align: center;
	z-index: 99;
	font-size: 30px;
	color: #fff;
}

.gallery-photo:hover .plus-icon {
	visibility: visible;
	display: flex;
	align-items: center;
  	justify-content: center;
  	margin-top: -15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.gallery-photo img {
		height: 207px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.gallery-photo img {
		height: 236px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.gallery-photo img {
		height: 364px;
	}
}

@media only screen and (max-width: 575px) {
	.gallery-photo img {
		object-fit: fill;
		height: auto;
	}
}




/* Video Gallery */
.video-item {
	margin-bottom: 70px;
}
.video-item iframe {
	width: 100%;
	height: 350px;
}
.video-item .video-caption {
	font-weight: 700;
	font-size: 18px;
}




/* Product */
.product-item {
	margin-bottom: 80px!important;
}

.product-item .photo img {
	width: 100%;
	height: 270px;
	object-fit: cover;
	border: 1px solid #e3e3e3;
}

.product-item .text h3 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 10px!important;
}

.product-item .text h3 a {
	color: #333;
}

.product-item .text h3 a:hover {
	color: #3867D6;
}

.product-item .text .price {
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 18px;
}

.product-item .text .price del {
	color: red;
}
.product-item .text .cart-button {
	overflow: hidden;
}
.product-item .text .cart-button a,
.product-item .text .cart-button input[type="submit"] {
	background: #3867D6;
	color: #fff;
	border-radius: 30px;
	padding: 10px 20px;
	font-size: 14px;
	border: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: inline-block;
}

.product-item .text button {
	width: 100%;
	background: #3867D6;
	color: #fff;
	border-radius: 30px;
	padding: 10px 20px;
	font-size: 14px;
	border: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: inline-block;
}

.product-item .text button i {
	font-size: 14px;
}

.product-item .text .cart-button a.stock-empty {
	background: #ead1d1;
	color: #ff0000;
}

.product-item .text .cart-button a.stock-empty:hover {
	background: #ead1d1;
	color: #ff0000;
}

.product-item .text .cart-button a:hover,
.product-item .text .cart-button input[type="submit"]:hover {
	background: #333;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product-item .photo img {
		height: 220px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product-item .photo img {
		height: 347px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-item .photo img {
		height: 540px;
	}
}

@media only screen and (max-width: 575px) {
	.product-item .photo img {
		object-fit: fill;
		height: auto;
	}
}




/* Product Detail */
.product-detail .photo img {
	width: 100%;
	height: auto;
	border: 1px solid #e3e3e3;
}

.product-detail h2 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px!important;
}

.product-detail p {
	font-size: 16px;
}

.product-detail .price {
	font-size: 28px;
	font-weight: 600;
	color: #3867D6;
}

.product-detail .price del {
	color: red;
}

.product-detail .delivery-time {
	font-size: 18px;
}

.product-detail .qty {
	font-size: 18px;
}

.product-detail .qty input[type="number"] {
	width: 100px;
}

.product-detail button {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 14px 30px;
    border: 0;
    border-radius: 50px;
    background: #3867D6;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product-detail button:hover {
	background: #333;
}

.product-detail .nav-pills .nav-link.active {
	background: #3867D6;
	color: #fff;
}

.product-detail .nav-pills .nav-link {
	background: #f1f5f9;
	color: #3867D6;
}

.product-detail li.nav-item {
	margin-right: 10px;
}

.product-detail li {
	background: none!important;
	padding-left: 0!important;
}

.product-detail a.stock-available-amount {
	background: #ffc107;
	color: #333;
	border: 0;
	border-radius: 16px;
	padding: 5px 18px;
	font-size: 14px;
}

.product-detail a.stock-empty {
	background: #ead1d1;
	color: #ff0000;
	border-radius: 30px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    border: 0;
    display: inline-block;
    margin-top: 30px;
    text-transform: uppercase;
}

.product-detail a.stock-empty:hover {
	background: #ead1d1;
	color: #ff0000;
}

@media only screen and (max-width: 767px) {
	.product-detail .photo img {
		margin-bottom: 30px;
	}
}


/* Cart */
.cart table img {
	width: 100px;
	height: auto;
}

.cart input[type="number"] {
	width: 100px;
}

.cart .total {
	font-size: 18px;
	font-weight: 600;
}

.cart-buttons {
	float: right;
}

.cart-buttons a,
.cart-buttons input[type="submit"] {
	margin-right: 10px;
}

@media only screen and (max-width: 767px) {
	.cart-buttons {
		margin-bottom: 30px;
	}
}



.checkout-login-form h2 {
	font-size: 24px;
	font-weight: 700;
}

.checkout-login-form .inner {
	display: flex;
	justify-content: center;
}

.checkout-login-form input {
	width: 400px;
}

.checkout-login-form .new-user {
	margin-top: 15px;
	font-weight: 600;
}

.checkout-login-form .new-user a {
	color: #3867D6;
}

.checkout-login-form .new-user a:hover {
	color: #333;
}

.checkout h2 {
	font-size: 24px;
	font-weight: 700;
}

.checkout-billing h2 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}

.checkout-tab .nav-link {
	font-size: 20px;
	padding: 15px 30px;
	font-weight: 700;
	background: #ddd;
	color: #6c757d;
	margin-right: 10px;
}
.checkout-tab .nav-link i {
	background: #6c757d;
	color: #ddd;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
}
.checkout-tab .nav-link.active {
	font-size: 20px;
	padding: 15px 30px;
	font-weight: 700;
	background: #3867D6;
}
.checkout-tab .nav-link.active i {
	background: #fff;
	color: #3867D6;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
}

.checkout-tab li {
	padding-left: 0!important;
	background: none!important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.checkout-tab .nav-link {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 16px;
	}
	.checkout-tab .nav-link.active {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 16px;
	}
}

@media only screen and (max-width: 767px) {
	.checkout-tab .nav-link {
		padding-left: 25px;
		padding-right: 25px;
		font-size: 18px;
	}
	.checkout-tab .nav-link.active {
		padding-left: 25px;
		padding-right: 25px;
		font-size: 18px;
	}
	.page-content-checkout button {
		margin-bottom: 30px;
	}
	.order-summery-area {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 575px) {
	.page-content-checkout ul.nav-pills li {
		width: 100%!important;
	}
}




/* Login */
.reg-login-form h2 {
	font-size: 24px;
	font-weight: 700;
}

.reg-login-form .inner {
	display: flex;
	justify-content: center;
}

.reg-login-form input {
	width: 400px;
}

.reg-login-form .new-user {
	margin-top: 15px;
	font-weight: 600;
}

.reg-login-form .new-user a {
	color: #3867D6;
}

.reg-login-form .new-user a:hover {
	color: #333;
}

@media only screen and (max-width: 991px) {
	.reg-login-form input {
		width: 100%;
	}
	.reg-login-form select {

	}
	.reg-login-form .inner {
		display: block;
	}
}





/* User Panel */
.user-sidebar ul {
	display: flex;
	flex-direction: column;
}

.user-sidebar ul li {
	list-style-type: none;
	margin-bottom: 5px;
	padding-left: 0;
	background: none;
}

.modal-table {
	font-size: 14px;
}

.modal-table tr th {
	width: 150px;
}

.modal-full-width {
	max-width: 100%!important;
}

.modal-full-width .top-area {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #dee2e6;
}

.modal-full-width .top-right {
	font-size: 20px;
	font-weight: 700;
	float: right;
	margin-top: 30px;
}

@media only screen and (min-width: 992px) {
	.modal-full-width {
		max-width: calc(100% - 200px)!important;
	}
}

.customer-invoice {
	padding-top: 30px;
}
.customer-invoice .top-head {
	border-bottom: 1px solid #efebeb;
}
.customer-invoice .left img {
	height: 70px;
}
.customer-invoice .left .company-info {
	font-size: 14px;
	margin-bottom: 30px;
}
.customer-invoice .right {
	text-align: right;
	font-size: 18px;
	font-weight: 700;
	margin-top: 30px;
}
.customer-invoice .i3 {
	margin-top: 30px;
}
.customer-invoice .i3 h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px!important;
}
.customer-invoice .i3 p {
	font-size: 14px;
	margin-bottom: 0;
}
@media print {
	@page { margin: 0; }
}




.chosen-drop {
    z-index: 999999 !important;
}

.nav-doctor li {
	padding-left: 0!important;
	background: none!important;
}

.doc_detail_social li {
	padding-left: 0!important;
	background: none!important;
	float: left;
	margin-right: 5px;
}

.doc_detail_social li i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	background: #3867D6;
	color: #fff;
	border-radius: 4px;
	transition: all 0.4s ease;
}
.doc_detail_social li:hover i {
	background: #333;
}

.nav-doctor .nav-link {
	background: #e6e6e6;
	margin-right: 10px;
	color: #333;
}
.nav-doctor .nav-link.active,
.nav-doctor .show > .nav-link {
	background: #3867D6;
}


/* Bootstrap Pagination */
.pagination li {
	background: none!important;
	padding-left: 0!important;
 white-space: nowrap; /* Ensure the text stays on one line */
    overflow: hidden;    /* Hide overflow content */
    text-overflow: ellipsis; /* Apply ellipsis to truncated text */
    display: inline-block; /* Ensure the width applies correctly */
    max-width: 200px; /* Set a maximum width for the element */
}


.dashboard-stat .text {
	font-size: 20px;
}
.dashboard-stat .total {
	font-size: 30px;
}

@media only screen and (max-width: 767px) {
	.dashboard-stat-item {
		margin-bottom: 30px;
	}
}


/* ------------------------------------------- */
/* toastr */
/* ------------------------------------------- */
.toast {
    opacity: 1 !important;
}
#success_toastr {
    background: green!important;
}
#error_toastr {
    background: red!important;
}
.toast-error {
  background-color: #bd362f;
}
.toast-success {
  background-color: #51a351;
}
.toast-warning {
  background-color: #f89406;
}



/* Checkout */
.checkout-left h4 {
	font-weight: 700;
}

.checkout-right h4 {
	font-weight: 700;
}
.checkout-right .inner {
	background: #f3f3f3;
	padding: 15px;
}
.checkout-right img {
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.checkout-right .p_price {
	text-align: right;
}

.checkout-right .p_name,
.checkout-right .p_name a {
	text-decoration: none!important;
	color: #333;
}
.checkout-right .total_amount {
	font-size: 22px;
	font-weight: 700;
}
.shipping-checkbox-container .form-check {
	margin-bottom: 10px;
}
.shipping-checkbox-container input:focus {
	border-color: none!important;
}
.shipping-checkbox-container .heading {
	line-height: 1.1;
}
.shipping-checkbox-container .subheading {
	font-size: 12px;
}
.checkout-right table td {
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}
.checkout-left input[type="checkbox"],
.checkout-right input[type="checkbox"] {
	color: #3867D6;
}

/* Select 2 */
.select2-container--bootstrap .select2-selection--single {
	height: 38px!important;
	line-height: 38px!important;
	padding-top: 0!important;
	font-size: 1rem;
}


/* Preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 999999;
}

#preloader #status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}


.share_buttons a {
	text-align: center;
}
.share_buttons a i {
    border: 1px solid #3b5998;
    color: #fff!important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    display: inline-block;
    font-size: 20px;
    margin-right: 4px;
}
.share_buttons a.facebook i {
	background: #3b5998;
    border-color: #3b5998;
}
.share_buttons a.facebook:hover i {
	color: #3b5998!important;
	background: #fff;
}
.share_buttons a.twitter i {
	background: #00aced;
    border-color: #00aced;
}
.share_buttons a.twitter:hover i {
	color: #00aced!important;
	background: #fff;
}
.share_buttons a.pinterest i {
	background: #EB4823;
    border-color: #EB4823;
}
.share_buttons a.pinterest:hover i {
	color: #EB4823!important;
	background: #fff;
}
.share_buttons a.linkedin i {
	background: #0e76a8;
    border-color: #0e76a8;
}
.share_buttons a.linkedin:hover i {
	color: #0e76a8!important;
	background: #fff;
}
/*Home page css*/
.modern-website {
    background: url(/frontend/images/bg4.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/* .index_page_style{
	margin:50px 0;
} */
.responsive-icon {
    background-image: url("/frontend/images/resW-ecomm-cht-sprite-image.png");
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}
.rs-solutions ul.counter li {
    display: inline-block;
    margin-right: 55px;
}
.modern-website .eCommerce-icon {
    background-image: url(/frontend/images/resW-ecomm-cht-sprite-image.png);
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
}
.modern-website .chatbot-icon {
    background-image: url(/frontend/images/resW-ecomm-cht-sprite-image.png);
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: right;
}
.best-agency-section .row {
    align-items: center;
}
.icon-here p {
    margin: 0;
    text-align: center;
}
.main-nav {
    box-shadow: 0 3px 12px rgb(0 0 0 / 18%);
}
.h1, h1 {
    font-size: 2rem;
    font-weight: 600;
}

img.stumpel-img {
    width: 140px;
}
img.abra-img {
    width: 90px;
}
img.azure-img {
    width: 130px;
}

img.pathstore-img {
    width: 130px;
}
.mobil-img {
    width: 150px;
}
img.Schneider-img {
    width: 130px;
}
img.wwf-img {
    width: 50px;
}
img.Primary-img {
    width: 75px;
}
img.Aiboboa-img {
    width: 70px;
}
img.pathstore-img {
    width: 130px;
}
ul.barnd_logo_img li {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
    margin-bottom: 30px;
    background: no-repeat;
    padding-left: 0;
}
.tag-l-p {
    font-size: 22px;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 30px;
}
.form_below_text h2 {
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 0;
}
 .form_below_text {
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}
.address_p_c h3 {
    margin-bottom: 10px !important;
    margin-top: 10px;
    font-size: 22px;
    line-height: 20px;
}
.footer-section-primary h3.widget-title {
    margin: 3px 0 0;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    padding-right: 5px;
    font-weight: bold;
    text-transform: none;
}
.fo-menu-lis-2.fo-menu-list-1 {
    margin-top: 10px;
    margin-bottom: 10px;
}
li.last-menu-i {
    border-right: none !important;
}
.fo-menu-list-1 {
    display: flex;
}
#compnay_footer ul {
    list-style: none;
    margin: 0;
}

/* my upload css  */

.development_company_yugasa{
    padding-top: 100px;
    padding-bottom: 50px;
    background-image: url("/frontend/images/banner-Shape.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
   
}
.heading-sub-text {
    padding-bottom: 15px;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
}
 .heading-banner{
    color: #fff;
    font-size: 48px;
    line-height: 60px;
    font-weight: bold;
    margin: 0 0 26px;
	width: 100%;
}
.left-section-yugasa p{
    padding-bottom: 15px;
    color: #fff;
    font-size: 19px;
    line-height: 32px;
    font-weight: normal;

}
.counter-text {
    background: #fff;
}
.counter-text h5 {
    margin: 0;
}
.development_company_yugasa .col-md-7{
    position: relative;
   left: 110px;
}
.php_image_icons{
    width: 70px;
}
.techonology-feature-title{
    font-size: 19px;
    color: #000;
}
.techonology-feature-desc{
    font-size: 16px;
    
    color: #5f6f81;
}
.techonology-content-icons{
    padding-top: 140px;
    position: relative;
    left: 10%;
}

.feature_icon_imag{
	width: 70px;
    padding-bottom: 20px;
}

    .feature-circle-shape{
    position: absolute;
    transition: all 0.5s ease 0s;
    bottom: 59%;
    left: 46px;
    z-index: -3;
    width: 90px;
    }
    .feature_text{
        width: 85%;
    }
.devices-section-experiened-bg {
    background-image: url("/frontend/images/Hire-an-experienced-left-sec-bg.png");
    background-repeat: no-repeat;
    margin-top: 100px;
    margin-bottom: 100px;
    padding-top: 80px;
    padding-bottom: 16px;
}
.sec-he-t {
    color: #51b0cd;
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    margin: 0 0 20px;
} 

.expeienced-text {
    max-width: 500px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 32px;
}

    .readon-contact_button{
        color: #ffffff !important;
        background: rgb(123,189,211);
        padding: 15px 25px;
        border-radius: 5px;
        text-transform: uppercase;
        border: none;
    }
.actor-color{
        color: #fff;
    }
.secruty-section {
    background-image: url(/frontend/images/right-sec-bg.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 70px 0px 90px 0px;
    background-size: 100% 100%;
    margin-bottom: 100px;
    margin-top: 150px;
}
    .about-img .img1 {
        position: relative;
        bottom: 35px;
    }
    .about-img .img2 {
        position: absolute;
        right: 0px;
        left: 170px;
        top: 75px;
        z-index: 9;
    }
    .security-heading-title{
        color: #51b0cd;
    font-size: 48px;
    line-height: 60px;
    font-weight: bold;
    margin: 0 0 26px;
    }
.security-left-text {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 50px;
}
.section_orgnization h2.sec-he-t {
    color: #fff;
}
.section_orgnization .security-left-text {
color: #fff;
}
    .readon-security_button{
        color: #ffffff;
        background: #f3af72;
        padding: 15px 25px;
        border-radius: 5px;
        text-transform: uppercase;
        border: none;   
    }
    .left-contant-title{
        margin-left: 15%;
    }

    .counter-part{
        max-width: 380px;
    }

    .counter-text{padding: 15px 40px;
    box-shadow: 2px 10px 30px rgb(158 158 158 / 25%);
    margin-bottom: 30px;
    }

    .counter-text h5{
        font-size: 18px;
    font-weight: 500;
    color: rgb(95,111,129);
    
}

.about-left-img{
    padding-top: 90px;
    float: right;
}
.about-left-img .woman {
        position: absolute;
        left: -256px;
        top: 50%;
        transform: translateY(-50%);
        margin-right: 25px
    }
   .about-left-img .imag2{
        position: absolute;
        top: 50%;
        left: -110px;
    }
   .about-left-img .imag3{
    position: absolute;
        bottom: 0;
        left: -150px;
    }
    .about-left-img .imag4 {
        position: absolute;
        bottom: -20%;
        left: 50%;
        
    }
    .about-left-img .imag5 {
        position: absolute;
        bottom: -20%;
        right: 0;
       
    }
.section_orgnization {
    background-image: url(/frontend/images/about-bg1.jpg);
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 80px;
    background-size: cover;
    /* background-position: center bottom; */
}

    .right-shade{
        position: relative;
    top: 115px;
    right: 0;
   
    }
   .title_text1{
    color: #fff;
    font-size: 48px;
    line-height: 60px;
    font-weight: bold;
    margin: 0 0 26px;
    padding-top: 30px;
}
.title_text2{
    color: #fff;
    font-size: 19px;
    list-style: 32px;
    max-width: 565px;
}
.notification{
    padding: 22px 38px 55px;
    position: relative;
    left: 25%;
}
.notification-img{
    box-shadow: 9px 0 30px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    position: relative;
    z-index: 9;
}
.about_section_image .img1{
    /* position: absolute; */
    left: 0;
    box-shadow: 9px 0 30px rgb(0 0 0 / 20%);
    border-radius: 50%;
    background-color: #fff;
    padding: 20px;
}
.notification_top_image .img1{
    width: 100px;
}

.about_section_image .code-ignito{
    position: absolute;
    top: 200px;
    left: 50px;
}
.about_section_image .slack{
    position: absolute;
    top: 25px;
    left: 60px
}
.about_section_image .php_icon{
    position: absolute;
    top: -110px;
    left: 225px;
}
.about_section_image .cake_php{
    position: absolute;
    top: -130px;
    left: 425px;

}
.tesimonila-list img {
    max-width: 60%;
    margin: 0 auto;
}
.icon-part i{
    font-size: 40px;
    color: #48acca;
    padding-bottom: 15px 
}
.text-part .desc {
    font-size: 22px;
    line-height: 36px;
    max-width: 500px;
    font-weight: normal;
}
.tesimonila-list .row{
	align-items: center;
}
.tesimonila-slider {
    margin-top: 80px;
    margin-bottom: 80px;
}
.tesimonila-slider .owl-nav {
    /* position: absolute; */
    /* top: 50%; */
    text-align: center;
    display: flex;
    justify-content: center;
}
.tesimonila-slider .owl-nav .fa {
    background: #48acca;
    width: 35px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
}
.tesimonila-slider .owl-next {
    margin-left: 15px;
}
.form-tag{
	color: #fff;
}

/* chatbot page image  */
/* .mobile_chat_new{
	float: right;
	margin-right: 50px;
} */

.five-card {
	background-image: url(/frontend/images/card-bg.jpg);
    background-repeat: no-repeat;
    padding: 20px 0 40px 0;
    margin-top: 80px;
}

.bottom-card {
    text-align: right;
    float: right;
    width: 304px;
    margin-top: 40px;
}

.card-box {
    background: url(/frontend/images/card-bg-box.jpg);
    background-repeat: no-repeat!important;
    background-position: center center!important;
    text-align: center;
    width: 100%;
    height: 380px;
    padding: 0 20px;
    background-size: cover;
    padding: 55px 30px 0;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.4);
}
.card-icon {
    width: 90px;
    height: 90px;
    background: hsl(194,55%,63%);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.4);
    border-radius: 50%;
    line-height: 5px;
    text-align: center;
    margin: 0 auto;
}
.card-icon img {
    margin: 20px 0;
    line-height: 1;
    max-width: 50px;
}
.card-box h2 {
    padding-top: 20px;
    margin-bottom: 0!important;
    font-size: 24px;
    font-weight: 400;
    color: #333;
    padding-bottom: 10px;
    margin-top: 0;
}

.card-3{
	margin-top: 20px;
}

.card-5{
	margin-top: 20px;
}




/* social media  */
.social_media_banner{
		background: url(/frontend/images/social-media.png);
		
		

}

.social_app_ai{
	background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 9% 0;
    margin-top: 80px;
}
.social_medial_header{
	text-align: center;
	padding: 40px 60px;
}
.Social_Apps {
    font-size: 50px;
    line-height: 45px;
    margin-bottom: 10px;
	
}

.social_feed_section h1{
	color: #5f6f81;
	font-weight: 400;
}

.socail-media-content {
   margin: 0 auto;
    max-width: 800px;
    font-size: 16px;
}

.socail-media-content p {
	color: #5f6f81;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.on_demand_banner{
	background: url(/frontend/images/apps-on-demand-1.jpg);
	background-size: cover;
		
}

.id_text{
	font-weight: 700;
	color: #5f6f81;
}

.software-technology{
	background: url(/frontend/images/software-technology.jpg);
	background-size: cover;
}

.HealthCare{
	background: url(/frontend/images/health-care.jpg);
	
	background-size: cover;		
}

.e-retai{
	background: url(/frontend/images/ecommerce_develop-r.png);

	background-size: cover;	
}

.hospitality{
	background: url(/frontend/images/hospitality.png);
	
	background-size: cover;		
}

.fintech-services{
	background: url(/frontend/images/fintech-app.png);
	
	background-size: cover;		
}

.sports-apps{
	background: url(/frontend/images/sports-apps.png);
	
	background-size: cover;		
}
.automotive-apps{
	background: url(/frontend/images/automotive-apps.png);
	
	background-size: cover;	
}

.disha_image{
	border-radius: 20px;
}
.disha_text_content{
	text-align: center;
}

.key_componet{
	
		text-align: center;
		margin-bottom: 100px;
	
}
.key_componet_image {
    max-width: 68%;
}

.d_icon_list img{
	width: 60px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.d_icon_list{
	display: flex;
    gap: 30px 
}

.phone_slide{
	width: 324px;
    height: 661px;
    overflow: hidden;
    position: relative;
    background: url(/frontend/images/mob.png);
    background-size: 100%;
    background-repeat: no-repeat;

}

.phone_carousel img{
	padding: 20px;
}

.phone-right-shade{
	position: relative;
    right: -20%;
  
}

/* .screen1
                    
{
	background: url(/frontend/images/ASHAs-receiving-WA-notification-about-the-new-policy_1.png);
	background-size: 100%;
	height: 650px;
    margin: 24px;

	
} */

/* .screen2{
	background: url(/frontend/images/Asha-asking-her-query-from-YugasaBot_1.png);
	background-size: 100%;
	height: 650px;
    margin: 24px;

} */

/* .screen3{
	background: url(/frontend/images/New-Policy-Information-Shared-on-WhatsApp_1.png);
	background-size: 100%;
	height: 650px;
    margin: 24px;

} */

/* .screen4{
	background: url(/frontend/images/YugasBot-clarifies-Ashas-query_1.png);
	background-size: 100%;
	height: 650px;
    margin: 24px;

} */
.ANDROID-banner{
	background: url(/frontend/images/ANDROID-banner.png);
	
}
.sb-heading-sub{
	font-size: 18px;
	text-align: center;
}

.nw-icon-usr .all_page_icon {
    border: 2px solid rgb(255,114,0);
    border-radius: 50%;
    color: rgb(255,114,0);
    font-size: 60px;
    line-height: 109px;
    text-align: center;
    width: 120px;}

	.android-main-icons{
		text-align: center;
	}

	.Expertise_box h4 {
		font-size: 14px;
		padding-top: 10px;
	}

	.Expertise_box{
		padding-bottom: 40px;
	}

	.hire_expert{
	/* padding-bottom: 40px; */
    padding-top: 40px;
    background: rgb(244,245,249) none repeat scroll 0 0;

	}
	.js-reveal{
		text-align: center;
	}
	.here_exped_tital {
		color: #000;
		font-size: 25px;
	}

	.hire_ex{
		color: rgb(95,111,129);
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 20px;
	}

	.hire_ex_img img{
		height: 90px;
	}

	.hire_ex_txt h4{
		font-size: 18px;
	}
	.facts_stats_Aa{
		background: #fff none repeat scroll 0 0;
    padding-bottom: 40px;
    padding-top: 40px;

	}

	.iner-box{
		display: flex;
		align-items: center;
	}



	.php_content_box img {
		background: transparent;
		border: none;
		border-radius: 0;
		height: auto;
		width: 100%;
		position: relative;
		top: 20px;
	}

	.icon-box .fa {
		background: rgb(255,255,255) none repeat scroll 0 0;
		border: 1px solid rgb(0,140,232);
		border-radius: 50%;
		color: rgb(0,140,232);
		font-size: 36px;
		line-height: 65px;
		text-align: center;
		width: 70px;
	}

	.test-box {
		display: flex;
		flex-direction: column;
		float: left;
		height: 70px;
		justify-content: center;
		margin-right: 20px;
		text-align: right;
		width: 75%;
	}

	.text-box-2{
		text-align: left;
		margin-left: 20px;
	}
	.iner-box {
		margin-bottom: 40px;
	}
	.why-choose-us {
		background: rgb(244,245,249) none repeat scroll 0 0;
		padding: 40px 0;
	}

	.why-choose-us img {
		max-width: 100%;
		margin-top: 23px;
	}

	.why-choose-us h2 {
		text-align: center;
		color: rgb(95,111,129);
		font-weight: 600;
		font-size: 35px;
	}

	.point-block h3 {
		color: rgb(95,111,129);
		font-size: 20px;
		margin-bottom: 5px;
		text-align: left;
	}

	.why-choose-us p {
		text-align: left;
	}

	.list_one{
		margin-top: 20px;
	}

	.Characteristics{
		background-color: #fff;
		padding: 40px 0;
	}

	.Characteristics_list {
		margin: 15px 0 0;
		padding: 0;
	}

	.Characteristics_list li{
		text-align: left;
		margin: 10px 0;
list-style: circle;
	}




	.Characteristics .row{
		align-items: center;
	}
	.code-button>a {
		color: rgb(108,188,212);
		font-weight: 600;
		display: inline;
	}


	.IOS_APPS{
		background: url(/frontend/images/IOS_APPS.png);
		
	}

	.JAVA{
		background: url(/frontend/images/JAVA.png);
			
	}

	.ai_common_bg_img{
		background-clip: border-box;
		background-color: rgba(0,0,0,0);
		background-origin: padding-box;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 18% 0;	
	}
	.hire-section{
		padding-top: 20px;
	}
	.java-why-choose-us{
		background-color: #fff;
		padding: 40px 0;
		text-align: left;
	}

	.DRUPAL{
		background: url(/frontend/images/DRUPAL.png);	
		background-size: cover;
	}
	.REACT-JS-banner{
		background-image: url(/frontend/images/REACT-JS-banner.png);
	}

	.drupal-why-choose-us {
		background: #fff none repeat scroll 0 0;
		padding: 40px 0;
	}

	.eCommerce_section{
		padding: 40px 0;
	}

	.eCommerce_content {
		position: relative;
		margin: 0 auto;
		max-width: 821px;
		width: 100%;
		padding: 0 15px;
		text-align: left;
	}

	.eCommerce_content::before {
		content: " ";
		border-left: 1px solid #ccc;
		height: 478px;
		position: absolute;
		margin-top: 14px;
		left: -39px;
	}

	.eCommerce_content>p::before {
		content: " ";
		background: url(/frontend/images/circular-2.png);
		position: absolute;
		left: -43px;
		display: inline-block;
		width: 16px;
		height: 16px;
		background-repeat: no-repeat;
		background-size: 9px;
		margin-top: 8px;
	}


	/* .contact-form */


	
	  .contact-wrapper {
		margin: auto 0;
	  }
	  
	  
	  
	  
	
	
	  .form-input,
	  textarea {
		width: 100%;
		border: 1px solid #bdbdbd;
		border-radius: 5px;
	  }
	  
	
	  
	  
	  
	 
	  
	  #submit-form {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	  }
	
	
	  
	  .full-width {
		grid-column: 1 / 3;
	  }
	  
	/*  button,
	  .form-input,
	  textarea {
		padding: 1em;
	  } */
	  
	  
	  .submit-btn-2{background-color: #f5a45c;
    color: #fff;
	font-size: 25px;
    padding: 12px 65px;
   
    border: none;
    border-radius: 5px;
	margin-bottom: 20px;

}

.work_with_us_head{
	padding-top: 75px;
}
.work-img{
	border-radius: 0px 0px 70px 0px;
    width: 100%;
}

.work-left-content{
	margin-left: -16px;

}


.tab-button-list{
	display: flex;
}

.tab-button-list li input{

cursor: pointer;
position: relative;
    top: 1px;
}

.tab-button-list li{

cursor: pointer;
margin-right: 25px;
}


.work-with-us .tab-buttons ul li a {
    color: hsl(194,55%,56%);
    font-size: 20px;
}

.work-with-us .tab-buttons ul li a {
	/* display: inline-flex; */
    padding-right: 25px 

}



.work-img-two{
	border-radius: 70px 0px 0px 0px;
    position: relative;
    left: 35px;
    width: 100%;
}

.left-work-content{
	padding: 20px 0 0 60px;
}

.work-with-us-two {
    padding: 40px 0;
}
.work-with-us-two .row{
	align-items: center;
}

.tab-content{
	padding: 30px 0 0 30px;
}

.content-sec{
	padding-top: 20px;
	padding-left: 30px;
}


.full-width-section {
	background: url(/frontend/images/Human-Thing-at-Yugasa.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 8% 5%;
    position: relative;
	margin: 25px 0;
}

/* .full-width-content{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(10%, -50%);
    width: 600px;

} */
.full-width-content  h2{
	font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 15px;
}

.full-width-content p{
	font-weight: 500;
    line-height: 32px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 19px;
}

.main-content-2{
	display: none;
}


.drop_down_hover_content .tech_nology {

	height: 150px;
    

}


.menu-title {
    border-bottom: 1px solid rgb(200,200,200);
    font-size: 16px;
  
    color: #000;
    font-weight: 600;
}

.tech-inner a span {
	color: rgb(34,34,34);
    display: block;
    transition: all 0.3s ease 0s;
    margin-left: 30px;
    margin-top: -7px;
    font-size: 16px;
}

/* .tech-inner{
	background-position: -13px -3px;
    background-repeat: no-repeat;
    padding: 6px 0px 5px 55px;
    position: relative;
    width: 60px;
    display: block;
    margin: 0;
} */
.tech-1 {
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -13px 5px;
   
    background-position: -15px 5px;
    
}

.tech-2{
	background-image: url(/frontend/images/Sprite-image-1.png);
    background-position: -77px 5px;
    
}
.tech-3{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -136px 5px;
	
   
}

.tech-4{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -189px 5px;
    
}

.tech-5{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -241px 5px;
   
}

.tech-6{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -292px 5px;
	
}

.tech-7{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -351px 5px;
   
}

.tech-8{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -408px 5px;
	
}

.tech-9{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -469px 5px;
    
}

.tech-10{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -574px 5px ;
	
}

.tech-11{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -644px 5px;
    
}

.tech-12{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -695px 5px;
    
}

.tech-13{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -756px 5px;
	
}

.tech-14{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -815px 5px;
    
}

.tech-15{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -408px 5px;
   
}

.tech-16{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -877px 5px;
    
}

.tech-17{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -930px 5px;
  
}

.tech-18{
	background: url(/frontend/images/promotion_1077221.png);
	/* background-position: -999px 5px; */
	background-size: contain;
    height: 40px;
   
}

.tech-19{
	background: url(/frontend/images/Sprite-image-1.png);
	background-position: -1059px 5px;
	
}


.tech-inner{
	padding: 0 30px;
    background-repeat: no-repeat;
    position: relative;
    width: 30px;
    display: block;
    margin: 10px 0;
}


.maga_menu_left h3{
	padding-top: 20px;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 5px;
}

.maga_menu_left p{
	font-size: 14px !important;
    line-height: 20px;
	margin-right: 30px;
}

.leader-section{
	padding: 45px 25px;



}

.leader-section ul {
    display: flex;
    align-items: center;
}

.leader-l {
    width: 36%;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 0;
}

.download-head-btn {
    /* color: #ffffff !important; */
    background: rgb(123,189,211);
    padding: 0px 50px;
    border-radius: 5px;
    width: fit-content;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.download-head-btn a{
	color: #fff !important;
}



/* wall of fame  */




@keyframes scroll {
	0% {
		transform: translateX(0);
   }
	100% {
		transform: translateX(calc(-250px * 7));
   }
}
.slider_fame {
	background-color: #000;
	height: 70px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-top: 80px;
	border-radius: 0px 0px 0px 50px;
}
/* .slider::before, .slider::after {
	background-color: #000;
	content: "";
	height: 100px;
	position: absolute;
	width: 200px;
	z-index: 2;
}
.slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}
.slider::before {
	left: 0;
	top: 0;
} */
.slider_fame .slide-track_fame {
	animation: scroll 20s linear infinite;
	display: flex;
	width: calc(250px * 14);
	justify-content: center;
}
.slider_fame .slide {
	height: 100px;
	width: 170px;
}

.wall_second_section{
	margin-top: 10px;
}
.wall_second_section .row{
	background: #270157;
	display: flex;
	
	border-top-left-radius: 75px;
}

.right_blue {
    position: relative;
    /* z-index: 979; */
    padding: 80px 170px 0 170px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
}
.right-v{
	padding: 0;
}
.right_blue p{
	color: #fff;
	font-size: 18px;
}

input#input_15_3 {
    width: 100%;
    border-radius: 5px 0px 0px 5px;
    border: none;
    padding: 15px 150px 15px 10px;
    font-size: 15px;
    line-height: 30px;
}

.ginput_container button{
	position: absolute;
	border-radius: 0px 5px 5px 0px;
    border: none;
    padding: 15px 40px;
	color: #fff;
    font-size: 15px;
    line-height: 30px;	
	background-color: rgb(123,189,211);
}

.gfield_description{
	color: #fff;
	padding-top: 10px;
}

.container1
{
	display: flex;
    flex-direction: row-reverse;

}

 
  
  .container1 .video-container .video{
  
	height: 100%;
    width: 100%;
    object-fit: cover;
  
	
  
	border-radius: 5px;
  
  }
  
  .container1 .video-links-container .video-links{
  
	font-size: 20px;
  
	color:#333;
  
	
	display: block;
  
	padding: 0px 15px;
  
	
  
  }
  
 
  
 

	.video_galary{
		margin: 20px 0;
	}

	#myVideo::-webkit-media-controls {
		display: none !important;
	  }
	  
	  #myVideo::-webkit-media-controls-enclosure {
		display: none !important;
	  }
	  
	  #myVideo::-webkit-media-controls-panel {
		display: none !important;
	  }
	  
	  #myVideo::-webkit-media-controls-play-button {
		display: none !important;
	  }
	  
	  /* For Firefox */
	  #myVideo::-moz-media-controls {
		display:none !important;
	  }

	  
.top_left_padding{
	padding: 60px 0 !important;
}

/* .wall_testi_moniala{
	padding-bottom: 40px;
} */
.success_story h1{
	font-size: 22px;
    line-height: 30px;
}
.success_section{
margin-bottom: 30px;
}
.succes_story_content{
	background-color: #6dbcd5;
	padding: 30px;
	border-radius: 0px 0px 20px 20px;
	min-height: fit-content;
}
.success_section .wall_card_image{
border-radius: 20px 20px 0 0px;
}
.wrap-post-desc {
    font-size: 18px;
    line-height: 26px;
    margin-top: 0;
    color: #fff;
    height: 152px;
}

#readmore_content{
display: none;
}

	  .read_morw{
		text-align: center;
		/* padding: 30px 0; */
	  }

	 
		.read_morw button {
			background: #6dbcd5;
			color: hsl(0, 0%, 100%);
			font-size: 25px;
			text-align: center;
			border: none;
			padding: 8px 30px;
			margin-bottom: 8px;
			border-radius: 50px;
		}
	  
		.succec_head_content{
			font-size: 32px;
    font-weight: 700;
    line-height: 30px;
   margin-bottom: 20px;
		}
		.let_contect{
			font-size: 32px;
    font-weight: 700;
   
		}

		.country{
			
		margin-bottom: 24px;
		}

		.ico{
			width: 30px;
			/* margin-right: 10px; */
			display: flex;
			align-items: center;
			margin-bottom: 10px;
		}

		.ico span{
			margin-left: 5px;
		}
		.ico img{
			width: 22px;
		}

		.test_text{
			margin-top: 24px;
		}
		.test_text h5{
			font-size: 18px;
			color: #000;
			font-weight: 700;
			line-height: 26px;
		}
	
		
.card-logo {
    width: 100px;
    position: absolute;
    top: 20px;
    left: 30px;
}
	.caption {
  			width: 100%;
  			max-width: 854px;
  			margin: 0 auto;
  			padding: 20px 0;
  		}

  		.vid-main-wrapper {
  			width: 100%;
  		
  			background: #fff;
  			margin: 0 auto;
  			margin-bottom: 60px;
  		}


  		/*  VIDEO PLAYER CONTAINER
 		############################### */
  		/* .vid-container {
		    position: relative;
		    padding-top: 30px; 
		    height: 0; 
        width:100%;
        float:left;
		} */
		 
		.vid-container iframe,
		.vid-container object,
		.vid-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    min-height: 400px;
		}


		/*  VIDEOS PLAYLIST 
 		############################### */
.vid-list-container {
    width: 100%;
    /* height: 440px; */
    float: right;
}
ol#vid-list::-webkit-scrollbar {
  width: 5px;
}

/* Track */
ol#vid-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
ol#vid-list::-webkit-scrollbar-thumb {
  background: #6dbcd5; 
  border-radius: 5px;
}

/* Handle on hover */
ol#vid-list::-webkit-scrollbar-thumb:hover {
  background: #6dbcd5; 
}

ol#vid-list {
    margin: 0;
    padding: 0;
    /* background: #222; */
    overflow-y: scroll;
    overflow-x: hidden;
    height: 400px;
}

    ol#vid-list li {
		  list-style: none;
    }

    ol#vid-list li a {
      text-decoration: none;
      /* background-color: #222; */
      display:block;
    }

/*    ol#vid-list li a:hover {
      background-color:#666666
    }*/

    .active-vid { 
      background:#3A3A3A;
    }

		#vid-list .desc {
			color: #CACACA;
			font-size: 13px;
			margin-top:5px;
		}


		@media (max-width: 624px) {
			
			.caption {
				margin-top: 40px;
			}
			.vid-list-container {
				padding-bottom: 20px;
			}

		}
/*ol#vid-list li img {
    max-width: 100%;
    height: auto;
    width: 100%;
    height: 134px;
    object-fit: cover;
}*/
img.card-logo.wwf {
    width: 50px;
}
img.card-logo.psb-logo {
    width: 70px;
}
img.card-logo.Azurepowers {
    width: 150px;
}
img.card-logo.Innodesign {
    width: 150px;
}
.wall_second_section p {
    margin-bottom: 50px;
}
.number::before{
	background-position: center;
    background-repeat: no-repeat;
    background-image: url(/frontend/images/stars-01.png);
}
.t_slider_star{
	display: flex;
	align-items: center;
	
}

.t_slider_star .number{
	font-size: 18px;
}

.wall_fame_client{
	background-color: #6dbcd5;
    padding: 48px 30px;
    border-radius:30px;
   
}
.let_contect {
    float: left;
}
.t_slider_text{
	padding: 30px 0;	
}

.start_imag{
	width: 150px !important;
    margin-right: 15px;
}

.t_slider_text::before{
	content: "“";
}

.t_slider_text::after{
	content: "”";
}



.user_two {
	align-items: center;
	display: flex;
	align-items: flex-end;
    display: flex;
   
    justify-content: space-between;
	
  }
  
  .user_two .user-image {
	border-radius: 50%;
	height: 75px;
	object-fit: cover;
	width: 75px !important;
  }
  
  .user_two .user-details {
	display: flex;
	/* align-items: center; */
  }

  .user_post_detail{
	font-size: 20px;
    margin-left: 20px;
    color: #fff;
  }
  
  .user_two .username {
	margin: 0;
  }
  
  .user_two a{
	color: #000;
  }

  .user_two i{
	margin-left: 10px;
  }
  .user_two .role {
	font-weight: normal;
	margin: 10px 0;
  }
  
  
.wall_fame_client .owl-nav {
    display: flex;
    position: absolute;
    bottom: -25px;
    right: 0;
}

.wall_fame_client .owl-nav .owl-prev {
    margin-right: 15px;
    background-color: aqua;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 37px;
    font-weight: normal;
}
.wall_fame_client .owl-nav .owl-next {
    margin-right: 0;
    background-color: aqua;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 38px;
}
/* 
.wall_testi_moniala .row{
	align-items: center;
} */


.all_input_field{
	padding: 0px 15px;
    height: 50px;
    border-radius: 10px;
    border: none;
    margin-bottom: 25px;
    width: 100%; 
}

.inptBtn_submit{
	padding: 15px 50px;
    border: none;
    border-radius: 10px;
    background-color: #fff;
	background: #6dbcd5;
    color: hsl(0, 0%, 100%);
}

.top-link-slider {
    display: flex;
    align-items: center;
    justify-content: right;
    margin-bottom: 24px;
}

.top-link-slider a{
	color: #000;
    margin-right: 10px;
}
.wall_testi_moniala h3{
	font-size: 20px;
    font-weight: bold;
	color: #000;
	line-height: 30px;
}

.wall_testi_moniala_left{
	padding-right: 100px;
}

	.row_text {
		padding: 20px 0;
		font-size: 20px;
		color: #fff;
	}

	.video-play-list{
		padding-top: 60px;
	}

	.success_story{
		margin-top: 50px;
	}



	/* pop_desigb  */
.pop_image_desha{
	cursor: pointer;
}


.fe-list {
    margin-left: 10px;
	line-height: 20px;
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}



.fe-list li {
    background-image: url(/frontend/images/arrow_bullets.png);
    list-style: none;
    background-repeat: no-repeat;
    background-size: 7px auto;
    padding-left: 15px;
    background-position: top left;
}


.fe-list li {
    float: left;
    width: 50%;
    font-size: 14px;
    list-style: outside;
    margin-bottom: 5px;
	list-style: none;
}


.pop_all_contact_form h2{
	font-size: 40px;
    margin-top: 10px;
    text-align: left;
    line-height: 40px;
    color: #6dbcd5;
    font-weight: 600;
}

.pop_all_contact_form .conatct_us_popup {
	font-size: 25px;
	padding-top: 10px;
 color: #6dbcd5 !important;
    font-weight: 600;
    margin-bottom: 15px;
	margin-left: 7px;
   
}

.follow-us-box {
    display: flex;
    align-items: center;
    border-top: 2px solid #ccc;
	justify-content: space-between;
	padding-top: 10px;
	margin-left: 7px;
   
}

.follow-us-box h4{
	font-size: 15px;
   
    color: #000;
    font-weight: 800
}

.c-socila-icons ul{
	display: flex;
	justify-content: space-between;
}

.c-socila-icons i{
	width: 30px;
	margin: 0 10px;
}

.follow-us-box li{
	list-style: none;
}

.follow-us-box li a .fa-facebook {
    color: #4267B2 !important;
}

.follow-us-box li a .fa-linkedin {
    color: #0077b5 !important;
}


.follow-us-box li a .fa-twitter {
    color: #1DA1F2 !important;
}

 .popup-right-qr {
    background-image: url(/frontend/images/bot_p_bg.png);
    background-repeat: no-repeat;
    width: 100%;
    margin-left: 15px;
    height: 480px;
    background-size: cover;
    background-position:center;
}


 .popup-right-qr-in {
    width: 166px;
    margin: 0 auto;
    text-align: center;
    margin-right: 120px;
    padding-top: 15px;
}
.mfp-iframe-holder .mfp-close {
    /* top: 0;
    background: #fff;
    line-height: 30px;
    width: 30px;
    text-align: center;
    height: 30px;
    right: 0;
    padding: 0;
    box-shadow: 0 3px 12px rgb(0 0 0 / 18%);
    color: #000;
    z-index: 99999;
    border-radius: 5px; */
		height: 40px;
		width: 40px;
		position: absolute;
		right: 20px;
		top: 20px;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0;
}
 .popup-right-qr-in h3 {
    font-size: 11px;
    color: #000;
    font-weight: 500;
    text-align: center;
    margin: 0;
}

#mian_content_popup{
	position: absolute;
	top: 0;
	background-color: #fff;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
    width: 100%;
   
}
.contact_form_pop_up{
	margin-left: 7px;
    margin-bottom: 25px;
}
.contact_form_pop_up .submit_button{
	padding: 20px;
}
.contact_form_pop_up .error {
    color: red;
    font-size: 12px;
    margin-top: 10px;
    display: block;
	line-height: 20px;
}
.disha_image_video{
	position: absolute;
	top: 0;
}



.banner-section.new-banner {
    margin-bottom: 70px;
}
.modern-website {
    margin-top: 70px;
    margin-bottom: 70px;
}
.counter {
    margin-top: 40px;
}
.wall_testi_moniala {
    margin-bottom: 70px;
}
/* banner section */
.banner-section{
  background-image: url('../img/banner.jpg');
  background-size: cover;
  background-position: center;
  width: 100%;
  display: block;
  padding-top: 80px;
}
.mobile-menu-head,
.mobile-menu-trigger{
	display: none;
}



.hedaer_diaplay{
    display: flex;
    justify-content: space-between;
    align-items: center;
	max-width: 1170px;
    width: 100%;
    margin: auto;

}
/* end  */


.input_text_all{
	color: red;
}


.modern-website .row{
	align-items: center;
}
.contant_slider img {
    border-radius: 5px;
    margin-bottom: 20px;
}
p.enq-text {
    font-style: italic;
    font-size: 15px;
}
p.enq-text {
    font-style: italic;
    font-size: 15px;
    margin-top: 40px;
}
.home_page_OUR_EXPERTISE{
	display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 25px;
}
.contant_slider {
	display: flex;

    gap: 35px;
		
		box-sizing: border-box;
	
}
ul.barnd_logo_img li {
    list-style: none !important;
    background: none !important;
}
.contact_slide_item_content{
	color: #000 !important;
}

.contact_slider_button .slick-prev {
    position: absolute;
    top: 30%;
    left: -24%;
    transform: translate(86px, 0px);
    padding: 6px;
    font-size: 25px;
    border: none;
    background-color: #fff;
    color: hsl(194, 55%, 56%);
    z-index: 99;
}
.post_filter h2 {
    font-size: 26px;
    border-bottom: 2px solid;
    margin-bottom: 15px;
    padding-bottom: 3px;
}
.post_filter.rec-post-f {
    margin-top: 30px;
    margin-bottom: 50px;
}
div#clear-rec button {
    background: hsl(194, 55%, 56%);
    border: none;
    padding: 5px 10px;
}
.check_list label {
    margin-left: 5px;
    vertical-align: middle;
    font-size: 15px;
}
p.enq-text {
    margin-top: 20px;
}
.contact_slider_button .slick-next {
    position: absolute;
    top: 30%;
    left: 91%;
    padding: 6px;
    font-size: 25px;
    border: none;
    background-color: #fff;
    color: hsl(194, 55%, 56%);
}
@media (min-width: 670px) {
	.home_contact_slider_button{
	margin-top: 20px;
	&:nth-child(1) {
		margin-top: 0;
	}

	
}
}

.award_section_three{
	margin-bottom: 30px;
}


.label_tab{
	margin-left: 10px;
cursor: pointer;
}

.marketing_imag_two{
	border-radius: 30px;
}


.constom_banner_two{
	padding-top: 100px;
    padding-bottom: 50px;
}
.constom_banner_two h1{
	line-height: 54px !important;
    color: hsl(194, 55%, 56%);
    font-size: 43px;
	font-weight: 700;
}

.elemet_text {
	color: #6dbcd5;
    font-weight: 600;
	font-size: 25px;
    /* line-height: 32px; */
 }

 .maintain-and-upgrade-screen{
	margin-left: 30%;
 }

 /* .maintain-and-upgrade-screen img{
	height: 400px;
    width: 400px !important;
 } */

 .upgrade-software_rights .owl-nav{
	display: none;
 }


 .all_text_space{
	margin-bottom: 100px;
    margin-top: 100px;
 }
 .expandble_galry_content {
	width: 100%;
	display: flex;
	padding: 0 20px;
	margin-top: 40px;
  }

 .slide_galarry_content {
	width: 100%;
    height: 26rem;
	border-radius: 20px;
	margin: 10px;
	cursor: pointer;
	color: #fff;
	/* flex: 1; */
    width: 7%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat; 
	position: relative;
	transition: all 1s ease-in-out;
  }
  
  .slide_galarry_content .about_deicrption_two  {
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	/* bottom: 20px; */
	
	margin: 0;
	opacity: 0;
	color: #fff;
  }

  .about_deicrption_two h3{
	color: #fff;
  }

  .About_discription {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 25px;
}
  
  .slide_galarry_content.active_two {
	/* flex: 10; */
	width: 100%;
  }

  /* .slide_galarry_content:hover {
	flex: 10;
  } */

  
  .slide_galarry_content.active_two .about_deicrption_two {
	opacity: 1;
	transition: opacity 0.7s ease-in-out 0.7s;
  }
  

  .working_area_two {
    padding-top: 60px;
    padding-bottom: 60px;
	padding: 40px 0;
    background: rgb(244, 245, 249);
}

.infographic{
	max-width: 85%;
	margin-left: 20%;
}

.slide_galarry_content_imag1{

	background-image: url(../images/Vaccine.jpg);
	
}

.slide_galarry_content_imag2{
	
	background-image: url(../images/Textile.jpg);
	
}

.slide_galarry_content_imag3{
	
	background-image: url(../images/Food-industry.jpg);
	
}

.slide_galarry_content_imag4{
	
	background-image: url(../images/Electronics.jpg);
	
}

.slide_galarry_content_imag5{
	
	background-image: url(../images/Automobile.jpg);
	
}


.technology-logo{
	display: grid;
    grid-template-columns: repeat(7, 1fr);
    align-items: center;
    gap: 35px;
    margin-top: 40px;
}


.techonology_logo_image{
	width: 110px;
}

.content-part2 .desc{
	color: #fff;
    font-size: 16px;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 140px;
}
.features_part_wrap{
	height: 250px;
}

.Value-Added{
	text-align: center;
	margin-top: 20px;
}

.customApp-icon1 img{
	height: 50px;
    margin: 0 auto;
    display: block;
}



.testimonials {
  background: #fff;
  text-align: center;
  width: 95%;
  max-width: 600px;
  padding: 2rem;
  margin: 1.5rem auto;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}
.title {
  font-size: 1.5rem;
}
.description {
  font-size: 0.95rem;
  color: #333;
}

.slider-container {
  margin-top: 2rem;
  margin: 2rem auto 0 auto;
  position: relative;
  overflow: hidden;
}
.slider {
  display: flex;
  flex: 0 0 1;
  width: 300%; /* Depends On slide-box Length * 100 */
  transition: all 0.5s linear;
}
.slide-box {
  padding: 0 80px;
}
.slide-box .comment {
  background-color: #000;
  color: #fff;
  font-size: 0.86rem;
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
  letter-spacing: 0.4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  position: relative;
  font-weight: 400;
}
.slide-box .comment::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  height: 20px;
  width: 20px;
  background-color: #000;
  transform: translateX(-50%) rotate(45deg);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}
.slide-box img {
  max-width: 60px;
  border-radius: 50%;
}
.slide-box .name {
  font-size: 1rem;
}
.slide-box .job {
  font-size: 0.7rem;
  color: #8d8e97;
  font-weight: 400;
}

.control-slider {
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
  height: 40px;
  width: 40px;
  background-color: #fff;
  line-height: 40px;
  color: #333;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
.btn-left {
  left: 10px;
}
.btn-right {
  right: 10px;
}

@media screen and (max-width: 500px) {
  .slide-box {
    padding: 0 55px;
  }
}



.testimonila_slider_page{
	box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
    max-width: 1000px;
    border-radius: 20px;
    padding: 58px 100px 60px;
    margin: 0 auto;
    position: relative;
    background: #ffffff;
}
.testimonila_slider_page p{
	color: #5f6f81;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
	text-align: center;
	padding: 20px 0;
}

.stars{
	display: flex;
	justify-content: center;
	gap: 15px;
}

 .stars li {
	color: #ffc107;
    font-size: 20px;
 }


 .testimonila_slider_page .owl-nav{
	/* position: relative; */
    display: flex;
    justify-content: space-between;
 }

  .testimonila_slider_page .owl-prev{
	position: absolute;
    top: 50%;
    left: -120px;
	transform: translateY(-50%);
  }

  .testimonila_slider_page .owl-next{
	position: absolute;
    top: 50%;
    right: -120px;
	transform: translateY(-50%);
  }



  .testimonila_slider_page .owl-prev{
	outline: none;
    border: none;
    width: 55px;
    height: 55px;
    line-height: 58px;
    border-radius: 100%;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    background: #ffffff;
    transition: all 0.3s ease 0s;

  }

  
  .testimonila_slider_page .owl-next{
	outline: none;
    border: none;
    width: 55px;
    height: 55px;
    line-height: 58px;
    border-radius: 100%;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    background: #ffffff;
    transition: all 0.3s ease 0s;
	/* transform: rotate(363deg) !important; */

  }


  .desc_text{
	line-height: 36px;
    font-size: 20px;
    margin-bottom: 35px;
	text-align: center;
  }

  .testimonial_slider_text_content{
	margin-bottom: 65px;
  }

  .banner-mobile-2{
	font-size: 21px;
    line-height: 0px;
    color: #5f6f81;
    font-weight: 300;
	padding-top: 15px;
  }

  .slider_vertical_image{
	display: flex;
    flex-direction: column;
    margin-left: 100px;
  }
 
  .slider_vertical_image .image1{
	position: relative;
    left: 0px;
	

  }
  .slider_vertical_image .image2{
	position: relative;
    left: -46px;
  }

  .slider_vertical_image .image3{
	position: relative;
    left: -46px;
  }

 
  .slider_vertical_image img{
	width: 71px !important;
	margin: 30px 0 45px 0px;
	border-radius: 50%;
    float: right;
    opacity: 1;
    transition: all 0.5s ease 0s;
    cursor: pointer;
    padding: 10px;
    background: #fff;
    position: relative;
    /* box-shadow: 0px 20px 40px 0px rgb(0 28 64 / 10%); */
    border: 1px solid #228697;
	transform: rotate(0deg) ! IMPORTANT;
  }

 .author-desc {
    font-size: 25px;
    color: #000;
	padding: 46px 80px;
    font-size: 16px;
    line-height: 28px;
	text-align: center;
}

.author-desc .name{
	font-size: 25px;
}


.testimonial-vertical-carousel .owl-nav{
	position: relative;
    display: flex;
    /* justify-content: space-between; */
    left: -300px;
	top: -80px;
}

.testimonial-vertical-carousel .owl-nav .owl-prev {
	position: absolute;
    left: -74px;
	

}


.testimonial-vertical-carousel .owl-nav .owl-next {
	position: absolute;
    left: 90px;
	
}


.vertical_test_icon{
	border-radius: 100%;
    border: 1px solid #228697;
    color: #666666;
    background: transparent;
    outline: none;
    z-index: 9;
    cursor: pointer;
    transition: all 0.5s ease 0s;
	
	width: 50px;
    height: 50px;
	line-height: 48px;
    padding-left: 18px;
	color: #228697;
}

.auton_desc_image{
	margin-left: 65px; */
    background-image: url(../images/circle-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    /* padding: 75px 0 125px; */
    position: relative;
    background: #e3f9ff;
    border-radius: 100px 0px 0px 100px;
}

.auton_desc_image::before{
	font-size: 170px;
    line-height: 1;
    color: #ffd100;
    opacity: 0.2;
    position: absolute;
    font-family: 'FontAwesome';
	top: -90px;
    content: "\f10d" !important;
    left: 96px;
}

.vertical_cente_slide_content{
	padding-top: 70px;
}

.new-testimonial .row{
	align-items: center;
}

.testimonial-text-part {
	background-image: url(../images/testmonial-text-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 520px;
    max-width: 520px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
}


.testimonial-text-part{
	text-align: center;
	margin-top: 40px;
}

.testimonial-text-part .text-part
{
	font-size: 18px;
    line-height: 30px;
    font-style: italic;
	padding: 0 100px;
	color: #000;

}

.title-part .title a{
	color: #000;
}


.kinddom_image{
	display: flex;
	flex-direction: column;
	
}

.imge_left_side{
	position: relative;
	left: -70px;
}

.side_section_image{
	display: flex;
	justify-content: space-between;
}

/* .side_section_image .img4{
	padding-top: 35px;
    padding-left: 15px;
} */

.side_section_image .img5{
	padding-top: 30px;
    padding-left: 30px;
}

.side_section_image .img8{
	position: relative;
    left: 110px;
    padding: 10px;
}
.kinddom_image img{
	margin-top: 80px;
}

.kind-dom-img-right{
	margin-top: 70px;
	opacity: 0.50;
}

/* .column_left{
	margin-left: 8%;
}

.column_right{
	margin-right: 8%;
} */


.main_logo_img{
height:40px;
}

.kyc-page {
    margin-top: 78px;
    padding-bottom: 40px;
    background: url(https://yugasa.com/frontend/images/Background.jpg);
    background-position: center top;
    background-size: 100% 100%;
    padding-top: 60px;
}
.form-f {
    padding: 0 80px;
}

.form-f input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #a7a7a7;
    font-size: 16px;
    color: #a7a7a7;
    /* margin-bottom: 25px; */
    outline:0;
}
span.small-text {
    color: #a7a7a7;
    font-size: 12px;
    margin-bottom: 35px;
    display: block;
}
.form-f label.label {
    color: #a7a7a7;
    font-size: 16px;
    margin-bottom: 5px;
}
.fund-status-b .form-redioflex {
    margin-bottom: 10px;
}
.form-redioflex {
    float: left;
    width: 33%;
    color: #a7a7a7;
    font-size: 14px;
}
.gst-redio-b {
    clear: both;
    margin-left: 21px;
}
.form-redio {
    margin-top: 30px;
}
.fund-status-b {
    margin-left: 21px;
}
.form-redioflex input {
    width: auto;
}
button#submit-btn {
    background: #00a1b8;
    padding: 0 25px;
    border: none;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    line-height: 35px;
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 40px;
}
p.Importent-t {
    font-size: 14px;
    color: #000;
    text-align: center;
    background-image: url(https://yugasa.com/frontend/images/Download.png);
    background-repeat: no-repeat;
    background-size: 20px;
    padding: 3px 0;
    background-position: 22% center;
    margin-bottom: 5px;
}
p.activate-b {
    color: #00a1b8;
    font-size: 12px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}
.fund-status-b .form-redioflex {
    width: 50%;
}

/*Blog page css*/
.col-md-list-1 .col-sm-three:nth-child(1) .post_img img {
    height: auto;
}
.col-sm-three .post-thumbanail img {
    height: 110px;
    object-fit: cover;
}
.blog_list_top {
    margin-top: 120px;
}
.col-md-list-1 .col-sm-three:nth-child(1) .post-thumbanail {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 10px;
    border: none;
}
.col-md-list-1 .col-sm-three:nth-child(1) {
    width: 52%;
    display: inline-block;
    margin-right: 30px;
}
.col-md-list-1 .col-sm-three:nth-child(2) {
    display: block;
}
.col-md-list-1 .col-sm-three {
    width: 45%;
    float: left;
    vertical-align: top;
margin-bottom: 20px;
}
.col-md-list-1 .postlist_news {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
}
.col-md-list-1 .postlist_news {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
}
.col-md-list-1 .post-thumbanail {
    display: inline-block;
    width: 50%;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
    border: 1px solid #eee;
    border-radius: 5px;
}
.col-md-list-1 .col-sm-three:nth-child(1) .postlist_news {
    display: block;
}
.col-md-list-1 .postlist_news {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
}
.col-md-list-1 .postlist_news {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
}
.col-md-list-1 .col-sm-three:nth-child(1) .post_img {
    background-position: center left !important;
    position: relative;
    background-repeat: no-repeat !important;
    border: 1px solid #eee;
}
.col-md-list-1 .post_img {
    /* position: absolute; */
    width: 100%;
    display: block;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    border-radius: 4px;
    height: 100%;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 5px;
}
.col-md-list-1 .auther_details {
    display: inline-block;
    width: 50%;
    padding: 0;
}
.post-title {
    padding-bottom: 5px;
}
.col-md-list-1 .post-title a {
    font-size: 18px;
    color: #000;
    text-decoration: none;
    line-height: 24px;
    font-weight: 600;
}
.post-time {
    color: rgb(68,68,68);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}
.col-md-list-1 .post-time a {
    font-size: 12px;
    text-decoration: none;
    color: #999;
    font-weight: 500;
}
.col-md-list-1 .post-content {
    /* display: none; */
}
.col-md-list-1 .col-sm-three:nth-child(1) .post-title a {
    font-size: 21px;
    color: #000;
    text-decoration: none;
    line-height: 1;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 610px;
    white-space: nowrap;
    display: block;
}
.col-md-list-1 .col-sm-three:nth-child(1) .auther_details {
    width: 100%;
    display: block;
}
.col-md-list-1 .post-content p {
    text-align: inherit;
    font-weight: 400;
    line-height: 20px;
    margin-top: 0;
    color: #333;
}
.col-md-list-1 .post-content a {
    color: #fff;
    line-height: 30px;
    display: block;
    background: hsla(194,55%,63%,1);
    width: 100px;
    text-align: center;
    margin-top: 10px;
    border-radius: 5px;
}
.col-md-list-1 .col-sm-three:nth-child(1) .post-content {
    width: 100%;
    display: block;
}
.newspageall .blog-slider-list {
    padding-top: 50px;
    padding-bottom: 50px;
}
.blog-slider-list-1 {
    background: rgb(250, 250, 250);
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 70px;
    margin-top: 50px;
}
div#title-box p {
    margin: 0;
    color: rgb(140,140,140);
    font-size: 12px;
    font-weight: 400;
}
h3.heading_option {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: rgb(0,0,0);
    font-weight: 600;
}
.col-md-list {
    margin-top: 20px;
}
div#title-box {
    margin-left: 5px;
    display: flex;
    align-items: center;
}
.blog-slider-list h3.heading_option {
    text-transform: capitalize;
}
a.right-link {
    text-decoration: none;
    color: #000;
    border: 1px solid hsla(194,55%,63%,1);
    padding: 5px 10px;
    border-radius: 5px;
    margin: 13px 0;
    font-weight: 600;
    display: inline-block;
    font-size: 12px;
}
.col-md-3.right-section {
    text-align: right;
}
.blog-slider-list .icon-image {
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 35px;
    background-size: 25px auto;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center center;
    border-radius: 50%;
}
.icon-image-ai {
    background: hsla(194,55%,63%,1) url(https://yugasa.com/public/wp-content/uploads/2020/06/chip-1.png);
}
.blog-slider-list .post-thumbanail img {
    border: none;
    width: 100%;
}
.blog-slider-list .post-thumbanail {
    height: auto;
}
.postlist_news {
    background: #fff;
    box-shadow: rgba(195,195,195,.55) 5px 5px 10px 0;
    border-radius: 15px;
    overflow: hidden;
height: 100%;
}
.custom_blog_slide .auther_details {
    padding: 10px 10px 10px 10px;
}
.blog-slider-list a {
    color: rgb(68,68,68);
}
.blog-slider-list:nth-child(2n+1) {
    background: #fff;
    padding-top: 0;
    padding-bottom: 0;
}
.blog-slider-list h3.heading_option {
    text-transform: capitalize;
}
.title-sec-p {
    display: flex;
    align-items: center;
}
.featured-photo img {
    border: 1px solid #f1f1f1;
    margin-top: 20px;
    width: 100%;
}
.title-sec-p i.fa.fa-pencil-alt {
    border: 2px solid #5cb7e1;
    border-radius: 99px;
    color: #5cb7e1;
    font-size: 18px;
    height: 44px;
    line-height: 40px;
    text-align: center;
    width: 44px;
    margin-right: 10px;
}
.custom_blog_slide .post-title a {
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
    white-space: nowrap;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
}
.post-time {
    color: rgb(68,68,68);
    font-size: 12px;
    font-weight: 600;
}
.custom_blog_slide .post-content p {
    color: #333;
    text-align: inherit;
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}
.page-content.blog-detail-page {
	margin-top: 80px;
}
.single-section h2 {
	margin-top: 20px;
}
.featured-photo .post-title {
	font-size: 25px;
	margin-bottom: 0 !important;
	padding-bottom: 5px;
}
.blog-slider-list .post-thumbanail img {
    border: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-cat-list {
    margin-top: 100px;
}
h2.widgettitle {
    font-size: 25px;
    border-bottom: 2px solid #000;
    margin-bottom: 10px;
    /* padding-bottom: 10px; */
}
.cat_left_bar a {
    font-size: 14px;
    display: block;
    line-height: 20px;
    color: #2946f3;
}
.post-time a {
    color: #2946f3;
}
.icon-image.icon-image-ai {
    display: none;
}
.cat_left_bar li {
    list-style: outside;
    margin-bottom: 20px;
}
.loder-gif img {
    width: 20px;
	position: relative;
    top: -90px;
    right: -220px;
}
.btn-gif {
    display: flex;
    align-items: center;
}
.loder-gif img {
    width: 50px;
    /* margin-left: 5px; */
}
.loder-gif  {
    /* display: none; */
}

.alert-success_CONTENT{
margin-top: 20px;
}

.alert-access-button{
	margin-left: 20px;
}
@media (max-width: 767px) {
    .success_story {
    padding: 0 !important;
}
ol#vid-list {
    margin: 0;
    padding: 0;
    /* background: #222; */
    overflow-y: inherit;
    overflow-x: inherit;
    height: auto;
}
ol#vid-list li img {
    height: 60px;
}
}

.thanku_heading{
font-size:20px;
font-weight: 500;
}

.best_companies #header {
    background: #edf1fd;
}
.best_companies_page {
    padding-top: 53px;
}
.best_companies_page #content {
    background: inherit;
    border: none;
    float: none;
    margin-right: 0;
    width: 100%;
}

.title-box_best_companies {
    background: #edf1fd;
    padding-top: 60px;
}
.best_companies_cover {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.best_comp_left_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    min-width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 50%;
}
.best_com_button a:hover {
    text-decoration: none;
    color: #fff;
}
.button_b p {
    color: #455065;
    line-height: 16px;
    margin-bottom: 38px;
    text-align: center;
    font-weight: 400;
}
.best_companies_cover_top{
	 display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    min-height: 114px;
}
.best_comp_left_icon img{
    width: 82px;
    height: 82px;
    border-radius: 50%;
}
.best_companies_right {
    text-align: center;
        width: 100%;
}
.best_com_title p {
    color: #5cb7e1;
    font-size: 45px;
    text-align: center;
    line-height: 55px;
    font-weight: 300;
}
p.best_com_text {
    text-align: center;
    color: #455065;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    max-width: 90%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.best_com_button {
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 30px;
}
.best_com_button a{
    color: #fff;
    font-size: 20px;
    background: #5cb7e1;
    padding: 16px 40px;
    border-radius: 5px;
    line-height: 25px;
}


.button_b img {
    width: 50px;
}
.button_b h3 {
    font-size: 16px;
    color: #455065;
    margin-top: 5px;
    margin-bottom: 30px;
}
.best_com_cover_card .add-img img {
    width: 100%;
}
.best_com_cover_card .add-img {
    margin-top: 20px;
}
.button_b h4 {
    font-size: 16px;
    color: #455065 !important;
    margin-top: 5px;
    margin-bottom: 50px;
}
p.best_com_text {
    padding-top: 10px;
    padding-bottom: 15px;
}
.page-id-19463 div#header {
    display: none;
    display: none;
}
.piller_page {
    padding-bottom: 60px;
}
.full_color_box {
	padding-bottom: 60px;
}
.piller_page  .right-working-area p {
    font-weight: 400;
    color: #333;
}
.con-right p {
    /* width: 60%; */
    /* float: right; */
    color: #fff;
    font-weight: 300;
    text-align: justify;
}
input#nf-field-81 {
    background: #5cb7e1;
    color: #fff;
    padding: 8px 40px !important;
    font-size: 18px;
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    width: 99%;
    margin-left: 2px;
}
.best_com_header_bottom li img {
    width: 100%;
}
.best_com_header_bottom li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    width: 19%;
        margin-bottom: 0;
}
/*.best_com_header_bottom li:last-child {
    padding-right: 0;
}*/
.left_text_bottom {
    font-size: 14px;
    color: #455065;
    letter-spacing: 1.57px;
    text-align: left;
    text-transform: uppercase;
    opacity: .7;
    padding-left: 0;
    width: 240px;
}
.best_com_header_bottom ul {
    margin: 0;
    width: 100%;
}

.best_com_header_bottom {
    background: #f6f8fb;
    padding: 15px 0;
}
.best_com_header_bottom .best_companies_cover {
    max-width: 100%;
    padding-right: 100px;
    padding-left: 100px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
}
.best_companies_page .entry-content {
    padding: 0 !important;
}
.best_com_text_page p {
    font-weight: 400;
    line-height: 22px;
}
.best_com_text_page {
    padding: 0 35px;
    margin: 0 auto;
    margin-top: 35px;
    font-size: 14px;
    font-weight: 400;
    width: 1272px;
    max-width: 100%;
}
.best_com_text_card {
    padding: 0 15px;
    max-width: 100%;
    margin-bottom: 50px;
    /* margin-left: auto; */
    /* margin-top: 50px; */
    width: 1170px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.best_com_cover_card {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    
}
.left_section_title {
    font-size: 13px;
    margin: 0;
    color: #455065;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.best_com_text_card_left{
	    flex: 10;
    min-width: 0;
}
.best_com_text_card_right {
    padding-left: 32px;
    flex: 4;
}
.best_com_text_card_left h2 {
    font-size: 13px;
    margin: 0;
    color: #455065;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.best_com_card_box_left img {
    width: 100%;
    height: auto;
}
.best_com_card_box_left {
    flex: none;
    width: 75px;
    margin: 10px 0 10px 10px;
}
.best_com_card_box_right ul.slides {
    margin-bottom: 0;
}
.card_con_tag li {
    margin-bottom: 0;
}
.card_con_tag ul {
    margin-bottom: 0;
}
.card_con_tag li {
    margin-bottom: 5px;
}
.best_com_card_box {
    position: relative;
    display: flex;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 32px;
    overflow: hidden;
    transition: all .2s;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
    background: #fff;
    border: 1px solid rgba(235,236,237,.5);
}
.best_com_text_card_left h2 {
    font-size: 13px;
    margin: 0;
    color: #455065;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.best_com_card_box_right {
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    flex: 1 1 auto;
    min-width: 1px;
    padding: 10px;
}

.best_com_card_box_right h3 {
    margin-top: 0;
   font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    display: inline-block;
}
p.web_url {
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
}
a.box_left_btn2 {
    border: 1px solid #5cb7e1;
    padding: 5px 8px;
    border-radius: 5px;
    margin-bottom: 10px;
    color: #455065;
    font-size: 14px;
    margin-right: auto;
}
.box_left_btn2 i.fa.fa-globe {
    color: #5cb7e1;
    margin-right: 5px;
    font-size: 18px;
}
.card_con {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
    font-weight: 400;

}
.card_con_tag li a {
    border: 1px solid #dfe3e9;
    color: #495469;
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 15px;
}
.card_con_tag li {
    list-style: none;
    line-height: 1;
    display: inline-flex;
    margin-right: 10px;
    border: 1px solid #dfe3e9;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 12px;
    color: #455065;
    text-align: center;
}
a.best_com_card_box_left_btn:hover {
    color: #fff;
    text-decoration: none;
}
a.best_com_card_box_left_btn {
    background: #5cb7e1;
    text-align: center;
    display: block;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    padding: 8px 7px;
    margin-top: 20px;
}
.best_com_text_card_right h2.widgettitle {
	font-size: 13px;
    margin: 0;
    color: #455065;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.best_com_text_card_right li {
    list-style: none;
    line-height: 1;
    margin: 0;
}
.best_com_text_card_right .custom-widget {
    font-size: 16px;
    color: #262d3d;
    line-height: 16px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 16px 24px;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
    background: #fff;
    border: 1px solid rgba(235,236,237,.5);
}
.haring_process h2 {
	font-size: 18px;
    color: #183a9e;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebeced;
}
.best_com_text_card_right p {
    color: #5f6f81;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.5px;
}
.reading_process{
	font-size: 15px;
    line-height: 20px;
    display: inline-block;
    padding: 10px 15px;
    text-align: center;
    border: 1px solid #dfe3e9;
    border-radius: 4px;
    transition: all .2s;
    color: #000 !important;
    background-color: #fff;
    display: block;
    margin-top: 20px;
}
.container-inner {
    background: #5cb7e1;
    color: #fff;
    text-align: center;
}
.container-inner h3{
    color: rgba(255, 255, 255, 0.47);
    font-size: 18px;
    position: relative;
    z-index: 9;
    color: #fff;
}
.container-inner h2 {
    color: #fff;
    font-size: 40px;
    position: relative;
    text-align: center;
    max-width: 60%;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative;
    z-index: 9;
	line-height: 55px;
}
.container-inner .btn-white {
    background: #fff !important;
    color: #333;
    border-color: #fff;
}
.container-inner .btn {
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    padding: 16px 30px 16px 30px;
    border-radius: 45px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    transition: all 0.3s ease-in-out !important;
}
.container-inner .btn-main-2 {
    background: #F9C200;
    color: #333;
    border-color: #F9C200;
    margin-left: 10px;
}
.container-inner  {
    position: relative;
    background: #5cb7e1;
    background: url(/web/20230803223146im_/https://yugasa.com/wp-content/themes/yugasa/images/usa-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    border-radius: 15px;
    padding: 80px 40px 90px 40px;
    transition: background 0.3s, 
    border-radius 0.3s, 
    opacity 0.3s;
	
}
.container-inner:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #5cb7e1;
    opacity: .95;
    border-radius: 15px;
}
.full-text {
    margin-bottom: 50px;
}
.container-inner .btn:hover {
    border-color: #fff;
}
.container-inner .btn-white:hover {
    background: #5cb7e1!important;
    color: #fff;
    border-color: #5cb7e1;
}
.cta-ysl .bg-main {
    background: #5cb7e1;
    padding: 60px 50px 50px;
    border-radius: 10px;
}
.cta-ysl h2 {
    color: #fff;
    font-size: 32px;
    margin-top: 0;
}
.cta-ysl p {
    color: rgba(255,255,255,.7);
}
input#nf-field-81_1 {
    padding: 7px 40px !important;
    margin: 0 !important;
    width: 98%;
    font-size: 18px;
    margin-left: 5px !important;
    background: #fff;
    color: #000;
}
div#nf-field-81_1-container {
    width: 48% !important;
    margin-bottom: 0 !important;
    margin-left: 7px;
}
div#nf-field-80_1-container {
    width: 49%;
    float: left;
    margin-right: 1%;
}
.option-listing ul li {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 19px;
    padding: 0 0 0 5px;
    position: relative;
    list-style: disc;
}
.option-listing ul {
    padding: 0;
    margin-left: 16px;
    list-style: none;
}
.option-listing {
    margin-bottom: 4vw;
}
.col-md-list-1 .col-sm-three:nth-child(1) {
    width: 52%;
    display: inline-block;
    margin-right: 30px;
}
.col-md-list-1 .col-sm-three:nth-child(1) .postlist_news {
    display: block;
}
.col-md-list-1 .postlist_news {
    display: flex;
}
/* .col-sm-three {
    display: none;
} */
.col-md-list-1 .col-sm-three:nth-child(1) .post-thumbanail {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 10px;
    border: none;
}
.col-md-list-1 .col-sm-three:nth-child(1) .post_img img {
    height: auto;
}
.col-md-list-1 .post-thumbanail {
    display: inline-block;
    width: 50%;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
    border: 1px solid #eee;
    border-radius: 5px;
}
.col-sm-three .post-thumbanail img {
    height: 110px;
    object-fit: cover;
}
.col-md-list-1 .col-sm-three:nth-child(1) .post_img {
    background-position: center left !important;
    position: relative;
    background-repeat: no-repeat !important;
        border: 1px solid #eee;
}
.col-md-list-1 .post_img {
/*     position: absolute; */
    width: 100%;
    display: block;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    border-radius: 4px;
    height: 100%;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 5px;
}


.best_com_card_box_right .card_con_d ul li {
    display: flex;
    float: left;
    padding: 5px 8px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #5cb7e1;
    align-items: center;
}

.card_con_d ul li .fa {
    color: #5cb7e1;
    margin-right: 5px;
    font-size: 15px;
    vertical-align: middle;
}

.card_con_d li a {
    color: #455065;
    font-size: 14px;
}
a#loadMore {
    text-align: center;
    background: #5cb7e1;
    color: #fff;
    padding: 10px 10px;
    border-radius: 5px;
    margin: 0 auto;
    width: 30%;
    display: block;
}

.best_com_text_card{
padding: 0 35px;
    width: 1272px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
}
}
.post-time {
    line-height: 18px;
}
.featured-photo .post-title {
    color: var(--dark-gray);
}
.single-section p {
    margin-bottom: 15px;
}
.four-process {
    padding-top: 40px;
}