body{
	margin: 0;
	/*font-family: 'Playfair Display', serif;*/
	font-family: 'Open Sans' !important;
}
img{
	width: 100%;
	display: block;
	object-fit: cover;
}
button{
	border: unset;
}
a{
	text-decoration: none !important;
}
input:focus, textarea:focus{
	border-color: #E59D25 !important;
	outline: unset;
}



.mobile-menu ul li a.active{
    color: #E09D28;
}
.mobile-menu ul li a.active:before {
    width: 100%;
}



.mobile-header{
    display:none;
}
.co_header{
	background: #00155F;
	padding: 21px 0px;
}
.co_header.newClass {
    position: fixed;
    top: 0;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    z-index: 9999;
    width: 100%;
    background: #00155f;
}
.logo img{
	width: 173px;
}
.menu{
	text-align: right;
}
.menu a{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
	margin-right: 30px;
	text-transform: capitalize;
	display: inline-block;
	position: relative;
}
.menu a:after{
   content: '';
   position: absolute;
   bottom: -6px;
   left: 0;
   width:0;
   height: 4px;
   background:#E09D28;
   transition: all 0.5s ease;
}
.menu a.active:after{
	width: 100%;
}
.menu a.active, .menu a:hover{
	color: #E09D28;
}
.menu a:hover:after{
	width: 100%;
}
.co_banner{
	position: relative;
}
.co_banner img {
    height: 745px;
}
.banner-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	text-align: center;
	color: white;
	width:80%;
}
.banner-content h1{
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 800;
	font-size: 84px;
	line-height: 96px;
	margin-bottom: 25px;
}
.banner-content p{
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 44px;
	margin-bottom: 38px;
}
.button{
	width: 157px;
	height: 54px;
	background: #E59D25;
	border: 1px solid #E59D25;
	border-radius: 4px;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	color: #FFFFFF;
	transition: all 0.5s ease;
}
.button:hover{
   color: #E59D25;
   background: white;
}
.call-info {
    right: 32px;
    z-index: 99;
    position: fixed;
    bottom:20%;
    transform: translateY(0%);
}
.call-info a{
	width: 80px;
	height: 80px;
	display: block;
}
.call-info a img{
	width: 80px;
	height: 80px;
}
.co_hservice {
    position: relative;
    margin-top: -90px;
    margin-bottom:90px;
}
.inner-hservice{
	width: 100%;
	padding: 0px 25px 26px;
	background: #FFFFFF;
	box-shadow: 0px 6px 45px rgba(2, 50, 123, 0.27);
	border-radius: 6.32754px;
}
.inner-hservice img{
	width: 63.28px;
    height: 63.28px;
	margin: 8px auto 12px;
}
.inner-hservice p{
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	color: #565656;
	margin-bottom: 0;
}
.co_hservice h5{
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 44px;
	text-align: center;
	color: #666666;
    margin-top: 80px;
}
.co_why{
	background: url('../image/why-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
}
.co_why:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(29 0 111 / 40%);
}
.co_why .row{
	position: relative;
	z-index: 9;
	align-items: center;
}
.why{
	text-align: right;
	color: #FFFFFF;
	min-height: 225px;
}
.why:first-child{
	margin-bottom: 104px;
}
.why h5{
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 35px;
	position: relative;
	margin-bottom: 35px;
}
.why h5:after{
	content: '';
	position: absolute;
	bottom: -19px;
	right: 0;
	width: 243px;
    height: 12px;
    background: #FFD600;
}
.why p{
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	margin: 0px;
	padding-left: 56px;
}
.right-why .why{
	text-align:left;
}
.right-why p{
	padding: 0px 56px 0px 0px;
}
.right-why .why h5:after{
	right: 41%;
}
.why-img{
	position: relative;
	border: 20px solid #00155F;
	border-radius: 50%;
}
.why-conetnt{
	width: 289.4px;
	height: 289.4px;
	line-height: 289.4px;;
	border-radius: 50%;
	background: #E19F25;
    box-shadow: 0px 4px 31px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.why-conetnt h6 {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    color: #FFFFFF;
    text-align: center;
    padding: 55px 20px;
}
.co_service{
	padding: 100px 0px 0px;
}
.co_service .head-title{
	width: 74%;
}
.head-title {
    width: 100%;
    margin: 0px auto 81px;
	text-align: center;
}
.head-title h5{
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 700;
	font-size: 48px;
	line-height: 60px;
	color: #00155F;
	margin-bottom: 39px;
	position: relative;
}
.head-title h5:after {
    content: '';
    position: absolute;
    bottom: -20px;
    LEFT: 50%;
    transform: translateX(-50%);
    width: 172px;
    height: 12px;
    background: #FFD600;
    margin: AUTO;
    display: block;
}
.head-title p{
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 44px;
	color: #001A41;
	margin-bottom: 0;
}
.co_service .head-title h5:after{
	display: none;
}
.inner-service{
	display: flex;
	background: #00155F;
	box-shadow: 0px 4px 42px rgba(1, 22, 94, 0.28);
	border-radius: 16px;
	color: #FFFFFF;
}
.inner-service:first-child{
	margin-bottom: 95px;
}
.service-img{
	width: 590px;
}
.service-img img{
	border-radius: 16px;
}
.service-content {
    padding: 107px 75px 107px 52px;
    width: 706px;
}
.service-content h6{
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 52px;
	position: relative;
}
.service-content h6:after{
	content: '';
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 200px;
    height: 6px;
    background: #FFD600;
}
.service-content p{
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	margin: 36px 0px;
}
.inner-service:last-child .service-content{
	padding: 68px 69px 55px 75px;
}
.co_testi{
	background: url('../image/testi-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 124px 0px;
}
.co_testi .head-title h5,.co_testi .head-title p{
    color: white;
}
.co_client {
    padding: 100px 0px 80px;
}
.client-img {
    height: 106px;
    padding: 14px 0px;
    background: #FFFFFF;
    box-shadow: 1px 4px 12px rgba(2, 50, 123, 0.27);
    border-radius: 6.32754px;
    margin: 0px 22px 70px;
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
}
.client-img:hover{
	transform: translateY(-30px);
}
.client-img img{
	width: auto;
	margin: auto;
}
.co_contact{
	padding: 100px 0px;
	background: url('../image/contact-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.co_contact .row{
    justify-content:space-between;
}
.con-title{
	margin-bottom: 50px;
}
.con-title h5{
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 700;
	font-size: 48px;
	line-height: 60px;
	color: #FFD600;
}
.con-title p{
	ont-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 46px;
	color: #FFFFFF;
}
.cn-form{
	margin-bottom: 12px;
}
.cn-form label{
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	color: #FFFFFF;
	display: block;
	margin-bottom: 12px;
}
.cn-form input, .cn-form textarea{
	width: 100%;
	height: 72px;
	background: #FFFFFF;
	border: 1px solid #565656;
	border-radius: 12px;
	font-size: 15px;
	padding: 10px;
}
.cn-form textarea{
	min-height: 232px;
	height: auto;
}
.contact-form .button{
	width: 173px;
}
.co_info {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}
.info-icon {
    width: 48px;
    height: 48px;
    font-size: 35px;
    color: white;
    text-align: center;
    line-height: 48px;
}
.info-text {
    width: 84%;
    margin-left: 15px;
}
.info-text h6 {
    font-style: normal;
	font-weight: 500;
	font-size: 28px;
	line-height: 30px;
	color: #FFD600;
	margin-bottom: 15px;
}
.info-text p{
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
	margin-bottom: 0;
}
.main-info{
	margin-top: 50px;
}
.main-info .stay{
	font-style: normal;
	font-weight: 500;
	font-size: 28px;
	line-height: 30px;
	color: #FFD600;
	margin: 36px 0px 54px;
}
.main-info .social-link a{
	width: 52px;
	margin-right: 45px;
}
.main-info .social-link a img {
    width: 52px;
   /* filter: brightness(1) invert(1);*/
}
.co_contact iframe{
	width: 100%;
	height: 342px;
	margin-bottom: 72px;
}
.co_footer{
	background: #00155F;
	padding-top: 52px;
	color: white;
}
.footer p{
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 160%;
	margin: 37px 0px 14px;
}
.social-link{
	display: flex;
	align-items: center;
}
.social-link a {
    width: 27.6px;
    color: white;
    margin-right: 23.88px;
    display: inline-block;
    transition: all 0.5s ease;
}
.social-link a img{
	width: 27.6px;
}
.social-link a:hover{
	transform: translateY(-20px);
}
@keyframes bounce2 {
	0% { 
	    transform: translateY(0); 
	}
	100% { 
	    transform: translateY(-20px); 
	}
}
.footer h5{
	font-style: normal;
	font-weight: 500;
	font-size: 28px;
	line-height: 30px;
	color: #FFD600;
	margin-bottom: 24px;
}
.footer-menu a{
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #FFFFFF;
	display: block;
	margin-bottom: 8px;
	transition: all 0.5s ease;
	text-transform: capitalize;
}
.footer-menu a:hover{
	color: #FFD600;
}
.footer-bottom{
	text-align: center;
	padding: 80px 0px 19px;
}
.footer-bottom p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 160%;
	color: #CECECE;
}
.footer-bottom a{
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 160%;
	color: #FFFFFF;
}
.copy .fas {
    bottom:90px;
    right: 48px;
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    z-index: 9999;
    font-size: 24px;
    color: white;
    background: #e59d25;
    opacity: 1;
    text-align: center;
    animation: bounce2 1s infinite alternate;
    border-radius: 4px;
}

.copy .fas:hover {
   transition: all 0.15s linear 0s;
}

@keyframes bounce2 {
   0% { 
      transform: translateY(0); 
   }
   100% { 
      transform: translateY(-20px); 
   }
}
.show1 {
   display: none;
}
a.up-btn {
   display: none;
}
a.up-btn.show1 {
   display: block;
}


/*------------about page--------*/
.co_inner-banner {
    background-image: url(../image/inner-banner.png);
    background-repeat: no-repeat;
    width: 100%;
    /*height: 493px;*/
    padding-bottom:97px;
    background-size: cover;
}
.banner-title h4 {
    font-family: 'Playfair Display';
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: white;
    padding-top: 45px;
    text-align: center;
    border-bottom: 8px solid #EDB964;
    width: 168px;
    margin: 0 auto;
}
.banner-details p{
	font-family: 'Open Sans';
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: white;
}
.banner-title {
    padding-bottom: 25px;
}
.co_choose {
    padding-top: 35px;
    padding-bottom:30px;
}
.choose-title h4 {
    font-family: 'Playfair Display';
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: #00155F;
    text-align: center;
    padding-bottom: 75px;
}
.choose-details{
	padding-bottom: 65px;
}
.lead-title {
    font-family: 'Playfair Display';
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: #00155F;
    margin-bottom: 24px;
}
.leadership-deatials {
    padding-top: 63px;
}
.co_team {
    background: #E6EBFF;
    padding-top: 75px;
    padding-bottom: 1px;
}
.team-title h4 {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    color: #00155F;
    text-align: center;
    border-bottom: 12px solid #E59D25;
    width: 226px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.team-title p {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #666666;
    width: 67%;
    margin: 0 auto;
}
.team-details h4{
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #00155F;
	margin-bottom: 0;
}
.team-details h6 {
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #666666;
    margin-bottom: 30px;
}
.team-title p {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #666666;
    width: 67%;
    margin: 0 auto;
    padding-bottom: 50px;
}
.team {
	 width: 74%;
	 margin: 0 auto;
}
.team .slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    overflow-y: visible;
    padding: 100px 0;
}
.team .slick-slide {
    float: left;
    min-height: 1px;
    margin: 0 35px;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    border-radius: 12px;
    padding: 0 30px 30px 30px;
    height: auto !important;
}
.team .team-img {
    width: 144px;
    height: 144px;
    margin: 0 auto;
    content: "";
    top: 0;
    left: 50%;
    margin: -70px auto 20px;
}
.team .slick-track {
    display: flex;
}
.team-details {
    text-align: center;
    padding-top: 15px;
}
.team .slick-prev {
    left: -69px;
}
.team .slick-next {
    right: -53px;
}
.team .slick-next:before, .team .slick-prev:before {
    font-size: 36px;
    color: #00155f;
}
.team-img img {
    width: 100%;
}
.team-details p{
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #333333;
    }

/*--------------service page------------------*/
.co_services {
    padding-top: 82px;
    padding-bottom: 48px;
}
.service-title h4 {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    color: #00155F;
    text-align: center;
    margin-bottom: 50px;
}
.service-details h4 {
    font-family: 'Playfair Display';
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: #00155F;
    margin-bottom: 20px;
}
.service-details p{
	font-family: 'Open Sans';
	font-weight: 500;
	font-size: 20px;
	line-height: 38px;
	color: #666666;

}
.service-button {
    width: 157px;
    height: 54px;
    background: #E59D25;
    border: 1px solid #E59D25;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 25px;
}
.service-button:hover {
    background-color: white;
    color: #e59d25;
    border: 2px solid #e59d25;
}
.service-image{
	width: 560px;
	height: 713px;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.16);
	overflow: hidden;
}
.service-image img {
    border-radius: 12px;
}
.features-title h4 {
    font-family: 'Playfair Display';
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: #00155F;
    text-align: center;
    padding-bottom: 18px;
}
.Features-details img {
    width: 48px;
    height: 48px;
    margin-right: 13px;
}
.Features-details {
    background: #FFFFFF;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.16);
    border-radius: 6.32754px;
    display: flex;
    padding: 20px;
    align-items: center;
}
.Features-details p {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #565656;
    margin: 0;
}
.service-image1 {
    margin: 0 0 0 auto;
}
.Features-main .col-xl-3.col-lg-6.col-md-6 {
    display: flex;
}
.co-features1 {
    padding-bottom: 120px;
}
.Features-details:hover.Features-details img{
    transform: rotateY(180deg);
}
.service-image img {
	transform: scale(1);
	transition: .3s ease-in-out;
}
.service-image:hover img {
	transform: scale(1.3);
	border-radius: 12px;
}
.leadership-img img{
	transform: scale(1);
	transition: .3s ease-in-out;
}
.leadership-img:hover img {
	transform: scale(1.1);
	border-radius: 12px;
}
.leadership-img {
    overflow: hidden;
}
.co_color{
 background-color: #E6EBFF;
}
.co-features {
    padding-bottom: 100px;
}
.co-features.co-features1 {
     background-color: #E6EBFF;
}

/*..........................blog page css................. */


.main-blog{
    padding:118px 0px;
}
.blog-head h2{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: #000000;
    text-align:center;
    margin-bottom:40px;
}
.blog-box{
    box-shadow:0px 2px 8px rgba(0, 0, 0, 0.16);
    border-radius: 12px;
}
.blog-box h4{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    padding-top:22px;
    color:#000000;
}
.blog-img{
    width: 100%;
}
.blog-img img{
    width: 100%;
}
.blog-box {
    padding: 20px 20px 13px 20px;
    margin-bottom: 25px;
}
.blog-pegi{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.blog-pegi p{
    margin-bottom:0px;
    font-size:18px;
    font-weight:500;
}
.blog-pegi ul{
    margin-bottom:0px!important;
}

.blog-pegi ul .active a{
    background-color:#e59d25!important;
    border-color:#e59d25!important;
}
.blog-pegi ul li a{
    color:black;
}
.page-link:focus {;
    box-shadow: unset !important;
    color: black;
}
.page-link:hover {
    color:black !important;
}





/*...................blog-detail page css................ */
.blog-bread{
    margin:84px 0px 48px 0px;
}
.blog-bread ul{
    display: flex;
    align-items:center;
    padding:0px;
    margin:0px;
}

.blog-bread ul li{
    list-style:none;
}
.blog-bread ul li a{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-transform:capitalize;
    color:#333333;
}
.blog-bread ul li i{
    padding:0px 13px;
}

.bread-active{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color:#666666;
    text-transform:capitalize;
}
.blog-detail-head h4{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    color: #000000;
    margin-bottom:43px;
}
.blog-detail-img{
    width: 100%;
}
.blog-detail-img img{
    width: 100%;
}
.blog-info{
    margin-top:84px;
}
.blog-info p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 38px;
    color:#666666;
    padding-bottom:24px;
    margin-bottom:0px;
}
.blog-list span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 38px;
    color:rgba(51, 51, 51, 1);
}
.blog-social h6{
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    color: white;
    line-height: 43px;
    margin-bottom: 0px;
    padding-left:26px;
}
.blog-social{
    background-color:#294A70;
    height:43px;
    width:435px;
    position: relative;
    margin-top:66px;
}

