@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
html{width:100%; height:100%;}
body{width:100%; height:100%;}
body{margin:0rem; padding:0rem; font-family: 'Jost', sans-serif; font-size:0.938rem; background:#fff; color:#000; }
html{scroll-behavior: smooth;}
.d-header{display:block!important;}
.m-header{display:none!important;}
.header{position:fixed; background:rgba(0,0,0,0.7); top: 0px; left:0px; width:100%; z-index:100;}
.header ul{padding:0px; margin:0px; list-style:none; display:table; margin:0 auto;}
.header li{float:left;}
.header li a{color:#fff; padding:20px 30px; display:block; text-decoration:none; text-transform:uppercase;}
.header li.logo{width: 150px; display: block; height: 62px; position:relative;}
.header li.logo div{position: absolute; left: 50%; margin-left: -60px; box-shadow:0px 0px 7px rgba(0,0,0,0.5); border-radius:5px; top: 50%; margin-top: -40px;}
.header li.logo div img{border-radius:5px;}

.header li.top-logo{width:150px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.header li.top-logo div{opacity:1;  transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}

.hm-slider{position:relative;}
.hm-slider .text{position:absolute; top:50%; font-size:30px; font-weight:300; z-index:99; color:#fff; width:100%; text-align:center;}
.hm-slider .text span{font-size:70px; display:table; width:100%; font-weight:600;}



.hm-about{padding:80px 130px;}
.hm-about .heading{font-size:35px; margin-bottom:15px;}
.hm-about .text{font-size:19px; color:#737373; margin-bottom:25px; line-height:35px;}
.hm-about .read-more{font-size:19px; color:#737373; text-decoration:none; display:table;}
.hm-about .read-more img{margin-right:5px;}
.hm-about .about-img{width: 100%; margin: 0 auto; display: block; box-shadow: 0px 0px 7px rgb(0 0 0 / 20%); border-radius: 15px; padding: 5px;}
.hm-about .about-img img{width:100%; height:auto;}

.hm-services{padding:80px 30px; background:#f6f6f6; padding-right:0px;}
.hm-services .heading{font-size:35px; margin-bottom:15px;}
.hm-services .text{font-size:19px; color:#737373; margin-bottom:25px; line-height:35px; max-width:700px;}
.hm-services .servies-area{width: 100%; display: table; overflow-x: auto; overflow-y: hidden; display: -webkit-inline-box;}
.hm-services .servies-area::-webkit-scrollbar {display: none;}
.hm-services .servies-area:hover::-webkit-scrollbar {display: block;}
.hm-services .servies-area .service-box{background:#fff; padding:30px; float:left; display:block; width:340px; margin-right:0px; text-decoration:none;}
.hm-services .servies-area .service-box .icon{margin-bottom:10px;}
.hm-services .servies-area .service-box .head{font-size:22px; color:#000; margin-bottom:10px;}
.hm-services .servies-area .service-box .text{color:#737373; font-size:15px; line-height:25px; margin-bottom:10px; height:175px;}
.hm-services .servies-area .service-box .arrow{width:100%; display:table; text-align:right;}
.hm-services .servies-area .owl-carousel .owl-item img{width:auto; display:unset;}

.hm-team{padding:80px 50px;}
.hm-team .heading{font-size:35px; margin-bottom:15px;}
.hm-team .text{font-size:19px; color:#737373; margin-bottom:25px; line-height:35px; max-width:700px;}
.hm-team .team-area{width:100%; display:table;}
.hm-team .team-area .profile-box{background:#f6f6f6; padding:15px; width:304px; float:left; margin-right:10px; text-decoration:none;}
.hm-team .team-area .profile-box .profile-inner-box{background:#fff; padding:15px; text-decoration:none;}
.hm-team .team-area .profile-box .profile-inner-box a{ text-decoration:none;}
.hm-team .team-area .profile-box .profile-inner-box .name{color:#6677a6; font-size:21px; font-weight:bold;}
.hm-team .team-area .profile-box .profile-inner-box .designation{color:#000; font-size:20px; font-weight:300; margin-bottom:100px;}
.hm-team .team-area .profile-box:last-child{margin:0px;}


.hm-get-in-touch{padding:80px 130px; background:#f6f6f6}
.hm-get-in-touch .heading{font-size:35px; margin-bottom:15px;}
.hm-get-in-touch .text{font-size:19px; color:#737373; margin-bottom:25px; line-height:35px; max-width:700px;}
.hm-get-in-touch .form-area{width:100%; display:table;}
.hm-get-in-touch .form-area .field{margin-bottom:10px;}
.hm-get-in-touch .form-area input{width:100%; padding:15px; border-radius:7px; border:solid 1px #e1e1e1;}
.hm-get-in-touch .form-area textarea{width:100%; padding:15px; border-radius:7px; border:solid 1px #e1e1e1;}
.hm-get-in-touch .form-area button{width:100%; padding:10px; border-radius:7px; border:solid 1px #6677a6; background:#6677a6; color:#fff; font-size:17px;}

.footer{width:100%; display:table;}
.footer .col-md-8{padding:30px; background:#141414;}
.footer .col-md-8 .address{font-size:16px; color:#fff;}
.footer .col-md-8 .address span{font-size:20px; color:#fff; font-weight:bold; display:table; text-transform:uppercase; margin-bottom:20px;}
.footer .col-md-8 .f-links{width:100%; padding-top:10px; border-top:dotted 1px #fff; margin-top:10px;}
.footer .col-md-8 .f-links a{padding:5px 15px;color:#fff; font-size:17px; text-decoration:none;}
.footer .col-md-4{padding:30px; background:#000;}
.footer .col-md-4 .copyright{font-size:20px; font-weight:600; color:#fff; text-align:right;}
.footer .col-md-4 .contact-info{font-size:18px; font-weight:400; color:#fff; text-align:right; margin-top:20px;}
.footer .col-md-4 .contact-info span{display:table; width:100%; font-weight:600;}

.mobile-menu{display:none; width: 220px; position: fixed; right: 0px; z-index: 100; top: 62px; background: rgba(0,0,0,0.8); height:100%; margin-right: -220px;}
.mobile-menu a{color:#fff; font-size:15px; text-decoration:none; width:100%; padding:10px 17px; display:table; width:100%; font-size:18px;}

.inner-img{width:100%; height:auto; position:relative;}
.inner-img img{width:100%; height:auto;}
.page-title{position:absolute; color:#fff; font-size:35px; text-transform:uppercase; font-weight:600; width:100%; text-align:center; bottom:50%; margin-bottom:-76px;}
.about-content{max-width:1100px; font-size:18px; line-height:30px; text-align:justify; margin:0 auto; padding:50px; background:#fff; box-shadow: 0px 0px 10px rgb(0 0 0 / 20%)}

.servies-area{width: 100%; display: table; padding:0px}
.service-offering{padding:50px 100px;}
.servies-area .service-box{background:#f6f6f6; padding:30px; float:left; display:block; width:340px; margin:20px; text-decoration:none;}
.servies-area .service-box .icon{margin-bottom:10px;}
.servies-area .service-box .head{font-size:22px; color:#000; margin-bottom:10px;}
.servies-area .service-box .text{color:#737373; font-size:15px; line-height:25px; margin-bottom:10px; height:175px;}
.servies-area .service-box .arrow{width:100%; display:table; text-align:right;}

.inner-page .header li.logo{width:150px;}
.inner-page .header li.logo div{opacity:1}
.inner-page iframe{width:100%; height:400px;}
.inner-page .address span{font-weight:600;}

.inner-page .team-area{width:100%; display:table; padding:50px 150px;}
.inner-page .team-area .profile-box{background:#f6f6f6; padding:15px; width:48%; float:left; margin:10px; text-decoration:none; }
.inner-page .team-area .profile-box .profile-inner-box{background:#fff; padding:15px; text-decoration:none;}
.inner-page .team-area .profile-box .profile-inner-box a{ text-decoration:none;}
.inner-page .team-area .profile-box .profile-inner-box .name{color:#6677a6; font-size:30px; font-weight:bold;}
.inner-page .team-area .profile-box .profile-inner-box .designation{color:#000; font-size:22px; font-weight:300; margin-bottom:100px;}

@media screen and (min-width: 1150px) and (max-width: 1280px) {
	.hm-about {padding: 60px 110px;}
	.hm-services{padding: 60px 110px; padding-right:0px;}
	.hm-team{padding: 60px 110px;}
	.hm-get-in-touch{padding: 60px 110px;}
}

@media screen and (min-width: 1024px) and (max-width: 1149px) {
	.hm-about {padding: 50px 90px;}
	.hm-about .heading{font-size: 30px;}
	.hm-about .text{font-size: 17px; line-height: 32px;}
	.hm-services{padding: 50px 90px; padding-right:0px;}
	.hm-services .heading{font-size: 30px;}
	.hm-services .text{font-size: 17px; line-height: 32px;}
	.hm-team{padding: 50px 90px;}
	.hm-team .heading{font-size: 30px;}
	.hm-team .text{font-size: 17px; line-height: 32px;}
	.hm-get-in-touch{padding: 50px 90px;}
	.hm-get-in-touch .heading{font-size: 30px;}
	.hm-get-in-touch .text{font-size: 17px; line-height: 32px;}
}

@media screen and (min-width: 991px) and (max-width: 1023px) {
	.header li a{padding: 20px 25px;}
	.hm-slider .text{margin-top: -52px;}
	.hm-about {padding: 50px 70px;}
	.hm-about .heading{font-size: 30px;}
	.hm-about .text{font-size: 17px; line-height: 32px;}
	.hm-services{padding: 50px 70px; padding-right:0px;}
	.hm-services .heading{font-size: 30px;}
	.hm-services .text{font-size: 17px; line-height: 32px;}
	.hm-services .servies-area .service-box{margin-right: 20px;}
	.hm-team{padding: 50px 70px;}
	.hm-team .heading{font-size: 30px;}
	.hm-team .text{font-size: 17px; line-height: 32px;}
	.hm-get-in-touch{padding: 50px 70px;}
	.hm-get-in-touch .heading{font-size: 30px;}
	.hm-get-in-touch .text{font-size: 17px; line-height: 32px;}

}

@media screen and (min-width: 768px) and (max-width: 990px) {
	.d-header{display:none!important;}
	.m-header{display:block!important;}
	.header li.logo div{width:100px;}
	.header li.logo div img{width:100%; height:auto;}
	.header ul{width:100%;}
	.header li a{padding: 20px 9px; font-size: 14px;}
	.m-header li.logo{width: 150px; display: block; height: 62px; position:relative;}
	.m-header li:last-child{width:calc(100% - 150px)!important; text-align:right}
	.hamburger{width:40px; height:auto; float:right; margin:11px;  cursor:pointer; }
	.hamburger img{width:100%; height:auto;}
	.hamburger-close{width:40px; height:auto; float:right; margin:11px;  cursor:pointer}
	.hamburger-close img{width:100%; height:auto;}
	.hm-slider .text{margin-top: -52px;}
	.hm-about {padding: 40px;}
	.hm-about .heading{font-size: 30px;}
	.hm-about .text{font-size: 17px; line-height: 32px;}
	.hm-services{padding: 40px; padding-right:0px;}
	.hm-services .heading{font-size: 30px;}
	.hm-services .text{font-size: 17px; line-height: 32px;}
	.hm-services .servies-area .service-box{margin-right: 20px;}
	.hm-team{padding: 40px;}
	.hm-team .heading{font-size: 30px;}
	.hm-team .text{font-size: 17px; line-height: 32px;}
	.hm-get-in-touch{padding: 40px;}
	.hm-get-in-touch .heading{font-size: 30px;}
	.hm-get-in-touch .text{font-size: 17px; line-height: 32px;}
	.hm-team .team-area .profile-box{width:300px;}
	.footer .col-md-8{padding: 20px 10px;}
	.footer .col-md-4{padding: 20px 10px;}
	.footer .col-md-4 .contact-info{font-size:16px;}
	.mobile-menu{display:block; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
	.open-menu{margin-right:0px!important; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
}

@media screen and (min-width: 540px) and (max-width: 767px) {
	.hm-slider .text span{font-size:30px; line-height:30px;}
	.d-header{display:none!important;}
	.m-header{display:block!important;}
	.header li.logo div{width:100px;}
	.header li.logo div img{width:100%; height:auto;}
	.header ul{width:100%;}
	.header li a{padding: 20px 9px; font-size: 14px;}
	.m-header li.logo{width: 150px; display: block; height: 62px; position:relative;}
	.m-header li:last-child{width:calc(100% - 150px)!important; text-align:right}
	.hamburger{width:40px; height:auto; float:right; margin:11px;  cursor:pointer; }
	.hamburger img{width:100%; height:auto;}
	.hamburger-close{width:40px; height:auto; float:right; margin:11px;  cursor:pointer}
	.hamburger-close img{width:100%; height:auto;}
	.hm-slider .text{margin-top: 23px;}
	.hm-about {padding: 30px;}
	.hm-about .heading{font-size: 25px; margin-bottom:10px;}
	.hm-about .text{font-size: 16px; line-height: 28px;}
	.hm-services{padding: 30px; padding-right:0px;}
	.hm-services .heading{font-size: 25px; margin-bottom:10px;}
	.hm-services .text{font-size: 16px; line-height: 28px;}
	.hm-services .servies-area .service-box{margin-right: 20px;}
	.hm-team{padding: 30px;}
	.hm-team .heading{font-size: 25px; margin-bottom:10px;}
	.hm-team .text{font-size: 16px; line-height: 28px;}
	.hm-get-in-touch{padding: 30px;}
	.hm-get-in-touch .heading{font-size: 25px; margin-bottom:10px;}
	.hm-get-in-touch .text{font-size: 16px; line-height: 28px;}
	.hm-team .team-area .profile-box{width:224px; padding:10px; margin-right:15px;}
	.hm-team .team-area .profile-box:last-child{margin:0px;}
	.footer .col-md-8{padding: 20px 10px;}
	.footer .col-md-4{padding: 20px 10px;}
	.footer .col-md-4 .contact-info{font-size:16px;}
	.mobile-menu{display:block; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
	.open-menu{margin-right:0px!important; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
	.footer .col-md-4{padding:20px!important;}
	.footer .col-md-4 .copyright{text-align:left;}
	.footer .col-md-4 .contact-info{text-align:left;}
}

@media screen and (min-width: 320px) and (max-width: 539px) {
	.hm-slider{height:265px;}
	.hm-slider img{width:150%!important;}
	.hm-slider .text span{font-size:30px; line-height:30px;}
	.d-header{display:none!important;}
	.m-header{display:block!important;}
	.header li.logo div{width:90px; margin-left: -45px; margin-top:-6px}
	.header li.logo div img{width:100%!important; height:auto;}
	.header ul{width:100%;}
	.header li a{padding: 20px 9px; font-size: 14px;}
	.m-header li.logo{width: 100px; display: block; height: auto; position:relative;}
	.m-header li.logo div img{width:100%; height:auto;}
	.m-header li:last-child{width:360px; text-align:right}
	.hamburger{width:40px; height:auto; float:right; margin:11px;  cursor:pointer; }
	.hamburger img{width:100%!important; height:auto;}
	.hamburger-close{width:40px; height:auto; float:right; margin:11px;  cursor:pointer}
	.hamburger-close img{width:100%!important; height:auto;}
	.hm-slider .text{margin-top: 23px; font-size: 25px;}
	.hm-about {padding: 20px;}
	.hm-about .heading{font-size: 30px; margin-bottom:10px!important; font-weight:600;}
	.hm-about .text{font-size: 16px; line-height: 28px;}
	.hm-services{padding: 20px 0px;}
	.hm-services .heading{font-size: 30px; margin-bottom:10px!important; font-weight:600;}
	.hm-services .text{font-size: 16px; line-height: 28px;}
	.hm-services .servies-area .service-box{margin-right: 20px; width: 320px;}
	.hm-team{padding: 20px;}
	.hm-team .heading{font-size: 30px; margin-bottom:10px!important; font-weight:600;}
	.hm-team .text{font-size: 16px; line-height: 28px;}
	.hm-get-in-touch{padding: 20px;}
	.hm-get-in-touch .heading{font-size: 30px; margin-bottom:10px!important; font-weight:600;}
	.hm-get-in-touch .text{font-size: 16px; line-height: 28px;}
	.hm-team .team-area .profile-box{width:100%; padding:10px; margin-right:0px; margin-bottom:15px;}
	.hm-team .team-area .profile-box:last-child{margin:0px;}
	.footer .col-md-8{padding: 20px 10px;}
	.footer .col-md-4{padding: 20px 10px;}
	.footer .col-md-4 .contact-info{font-size:16px;}
	.mobile-menu{display:block; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
	.open-menu{margin-right:0px!important; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
	.footer .col-md-4{padding:20px!important;}
	.footer .col-md-4 .copyright{text-align:left;}
	.footer .col-md-4 .contact-info{text-align:left;}
	.inner-img{height:250px; overflow:hidden;}
	.inner-img img {width: auto; height: 250px;}
	.about-content{padding:20px; font-size:16px; line-height:27px;}
	.page-title{margin-bottom:-70px;}
	.servies-area{padding:20px;}
	.servies-area .service-box{width:100%; margin:0px; margin-bottom:20px; padding:15px;}
	.inner-page .team-area{padding:20px;}
	.inner-page .team-area .profile-box{width:100%; margin:0px; margin-bottom:10px;}
}

.overlay{position:fixed; top:0; right:0; bottom:0; left:0; background:#fff; z-index:100000;}
.logo-2{width:120px; height:166px; position:absolute; left:50%; margin-left:-60px; top:50%; margin-top:-83px; opacity:0; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.logo-3{width:120px; height:166px; left:50%; margin-left:-60px; top:50%; text-align:center; margin-top:-83px; position:absolute; opacity:0;  transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease;}
.opacity-1{opacity:1; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.opacity-0{opacity:0; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.slide-4{top:60px; left:20%; bottom:unset; right:unset; opacity:0; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}