.blog-social::after{
    content:"";
    position: absolute;
    top:0%;
    left: 0%;
    width:2%;
    height: 100%;
    background-color:#FFAB1F;
}
.blog-social::before{
    content: "";
    position: absolute;
    bottom: -12%;
    left:7%;
    border-right: 12px solid #294A70;
    border-bottom: 12px solid #294A70;
    transform: rotate(45deg);
}
.social-icon{
    display: flex;
    align-items:center;
    margin-top:30px;
}

.social-icon a{
    text-decoration:none;
    color:#00155F;
    /* font-size:36px; */
    margin-right:23px;
}
.social-icon a img{
    width:100%;
}

.blog-social-main{
    padding-bottom:138px;
}
  
/*.............................tastimonial page css........................ */

.testi-head{
    margin:48px auto 79px auto;
    width: 87%;
}
.testi-title h4{
    width:235px;
}

.testi-head h5{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #001A41;
}
.video-box iframe{
    width:100%;
    height: 240px;
    border-radius:8px;
    padding:10px;
}
.video-slider{
    MARGIN: 0PX 84PX;
}
.video-slider  .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    bottom: -40px!important;
  } 
.video-slider   .slick-dots li {
    width:unset!important;
    height:unset!important;
  }
.video-slider   .slick-dots button {
    display: block;
    width:16px!important;
    height: 16px!important;
    padding: 0;
    border: none;
    background-color:#d9d9d9!important;
    border-radius:50%;
    text-indent: -9999px;
    margin:0px 14px;
 }
.video-slider   .slick-dots li.slick-active button {
    background-color:#E19F25!important;
}

.video-slider .testi-arrow.prev-arrow{
    position: absolute;
    left:-6%;
    top:45%;
    z-index:1;
    CURSOR: POINTER;
}
.video-slider .testi-arrow.next-arrow{
    position: absolute;
    right:-6%;
    top:45%;
    z-index:1;
    CURSOR: POINTER;
}
.video-slider .slick-slide {
    margin-right: 15px;
}
video {
    border: 1px solid #adb5bd;
}

.test-inner h4{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    color: #00155F;
}
.test-inner p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #182233;
    margin:12px 0px 24px 0px;
}

.testi-rating i{
    color:#FEC42D;
    font-size: 20px;
    margin-right: 6px;
}
.testi-name{
    margin-top:24px;
}
.testi-name h6{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #101010;
    margin-bottom:0px;
}

.testi-name span{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #E19F25;
    text-align:start;
}
.testi-slider {
    margin:0px 140px;
}
.inner-slider{
    text-align:center;
    background: #FCFCFF;
    border: 4px solid #E6E6E6;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    padding:35px 60px 29px;
}
.testi-slider-main{
    margin:141px 0px 100px 0px;
}
.testi-arrow{
    width: 48px;
    height: 48px;
    background-color:white;
    border-radius:50%;
    font-size:24px;
    line-height:48px;
    text-align:center;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
    position: relative;
}
.testi-arrow.prev-arrow{
    position: absolute;
    left:-8%;
    top:45%;
    z-index:1;
    CURSOR: POINTER;
}
.testi-arrow.next-arrow{
    position: absolute;
    right:-8%;
    top:45%;
    z-index:1;
    CURSOR: POINTER;
}

.testi-slider .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    bottom: -75px!important;
  } 
  .testi-slider .slick-dots li {
    width:unset!important;
    height:unset!important;
  }
  .testi-slider .slick-dots button {
    display: block;
    width:16px!important;
    height: 16px!important;
    padding: 0;
    border: none;
    background-color:#d9d9d9!important;
    border-radius:50%;
    text-indent: -9999px;
    margin:0px 14px;
  }
  .testi-slider .slick-dots li.slick-active button {
    background-color:#E19F25!important;
  }
  
.mobile-menu ul{
    padding:0px;
    margin:0px;
    list-style:none;
}
.mobile-menu ul li{
    position: relative;;
}
.mobile-menu ul li a{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin-right: 30px;
    text-transform: capitalize;
    display: inline-block;
    position: relative;
   
    margin: 13PX 15PX;
    color:black;
}
.mobile-menu ul li a:before{
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 0;
    height: 4px;
    background: #E09D28;
    transition: all 0.5s ease;
}
.mobile-menu ul li a:hover:before{
    width:100%;
}

.custome-btn {
     border: unset;
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     font-size: 20px;
     border-radius: 8px;
     color: #694e14;
     z-index: 11111111111;
     position: relative;
     opacity: 1;
     background-color: white;
     box-shadow: 0px 0px 20px rgb(128 128 128 / 30%);
 }
            
.custome-btn:focus{
    outline:none;
    box-shadow:none;
}
.offcanvas-header{
    justify-content:end!important;
}
.mobile-btn{
    text-align:end;
}
.mobile-btn button{
    background-color: transparent;
    border: none;
    font-size: 22px;
    color:White;
}
.mobile-btn button:hover{
    background-color:unset;
}
.mobile-btn button:active{
    background-color:unset!important;
    border:unset!important;
}
  
  
  /*------------------ responsive ---------------*/
  
  /*.................index-page responsive....................*/
  
  
@media only screen and (min-width: 1261px) and (max-width: 1440px){
    
    .co_banner img {
        height:560px;
    }
    .banner-content h1 {
	    font-size: 64px;
	    line-height: 69px;
	}
	.banner-content p {
	    font-size: 24px;
	    line-height: 44px;
	}
	.menu a {
	    font-size: 19px;
	    margin-right: 25px;
	}
	.banner-content {
	    width: 63%;
	}
	.inner-hservice {
        padding: 0px 17px 26px;
    }
    .inner-hservice p {
        font-size: 17px;
    }
    .right-why .why h5:after {
	    right: 30%;
	}
	.why h5 {
        font-size: 29px;
    }
    .co_service {
	    padding: 100px 0px;
	}
    .service-content {
	    padding: 64px 40px 79px 52px;
	}
    .service-content h6 {
        font-size: 34px;
    }
    .service-content p {
        font-size: 22px;
    }
    .inner-service:last-child .service-content {
	    padding: 26px 69px 27px 75px;
	}
	.co_client {
	    padding: 100px 0px;
	}
	    .banner-content h1 {
        font-size: 50px;
        line-height: 70px;
    }
    .banner-content p {
        font-size: 20px;
        line-height: 29px;
    }
    .co_hservice h5 {
     font-size: 22px;
         margin-top: 60px;
    }
    .co_hservice {
        margin-bottom: 60px;
    }
    .co_service {
        padding: 60px 0px;
    }
    .head-title h5 {
      font-size: 41px;
      line-height: 43px;
      margin-bottom: 20px;
    }
    .head-title p {
        font-size: 22px;
        line-height: 35px;
        width: 80%;
        margin: 0 auto;
    }
    .head-title {
        margin: 0px auto 43px;
    }
    .co_team {
        padding-top:50px;
    }
    .team-title p {
        font-size: 18px;
        width: 59%;
        padding-bottom: 23px;
        line-height: 31px;
    }
    .team .slick-list {
        padding: 100px 0 56px 0;
    }
    .co_client {
        padding: 60px 0px;
    }
    .con-title h5 {
        font-size: 39px;
        line-height: 40px;
    }
    .con-title p {
        font-size: 22px;
        line-height: 33px;
    }
    .info-text h6 {
        font-size: 24px;
    }
    .info-text p {
        font-size: 19px;
    }
    .cn-form label {
        font-size: 22px;
    }
    .head-title p {
        padding-top: 20px;
    }
    .team-title h4 {
        font-size: 35px;
        width: 162px ;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1260px){
    .co_banner img {
        height:675px;
    }
    
	.logo img {
	    width: 135px;
	}
	.menu a {
	    font-size: 15px;
	    margin-right: 21px;
	}
	
	.banner-content h1 {
        font-size: 46px;
        line-height: 58px;
    }
    .co_banner img {
        height: 630px;
    }
    .button {
        font-size: 17px;
    }
    .banner-content p {
        font-size: 26px;
    }
	.banner-content {
	    width: 80%;
	}
	
    .call-info {
        right: 18px;
        bottom:17%;
    }
	
	.call-info a {
	    width: 70px;
	    height: 70px;
	}
	.inner-hservice {
	    padding: 0px 16px 20px;
	}
	.inner-hservice p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.co_hservice {
	    margin-bottom:60px;
	}
    .co_hservice h5 {
        font-size: 20px;
        line-height: 31px;
    }
	.why h5 {
        font-size: 24px;
    }
    .why p {
	    font-size: 16px;
	    line-height: 25px;
	}
	.right-why .why h5:after {
	    right: 17%;
	}

	.why-conetnt {
	    width: 210px;
	    height: 210px;
	    line-height: 210px;
	}
	.why-conetnt h6 {
	    font-size: 40px;
	    line-height: 51px;
	    padding: 29px 25px;
	}
	.why:first-child {
	    margin-bottom: 60px;
	}
    .co_service {
        padding: 46px 0px;
    }
    .head-title h5 {
        font-size: 35px;
        line-height: 27px;
    }
    .head-title p {
        font-size: 20px;
        line-height: 31px;
    }
    .service-content h6 {
        font-size: 24px;
    }
    .service-content p {
        font-size: 16px;
        line-height: 28px;
	    margin: 36px 0px 28px;
	}
	.button {
        width: 152px;
        height: 43px;
        font-size: 16px;
    }

    .team-title h4 {
       font-size: 29px;
       width: 134px;
       line-height: 51px;
    }
	.service-content {
	    padding: 35px 49px 38px 52px;
	    width: 546px;
	}
	.service-img {
	    width: 390px;
	}
	.inner-service:last-child .service-content {
	    padding: 13px 23px 21px 24px;
	}
	.inner-service:first-child {
	    margin-bottom: 50px;
	}
	.client-img {
        margin: 0px 0px 40px;
    }
    .co_client {
	    padding:60px 0px;
	}
	.co_contact {
        padding: 80px 0px;
    }
	.main-info {
        margin-left: 35px;
    }
    .con-title h5 {
        font-size:33px;
    }
    .con-title p {
	    font-size: 24px;
	    line-height: 38px;
	}
	.main-info .social-link a {
        margin-right: 25px;
    }
	.co_team {
        padding-top: 50px;
    }
    .team .slick-list {
        padding: 100px 0 40px;
    }
    .co_testi {
        padding: 60px 0px;
    }
    .head-title {
        margin: 0px auto 40px;
    }
    .test-inner p {
        font-size: 18px;
        line-height: 27px;
    }
    .cn-form label {
        font-size: 20px;
    }
    .cn-form input, .cn-form textarea {
        height: 62px;
    }
    .info-text h6 {
        font-size: 24px;
    }
    .info-text p {
        font-size: 17px;
        line-height: 26px;
    }
    .main-info .stay {
        font-size: 25px;
        line-height: 30px;
        margin: 36px 0px 32px;
    }
    .main-info .social-link a img {
        width: 40px;
    }
    .cn-form label {
        font-size: 20px;
    }
    .cn-form input, .cn-form textarea {
        height: 62px;
    }
    .info-text h6 {
        font-size: 24px;
    }
    .info-text p {
        font-size: 17px;
        line-height: 26px;
    }
    .main-info .stay {
        font-size: 25px;
        line-height: 30px;
        margin: 36px 0px 32px;
    }
    .main-info .social-link a img {
         width: 40px;
    }
    .copy .fas {
        bottom: 10%;
        right: 30px;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    .mobile-header{
        display:block!important;
    }
    .co_header{
        display:none;
    }
    .co_banner img {
        height: 600px;
    }
    	.banner-content {
    	    width: 71%;
    	}
    .banner-content h1 {
        font-size: 42px;
        line-height: 55px;
    }
    
    .banner-content p {
        font-size: 19px;
        line-height: 28px;
        margin-bottom: 27px;
    }
	.call-info a img {
	    width: 70px;
	    height: 70px;
	}
	.call-info a {
	    width: 70px;
	    height: 64px;
	}
	.inner-hservice {
	    margin-bottom: 23px;
	}
	.call-info {
        right: 7px;
        bottom: 20%;
        
    }
    .co_hservice h5 {
	    font-size: 18px;
	    line-height: 32px;
	    margin-top: 40px;
	}
	.co_hservice {
	    margin-bottom: 70px;
	}
	.co_why .col-lg-4:first-child,.co_why .col-lg-4:last-child{
		display: flex;
	}
	.why {
        text-align: left;
        margin-bottom: 0 !important;
        width: 50%;
    }
    .why h5 {
        font-size: 24px;
    }
    .why h5:after {
        right: 30%;
        height: 9px;
        bottom: -12px;
    }
    .why p {
	    font-size: 17px;
	    line-height: 26px;
	    padding-left: 0;
	    padding-right: 56px;
	}
	.why-img {
	    width: 65%;
	    margin: 0px auto 50px;
	}
	.right-why .why h5:after {
	    right: 29%;
	}
    .co_service {
        padding: 50px 0px;
    }
    .head-title h5 {
        font-size: 35px;
        margin-bottom: 13px;
    }
    .co_service .head-title p {
        font-size: 19px;
        line-height: 32px;
    }
	.head-title {
        margin: 0px auto 40px;
    }
    .head-title h5:after {
	    bottom: -10px;
	}
    .service-img {
	    width: 270px;
	}
	.service-content {
	    padding: 17px 13px 18px 28px;
	    width: 426px;
	}
	.service-content h6 {
	    font-size: 24px;
	    line-height: 38px;
	}
	.service-content p {
	    font-size: 16px;
	    line-height: 27px;
	    margin: 22px 0px;
	}
	.button {
	    height: 45px;
	    font-size: 16px;
	}
	.service-img img {
	    height: 244px;
	}
	.inner-service:last-child .service-content {
	    padding: 17px 15px 21px 25px;
	}
	.inner-service:last-child .service-img img {
	    height: 273px;
	}
	.inner-service:first-child {
	    margin-bottom: 40px;
	}
	.client-img {
        margin: 0px 5px 30px;
    }
    .co_client {
	    padding: 60px 0px;
	}
	.co_contact {
        padding: 60px 0px;
    }
    .con-title h5 {
        font-size: 39px;
    }
    .con-title p {
	    font-size: 18px;
	    line-height:29px;
	}
	.cn-form label {
	    font-size: 20px;
	    margin-bottom: 5px;
	}
	.cn-form input, .cn-form textarea {
	    height: 55px;
    }
	.main-info .stay {
	    font-size: 25px;
	    margin: 50px 0px 30px;
	}
	.main-info .social-link a {
	    width: 37px;
	    margin-right: 24px;
	}
	.main-info .social-link a img {
        width: 37px;
    }
    .main-info {
	    margin-left: 35px;
	}
	.info-icon {
	    font-size: 27px;
	}
	.info-text h6 {
	    font-size: 21px;
	    margin-bottom: 7px;
	}
	.info-text p {
	    font-size: 15px;
	    line-height: 25px;
	}
	.footer h5 {
	    font-size: 21px;
	    margin-bottom: 21px;
	}
	.footer-menu a {
	    font-size: 16px;
	    line-height: 25px;
	}
	.co_team {
        padding-top: 50px;
    }
    .co_testi {
        padding: 60px 0px;
    }
    .co_testi .head-title p {
        font-size:16px;
        line-height: 32px;
        padding-top: 20px;
    }
    .co_client .head-title p {
        font-size:16px;
        line-height: 32px;
        padding-top: 20px;
    }
    .copy .fas {
        bottom: 12%;
        right: 22px;
    }
    
}

@media only screen and (max-width: 767px){
     .mobile-header{
        display:block!important;
    }
    .logo img {
        width: 138px;
    }
    .co_header{
        display:none;
    }
	.co_banner img {
        height:490px;
        object-position: 20% 0%;
    }
	.banner-content {
	    width: 100%;
	    top: 42%;
	}
	.banner-content h1 {
	    font-size:35px;
	    line-height: 53px;
	    padding: 0px 23px;
	}
	.banner-content p {
        font-size: 17px;
        line-height: 29px;
        padding: 0px 14px;
    }
	.button {
	    height: 50px;
	    font-size: 15px;
	}
	.call-info {
        right:0px;
        bottom: 24%;
    }
    .copy .fas {
        bottom: 15%;
        right: 27px;
    }
    .call-info a {
	    height: 65px;
	}
	.call-info a img {
	    width: 65px;
	    height: 65px;
	}
	.inner-hservice {
	    margin-bottom: 20px;
	}
	.co_hservice h5 {
	    font-size: 16px;
	    line-height: 34px;
	    margin-top: 50px;
	}
	.co_hservice {
	    margin-bottom: 50px;
	}
	.why {
        text-align: left;
        margin-bottom: 40px !important;
        min-height: auto;
    }
    .why h5 {
        font-size: 21px;
        margin-bottom: 27px;
    }
    .why h5:after {
        right: 30%;
        height: 9px;
        bottom: -12px;
    }
    .why p {
	    font-size: 15px;
	    line-height: 26px;
	    padding-left: 0;
	    padding-right: 0px;
	}
	.why-img {
	    margin: 0px auto 50px;
	}
	
	.why-conetnt {
	    width: 250px;
	    height: 250px;
	    line-height: 250px;
	}
	.right-why .why h5:after {
	    right: 29%;
	}
	.why-conetnt h6 {
	    font-size: 41px;
	    line-height: 51px;
	    padding: 49px 20px;
	}
	.co_service {
	    padding: 60px 0px;
	}
	.co_service .head-title {
        width: 100%;
    }
    .co_service .head-title h5{
        margin-bottom:21px;
    }
    .head-title h5{
        font-size:28px;
        line-height:20px;
        margin-bottom:42px;
    }
    .head-title h5:after {
        bottom: -25px;
    }
    .head-title p{
        font-size:17px;
        line-height:27px;
    }
    .head-title{
        margin:0px auto 50px;
    }
    
    .service-content {
        padding: 40px 0px 40px 15px;
        width: 100%;
        text-align: center;
    }
    .service-content h6:after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .co_service .button {
        border-radius: 100px;
    }
    
    .inner-service:last-child .service-content{
       padding: 40px 0px 40px 15px;
        width: 100%;
    }
    .service-content h6 {
        font-size:22px;
        line-height: 30px;
    }
    .service-content p {
        font-size: 16px;
        line-height: 30px;
    }
    .inner-service:last-child{
        display:flex;
        flex-wrap:wrap;
        flex-direction: column-reverse;
    }
    .inner-service:first-child {
         margin-bottom: 40px;
    }
    .inner-service{
        flex-wrap: wrap;
    }
    .service-img{
        width:100%;
        overflow:hidden;
    }
    .service-img img {
        transform: scale(1.3);
    }
    .co_testi{
        padding:50px 0px;
    }
    .co_client {
        padding: 60px 0px 30px;
    }
    .order{
        order:1;
    }
    
	.client-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
	}
	.client-img {
        margin: 0px 0px 23px;
        height: 80px;
    }
	.footer {
        margin: 15px 0px;
    }
    .footer-bottom{
        padding:30px 0px 19px;
    }
     .why h5:after {
            left: 0%!important;
            height: 9px;
            bottom: -12px;
            width: 45%;
    }
    .co_why {
        padding: 50px 0px 20px;
    }
    .footer h5 {
        font-size: 23px;
        line-height: 20px;
        margin-bottom: 19px;
    }
}
  @media only screen and (max-width:320px){
        .banner-content h1{
            font-size:32px;
            line-height:45px;
        }
        .call-info a img {
            width: 55px;
            height: 55px;
        }
        .call-info a {
            height: 55px;
        }
        .call-info{
            bottom:15%;
        }
        .why h5:after {
            left: 0%!important;
            height: 9px;
            bottom: -12px;
            width:55%;
        }
   
        .team .slick-slide {
            height: 100% !important;
        }

    }
 
 /*------------------about page-----------------------*/
 
@media only screen and (min-width:1367px) and (max-width:1400px){

    .banner-content {
        top: 45%;
       
        width: 67%;
    }.banner-content h1 {
       
        font-size: 64px;
        line-height: 70px;
        
    }
    .banner-content p {
        font-size: 28px;
        line-height: 40px;
       
    }
    .banner-title h4 {
        font-size: 31px;
        line-height: 44px;
        width: 127px;
    }
    .banner-details p {
        font-size: 17px;
        line-height: 29px;
    }
    .co_inner-banner {
        padding-bottom: 42px;
    }
    .choose-title h4 {
        font-size: 35px;
        padding-bottom: 20px;
    }
    .lead-title {
        font-size: 33px;
        line-height: 44px;
    }
    .leadership-img img {
        height: 500px;
    }
    .leadership-deatials p {
        font-size: 16px;
        line-height: 30px;
    }
    .co_choose {
        padding-bottom: 0;
    }
    .team .slick-slide {
        margin: 0 15px;
        }
    } 

 
@media only screen and (min-width:1261px) and (max-width:1366px){
    .banner-title h4 {
        font-size: 32px;
        width: 131px;
    }
    .banner-details p {
        font-size: 16px;
        line-height: 30px;
    }
    .co_inner-banner {
        padding-bottom: 33px;
    }
    .choose-title h4 {
	    font-family: 'Playfair Display';
	    padding-bottom: 43px;
	}
	.choose-details {
	    padding-bottom: 40px;
	}
	.team-title p {
	    font-size: 24px;
	    font-size: 19px;
        width: 62%;
        line-height: 30px;
	}
	.co_team {
	    padding-top: 50px;
	}
	.co_banner img {
        height: 515px;
    }
    .banner-content {
        top: 45%;
        width: 67%;
    }
    .banner-content h1 {
        font-size: 64px;
        line-height: 70px;
    }
    .banner-content p {
        font-size: 28px;
        line-height: 40px;
    }
    .choose-title h4 {
        font-size: 30px;
   }
   .lead-title {
        font-size: 27px;
        line-height: 44px;
        margin-bottom: 16px;
    }
    .leadership-deatials p {
        font-size: 15px;
        line-height: 30px;
    }
    .team-title h4 {
        font-size: 31px;
        width: 143px;
    }
    .team .slick-slide {
        margin: 0 15px;
    }
    .call-info a {
        height: 70px;
    }
    .call-info a img {
        width: 70px;
        height: 70px;
    }
    .team .slick-slide {
        margin: 0 20px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1260px){

	.choose-title h4 {
        padding-bottom: 17px;
        font-size: 30px;
    }
	.choose-details {
	    padding-bottom: 33px;
	}
    .lead-title {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 17px;
    }
    .team-title p {
        font-size: 19px;
        line-height: 26px;
        width: 74%;
        padding-bottom: 24px;
    }
	.team-img {
	    left: 25%;
	}
	.leadership-deatials {
        padding-top: 34px;
    }
    .team {
        width: 100%;
        margin: 0 auto;
    }
    .team .slick-prev {
        left: -25px;
    }
   .team .slick-next {
        right: -25px;
    }
    .leadership-deatials p {
        font-size: 15px;
        line-height: 27px;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px){
    .co_inner-banner {
        padding-bottom: 30px;
    }
    .banner-title h4 {
        font-size: 34px;
        width: 146px;
    }
	.banner-details p {
	    font-size: 16px;
	}

    .choose-title h4 {
        font-size: 26px;
        padding-bottom: 7px;
    }
	.leadership-deatials {
	    padding-top: 14px;
	}
    .lead-title {
        font-size: 20px;
        line-height: 33px;
       margin-bottom: 15px;
    }
    .leadership-deatials p {
        font-size: 14px;
        line-height: 27px;
    }
	.choose-details {
	    padding-bottom: 30px;
	}
    .team-title p {
        font-size: 16px;
        line-height: 30px;
        width: 83%;
    }
    .team-main {
        position: relative;
        margin-bottom: 0px;
    }
    .team-details {
        margin: auto 32PX;
    }
    .team-title h4 {
        font-size: 29px;
        width: 134px;
        line-height: 52px;
    }
    .team {
        width: 100%;
        margin: 0 auto;
    }
    .team .slick-next {
        right: -6px;
    }
    .team .slick-prev {
        left: -18px;
    }
    .team-details p {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 0;
    }
    .team .slick-list {
        padding: 70px 0 40px;
    }
    .team .team-img {
        width: 120px;
        height: 120px;
        margin: -70px auto 6px;
    }
    
}

@media only screen  and (max-width:767px){
    .banner-title h4 {
        font-size: 26px;
        width: 109px;
    }
    .banner-details p {
        font-size: 13px;
        line-height: 23px;
    }

    .co_inner-banner {
            padding-bottom: 49px;
    }
    
.choose-title h4 {
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 10px;
}
.lead-title {
    font-size: 20px;
    margin-bottom: 11px;
    line-height: 33px;
}
    .leadership-deatials {
        padding-top: 26px;
    }
    .choose-details {
        padding-bottom: 14px;
    }
    .order_2{
        order:2;
    }
    .order_1{
        order:1;
    }
.team-title h4 {
    font-size: 25px;
    width: 123px;
line-height: 46px;
}
    .team-title p {
        font-size: 16px;
        line-height: 25px;;
        width: 100%;
        padding-bottom:0px;
    }
.team .team-img {
    width: 120px;
    height: 120px;
    top: -66px;
   margin: -70px auto 10px;
}
    .team-details p {
        font-size: 15px;
        line-height: 29px;
       margin-bottom: 0;
    }
    .team-slider{
       margin-bottom: 0px ;
    }
    .co_team {
        background: #E6EBFF;
        padding-top:0px;
        padding-bottom: 0px;
    }
    .team {
        width: 100%;
    }
    .team .slick-slide {
        margin: 0px 5px 30px;
        padding: 0 15px 20px 15px;
    }
    .team .slick-list {
        padding: 100px 0 0px;
    }
       
    
}

@media only screen  and (max-width:320px){
    /*.co_inner-banner {*/
    /*    height: 650px;*/
    /*}*/
    .lead-title {
        font-size: 21px;
        line-height: 29px;
    }
    .leadership-deatials p {
        font-size: 14px;
    }
    .co_team {
        padding-top: 33px;
    }
    .team-title p {
        font-size: 14px;
    }

    .team-details {
        margin: auto 11PX 100px 11px;
    }
}


 /*------------------service page-----------------------*/
 
 @media only screen and (min-width:1261px) and (max-width:1400px){
    .co_services {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .service-title h4 {
        font-size: 34px;
        margin-bottom: 37px;
    }
    .service-details h4 {
        font-size: 27px;
        line-height: 40px;
    }
    .service-image {
        width: 592px;
        height: 600px;
    }
    .service-details p {
        font-size: 18px;
        line-height: 35px;
    }
    .features-title h4 {
        font-size: 34px;
    }
    .service-image {
            width: 516px;
            height: 655px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1260px){
    .service-image {
        width: 100%;
        height: auto;
    }
    .service-details h4 {
        font-size: 26px;
        line-height: 40px;
    }
    .service-details p {
        font-size: 15px;
        line-height: 28px;
    }
    .co_services {
        padding-top: 50px;
    }
    .Features-details {
        margin-bottom: 30px;
    }
    .co-features1 {
        padding-bottom: 40px;
    }
    .service-details h4 {
        font-size: 22px;
        line-height: 35px;
    }
    .banner-title h4 {
        font-size: 30px;
        width: 122px;
    }
    .banner-details p {
        font-size: 17px;
        line-height: 29px;
    }
    .co_inner-banner {
        padding-bottom: 30px;
    }
    .service-image img {
        height: 515px;
    }
    .service-button {
        font-size: 16px;
    }
    .features-title h4 {
        font-size: 31px;
    }
    .Features-details img {
        margin-right: 19px;
    }
    .co-features {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px){
    .service-image {
        width: 100%;
        height: auto;
    }
    .service-title h4 {
        font-size: 31px;
        line-height: 38px;
        margin-bottom: 29px;
    }
    
    .co_services {
        padding-top: 55px;
    }
    .service-details h4 {
        font-size: 19px;
        line-height: 32px;
    }
    .service-details p {
        font-size: 15px;
        line-height: 25px;
    }
    .service-button {
        width: 150px;
        height: 44px;
        font-size: 17px;
        margin-top: 11px;
    }
    .Features-main .col-md-6 {
        display: flex;
    }
    .Features-details {
        margin-bottom: 30px;
    }
    .co-features1 {
        padding-bottom: 40px;
    }
    .features-title h4 {
        font-size: 31px;
    }
    .Features-details img {
        margin-right: 22px;
    }
    .co-features {
        padding-bottom: 50px;
    }
}

@media only screen  and (max-width:767px){
    .service-image {
        width: 100%;
        height: auto;
    }
    .service-title h4 {
        font-size: 23px;
        margin-bottom: 6px;
    }
    .co_services {
       padding-top: 20px;
        padding-bottom: 20px;
    }
    .service-details h4 {
        font-size: 19px;
        margin-top: 23px;
        line-height: 33px;
    }
    .service-details p {
        font-size: 14px;
        line-height: 28px;
    }
    .service-button {
        width: 136px;
        height: 44px;
        font-size: 15px;
        margin-top: 8px;
    }
    .features-title h4 {
        font-size: 23px;
        padding-bottom: 4px;
    }
    .Features-details {
        margin-bottom: 16px;
        width: 100%;
    }
    .co-features {
        padding-bottom: 40px;
    }
    .co-features1 {
        padding-bottom:40px;
    }
    .service-image img {
        height: 300px;
    }
}

@media only screen  and (max-width:320px){
    .service-title h4 {
        font-size: 22px;
    }
    .service-details h4 {
        font-size: 21px;
    }
    .service-details p {
        font-size: 12px;
    }
    .Features-details p {
        font-size: 13px;
        line-height: 21px;
    }
    .features-title h4 {
        font-size: 25px;
        padding-bottom: 10px;
    }
}


   /*.............blog-responsive css............. */
   
@media only screen and (min-width:1261px) and (max-width:1400px){
    .main-blog {
        padding: 100px 0px;
    }
    .blog-box h4 {
        font-size: 16px;
        line-height: 18px;
        padding-top: 16px;
    }
}   

@media only screen and (min-width:1024px) and (max-width:1260px){
    .main-blog {
        padding: 30px 0px 60PX 0PX;
    }
    .blog-head h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .blog-box h4 {
        font-size: 14px;
        line-height: 17px;
    }
   }
   
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .blog-box{
        margin-bottom:30px;
    }
    .blog-box h4{
        font-size:15px;
    }
    .blog-head h2 {
        font-size: 28px;
    }
    .main-blog {
        padding: 50px 0px;
    }
  }
  
@media only screen and (max-width:767px) {
    .main-blog {
        padding: 30px 0px;
    }
    .blog-head h2{
        font-size:26px;
    }
    .blog-box{
        margin-bottom:30px;
    }
	.blog-box h4 {
	    font-size: 16px;
	}   
    .blog-pegi{
        display:block
    }
    .blog-pegi p{
      font-size:16px;
      margin-bottom:20px;
    }

  }
  
@media only screen and (max-width:320px){
    .blog-head h2{
	        font-size:22px;
	    }
	.blog-box h4 {
	    font-size: 13px;
	}

  }
  
  /*..........................blog-detail responsive page css................................. */
@media only screen and (min-width:1367px) and (max-width:1400px){
    .blog-bread {
        margin: 65px 0px 28px 0px;
    }
    .blog-detail-head h4 {
        font-size: 31px;
        margin-bottom: 28px;
    }
  }
 @media only screen and (min-width:1261px) and (max-width:1365px){
       .blog-bread {
	        margin: 60px 0px 25px 0px;
	    }
	    .blog-detail-head h4 {
	        font-size: 31px;
	        margin-bottom: 24px;
	    }
	    .blog-info {
	        margin-top: 40px;
	    }
	    .blog-info p {
	        font-size: 18px;
	        line-height: 34px;
	    }    
 }
  
@media only screen and (min-width:1024px) and (max-width:1366px){
	.blog-bread {
	    margin: 50px 0px 24px 0px;
	}
	.blog-info {
	    margin-top: 40px;
	}
	.blog-detail-head h4 {
	    font-size: 31px;
	    margin-bottom: 25px;
	}
	.blog-info p {
	    font-size: 17px;
	    line-height: 32px;
	}
	.blog-social {
	    margin-top: 40px;
	}
	.blog-social-main {
	    padding-bottom: 80px;
	}
 }
  
@media only screen and (min-width:768px) and (max-width:1023px){
    .blog-bread {
        margin: 40px 0px 27px 0px;
    }
    .blog-detail-head h4 {
        font-size: 29px;
        margin-bottom: 19px;
    }
    .blog-info{
        margin-top:50px;
    }
    .blog-info p {
        font-size: 16px;
        padding-bottom: 18px;
    }
    .blog-bread ul li a {
        font-size: 18px;
    }
    .bread-active {
        font-size: 18px;
    }
    .blog-social-main {
        padding-bottom: 60px;
    }
    .social-icon a img {
        width: 75%;
    }
  }
  
@media only screen and (max-width:767px){
    .blog-social {
        width: 100%;
        margin-top: 25px;
    }
    .blog-bread {
        margin: 40px 0px 22px 0px;
    }
    .bread-active{
        font-size: 16px;
        line-height:30px;
    }
    .blog-bread ul li a{
        font-size:16px;
    }
    .blog-detail-head h4{
        font-size: 18px;
        line-height:unset;
        margin-bottom: 18px;
    }
    .blog-info{
        margin-top: 35px;
    }
    .blog-info p {
        font-size: 14px;
        line-height: 28px;
        padding-bottom: 18px;
    }
    .blog-list span{
        font-size:18px;
    }
    .social-icon a img {
    width: 68%;
    }
    .blog-social-main {
        padding-bottom: 60px;
    }

  }

   /*...................................testimonial page responsive css............................*/
   
@media only screen and (min-width:1366px) and (max-width:1400px){
    .testi-title h4{
        width:235px;   
    }
    .testi-head {
        margin: 60px auto 25px;
        width: 87%;
    }
}
@media only screen and (min-width:1261px) and (max-width:1365px){
    .testi-title h4{
            width:185px;   
        }
    .testi-head h5 {
        font-size: 19px;
   }
}


@media only screen and (min-width:1024px) and (max-width:1260px){
    .testi-head{
        margin:48px auto 60px auto;
        width: 100%;
    }
    .testi-slider-main {
        margin:100px 0px 100px 0px;
    }
    .testi-slider{
        margin:0px 80px;
    }
        .testi-head h5 {
        font-size: 19px;
    }
    .testi-head {
        margin: 60px auto 22px auto;
        width: 100%;
    }
       
  }

@media only screen and (min-width:768px) and (max-width:1023px){
    .testi-title  h4 {
        font-size: 34px;
        width: 200px!important;
    }
    .video-box iframe{
        margin-bottom:20px;
    }
    .testi-head{
        margin:48px auto 40px auto;
        width: 100%;
    }
    .testi-head h5 {
        font-size: 19px;
        line-height: 12px;
    }
    .testi-slider-main{
        margin:80px 0px 100px 0px;
    }
    .testi-arrow.prev-arrow{
        left: -10%;
    }
    .testi-arrow.next-arrow{
        right:-10%;
    }
    .testi-slider{
        margin:0px 60px;
    }
    .testi-slider .slick-dots button{
        margin:0px 12px;
    }
    .test-inner h4{
        font-size:29px;
    }
    .test-inner p{
        font-size:18px;
    }
    .video-slider .testi-arrow.prev-arrow {
        left: -14%;
        top: 40%;
    }
    .video-slider .testi-arrow.next-arrow {
        right:-16%;
        top: 40%;
    }
    
   }
   
@media only screen and (max-width:767px){
    .testi-head {
        margin: 48px auto 18px auto;
        width: 100%;
    }
    
    .video-slider {
        MARGIN: 0;
    }
    
    .testi-head h5{
        font-size:17px;
        line-height:26px;
    }
    .video-box iframe{
        margin-bottom: 20px;
    }
    .testi-slider-main {
        margin: 60px 0px 100px 0px;
    }
    .testi-slider{
        margin:0px 0px;
    }
    .test-inner h4{
        font-size:20px;
    }
    .inner-slider{
        padding:35px 25px 29px;
    }
    .test-inner p{
        font-size:14px;
    }
    .testi-rating i{
        font-size:16px;
        margin-right:4px;
    }
    .testi-name{
        margin-top: 16px;
    }
    .testi-name h6{
        font-size:20px;
        line-height:30px;
    }
    .testi-slider .slick-dots button{
        margin:0px 8px;
    }
    .testi-title h4{
        width:175px;
    }

   }
   
   
   /*...........................contact page responsive css...........................*/
   
@media only screen and (max-width:767px){
    .con-title h5{
        font-size:24px;
        line-height:43px;
    }
    .co_contact{
        padding:40px 0px;
    }
    .con-title p{
        font-size:15px;
        line-height:27px;
    }
    .cn-form label {
        font-size: 17px;
        line-height: 18px;
    }
    .cn-form input, .cn-form textarea {
        height: 50px;
    }
    .cn-form textarea {
        min-height: 200px;
    }
    .info-text h6{
        font-size: 20px;
        line-height:20px;
        margin-bottom:10px;
    }

    .info-text p {
        font-size: 15px;
        line-height: 24px;
    }
    .main-info .stay{
        font-size:24px;
        margin:36px 0px 40px;
    }
    .main-info .social-link a {
        width: 45px;
        margin-right: 20px;
    }
    .main-info .social-link a img{
        width:42px;
    }
    .co_info {
        align-items: flex-start;
    }
    .main-info {
        padding-top: 40px;
        border-top: 5px solid white;
    }
    
   }