/*-------fonts-------*/
@font-face {font-family: 'Lato-Regular';src:url('../fonts/Lato-Regular.ttf.woff') format('woff'),url('../fonts/Lato-Regular.ttf.svg#Lato-Regular') format('svg'),url('../fonts/Lato-Regular.ttf.eot'),url('../fonts/Lato-Regular.ttf.eot?#iefix') format('embedded-opentype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Lato-Bold';src:url('../fonts/Lato-Bold.ttf.woff') format('woff'),url('../fonts/Lato-Bold.ttf.svg#Lato-Bold') format('svg'),url('../fonts/Lato-Bold.ttf.eot'),url('../fonts/Lato-Bold.ttf.eot?#iefix') format('embedded-opentype');font-weight: normal;font-style: normal;}

  /*-------scrollbar design-------*/
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background:#E4E6EC;}  
::-webkit-scrollbar-thumb {background:rgba(102, 102, 102, 0.6);border-radius: 7px;}  
::-webkit-scrollbar-thumb:hover {background:#02B04A;}
@media (min-width: 768px){
  .container, .container-md, .container-sm {
      max-width:100%;
  }
  }
@media (min-width: 1400px){
  .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1290px}
}

/*-------header-------*/
html,body{overflow-x: hidden;}
.hcl-theme .fixed-top{background: rgba(0, 0, 0, 0.3);min-height: 85px;}
.hcl-theme nav.navbar .navbar-nav .nav-link{font:400 normal 16px/20px 'Lato-Regular';color:#ffffff;padding: 0px;position: relative;}
.hcl-theme nav.navbar .navbar-nav .nav-link::after{content:" ";position: absolute; width:0%;height:1px;background: #02B04A;left:0;bottom: -4px;transition:ease all 0.3s;}
a, a:link, .hcl-theme nav.navbar .navbar-nav .nav-link:hover{color:#02B04A;text-decoration: none;}
a:hover{color:#02B04A;text-decoration: underline;}
.hcl-theme nav.navbar .navbar-nav .nav-link:hover::after{ width: 100%;}
.hcl-theme .btn-primary{color:#FFFFFF;font:500 normal 14px/24px 'Lato-Regular';background:#9ECC3F  linear-gradient(94.24deg, #9ECC3F 9.62%, #68C152 43.3%, #01AF49 80.68%);border: 0px;padding: 12px 16px;transition:all 0.3s ease-in-out;}
.hcl-theme .bg-dark{background: #333333;}
.hcl-theme .btn-primary:hover{text-decoration:none;background:#01AF49;transition:all 0.3s ease ;}
.hcl-theme .btn-primary.btn-lg{color:#FFFFFF;font:500 normal 18px/24px 'Lato-Regular';padding: 16px 32px;}
.hcl-theme header{min-height:650px;background:url(../images/Hero-Banner.jpg)no-repeat center center/cover;}
.hcl-theme header .hero-txt h1, .hcl-theme header .hero-txt p{color: #FFF;}
h1{font:700 normal 48px/58px 'Lato-Bold';color:#333333;}
p{font:400 normal 18px/30px 'Lato-Regular';color:#3E3E3E;}
.hcl-theme .form-control {margin-bottom:24px;background: #FFFFFF;border: 1px solid rgba(196, 196, 196, 0.4); border-radius: 10px;padding:15px 24px;font:400 normal 16px/24px 'Lato-Regular';font-feature-settings: 'liga' off;color: #3E3E3E;}
.hcl-theme .form-control:focus{box-shadow: 0 0 0 0.1rem #01AF4940;}
.slider1 img{background: #FFFFFF;box-shadow: 0px 30px 40px rgba(212, 217, 232, 0.2);border-radius: 7px;}
/*-------About us-------*/
.about-sec{padding: 125px 0px;}
.about-hero-img h1{left: calc(242px + 48px);}
.about-hero-img .img-2{right:0px;top:125px;}
/*-------What we do-------*/
.text-block h3{font:600 normal 24px/28px 'Lato-Bold';color:#333333;}
.text-block p,.text-block ul li{font:400 normal 16px/27px 'Lato-Regular';color:#3E3E3E;}
.group-1-2{top:86px;right:0px;}
.group-1-3{top:calc(241px + 47px);right: 42px;}
.spacer{height:100px}
.group-2-1{right: 0px;}
.group-2-2{left: 0px;top: 86px;}
.group-2-3{top:calc(241px + 47px);left: 42px;}

.dark-sec h4{font:500 normal 24px/30px 'Lato-Bold';}
.dark-sec p{color: #FFFFFF;}
.dark-sec p.strong{font:700 normal 18px/30px 'Lato-Bold';}

.testimonial-sec{padding: 100px 0px;}
.testimonial{background: #FFFFFF;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);border-radius: 8px;margin-bottom: 68px;}
.person-name{font:600 normal 16px/24px 'Lato-Bold';color: #333333;}
.person-detail{font:400 normal 16px/24px 'Lato-Regular';color: #3E3E3E;}
.slider2.owl-carousel .owl-dots.disabled,.slider2.owl-carousel .owl-nav.disabled {display: block;}
.slider2.owl-theme .owl-dots{position: absolute;bottom:80px;left: 50%;transform: translateX(-50%);}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#FFF;box-sizing: border-box;width: 12.44px;height: 12.44px;border:3px solid #3E3E3E;margin: 0px 4px;}
.owl-theme .owl-dots .owl-dot span{width:8px;height:8px;background: #E5E7EB;border: 1px solid #E5E7EB;margin: 2px 4px;}
.slider2.owl-theme .owl-nav{position:absolute;top:50%;transform: translateY(-50%);left: 0px;right:0px;}
.owl-carousel .owl-nav button.owl-prev{float: left;}
.owl-carousel .owl-nav button.owl-next{float:right;}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover{background: transparent;}
.owl-carousel .owl-nav button.owl-prev span{background: transparent url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.2931 22.7071C30.9026 22.3166 30.9026 21.6834 31.2931 21.2929C31.6837 20.9024 32.3168 20.9024 32.7074 21.2929L38.7073 27.2929C39.0979 27.6834 39.0979 28.3166 38.7073 28.7071L32.7074 34.7071C32.3168 35.0976 31.6837 35.0976 31.2931 34.7071C30.9026 34.3166 30.9026 33.6834 31.2931 33.2929L35.586 29H18.011C17.4527 29 17 28.5523 17 28C17 27.4477 17.4527 27 18.011 27H35.586L31.2931 22.7071Z' fill='%2302B04A'/%3E%3Crect x='0.5' y='0.5' width='55' height='55' rx='27.5' stroke='%23D1D5DB'/%3E%3C/svg%3E")no-repeat center center;width: 56px;height: 56px;display: block;color: transparent;transform:rotateY(180deg)}
.owl-carousel .owl-nav button.owl-next span{background: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.2931 22.7071C30.9026 22.3166 30.9026 21.6834 31.2931 21.2929C31.6837 20.9024 32.3168 20.9024 32.7074 21.2929L38.7073 27.2929C39.0979 27.6834 39.0979 28.3166 38.7073 28.7071L32.7074 34.7071C32.3168 35.0976 31.6837 35.0976 31.2931 34.7071C30.9026 34.3166 30.9026 33.6834 31.2931 33.2929L35.586 29H18.011C17.4527 29 17 28.5523 17 28C17 27.4477 17.4527 27 18.011 27H35.586L31.2931 22.7071Z' fill='%2302B04A'/%3E%3Crect x='0.5' y='0.5' width='55' height='55' rx='27.5' stroke='%23D1D5DB'/%3E%3C/svg%3E")no-repeat center center;width: 56px;height: 56px;display: block;color: transparent;}

.career-sec{padding:85px 0px;}
.see-more-btn{bottom: 18px;right: 18px;font:500 normal 18px/20px 'Lato-Regular';width: auto;transition: 0.3s all ease-in-out;}
.see-more-btn:hover{text-decoration: none;color:  #01AF49!important;transition: 0.3s all ease-in-out;}
.see-more-btn:hover svg path{stroke: #01AF49;transition: 0.3s all ease-in-out;}
.contact-form{background:#F1F9F5;padding: 100px 0px;}
.contact-form .container{max-width:1204px;}
.contact-form h1{font: 800 normal 48px/68px 'Lato-Bold';}
.contact-form textarea{height: 160px;resize: none;}

.company-details{padding-left: 92px;}
.company-details h5,.company-details h5 a,.company-details h5 a:link{font: 400 normal 20px/30px 'Lato-Regular';color: #3E3E3E;}
.company-details h5 a:hover,.company-details h5 a:focus{text-decoration:none;color: #01AF49;}
.company-details h4{font:700 normal 24px/30px 'Lato-Bold';color: #333333;}

footer{padding:84px 0px 0px;background:#333333;overflow: hidden;}
footer p {font: 400 normal 14px/24px 'Lato-Regular';}
footer ul li a,footer ul li{margin-bottom:8px;}
footer ul li a,footer ul li a:link{font: 400 normal 14px/24px 'Lato-Regular';color:#D9DBE1;}
footer .text-black{color: #333333!important;}
.green-bg::before{content:" ";position:absolute;width:600px;height:298px;background:#98C93A;border-radius: 0px 0px 0px 16px;left:-30px;top:-85px}

@media (max-width:991px) {
.company-details {padding-left: 0px;}  
.hcl-theme .btn-primary {padding: 12px 12px;}
.about-hero-img h1 {left: calc(242px + 8px);}
.hcl-theme .form-control {
  margin-bottom:16px;}
h1 {font: 700 normal 32px/36px 'Lato-Bold';}
p{font:400 normal 16px/24px Lato-Regular;color:#3e3e3e}
.contact-form h1 {font: 800 normal 32px/36px 'Lato-Bold';}
}

@media (max-width:767px) {
  section{overflow: hidden;}
  .container,  .contact-form .container{max-width: 100%;width: 100%;}
  .navbar-toggler,.navbar-toggler:focus {background: none;border: 0px;padding:0px;outline:none;box-shadow:none;}
  .navbar-toggler-icon{background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 18H9V16H21V18ZM21 13H3V11H21V13ZM21 8H9V6H21V8Z' fill='white'/%3E%3C/svg%3E")no-repeat center center;width: 24px;height: 24px;}
  .navbar-brand img{width: 80px;}
  .navbar-toggler, .navbar-toggler:focus {float: right;}
  .navbar-collapse{position: absolute;top: 60px;right:16px}
  .navbar-collapse .navbar-nav{background:#02B04A;border-radius:8px 0px 0px 8px;padding:8px;}
  .hcl-theme header {min-height:490px;}
  .hcl-theme .btn-primary.btn-lg {font: 500 normal 16px/24px 'Lato-Regular';padding: 8px 24px;}
  h1 {font: 700 normal 32px/38px 'Lato-Bold';}
  .hero-txt{margin-bottom:70px;}
  .company-logos {margin-top: -25px;}
  .about-sec {padding:80px 0px 0px;}
  .about-sec .img-1{width: 123px;}
  .about-hero-img h1 {left: calc(123px + 16px);}
  .about-sec .img-2{width: 285px;left: 58px;top:54px;}
  p { font: 400 normal 16px/24px 'Lato-Regular';}
  .group-img-1{margin:auto auto 24px auto;max-width: 375px;height:340px;}
  .group-1-1{width: 189px;}
  .group-1-2{width:193px;right: 0px;top: 54px;}
  .group-1-3{width:193px;top:calc(159px + 30px);right:27px;}
  .text-block h3 {font: 600 normal 20px/24px 'Lato-Bold';}
  .group-img-2{max-width:375px;height:332px;margin:auto auto 24px auto;}
  .spacer {height:40px;}
  .group-2-1{width: 189px;right: 0px;}
  .group-2-2{width: 193px;top:54px;left: 0px;}
  .group-2-3{width: 193px;top:calc(159px + 30px);left: 27px;}
  .text-block p, .text-block ul li {font: 400 normal 16px/24px 'Lato-Regular';}
  .dark-sec h4 {font: 500 normal 20px/30px 'Lato-Bold';}
  .testimonial-sec {padding:60px 0px;}
  .slider2.owl-theme .owl-nav {display: none;}
  .career-sec{padding: 30px 0px;}
  .contact-form {padding:32px 0px;}
  .contact-form h1 {font: 800 normal 32px/38px 'Lato-Bold';}
  .company-details svg{width: 40px;height:40px;}
  .company-details h5, .company-details h5 a, .company-details h5 a:link {font: 400 normal 16px/24px 'Lato-Regular';}
  .hcl-theme .form-control {margin-bottom:16px;font: 400 normal 14px/24px 'Lato-Regular';}
  footer {padding:40px 8px 0px;}
  .green-bg::before {width: 324px;height:190px;border-radius: 0px 16px 16px 0px;left:-8px;top:-24px;}
}


@media (max-width:575px) {
.hcl-theme .btn-primary.call-btn{color:#02b04a;font:500 normal 14px/24px Lato-Regular;background:0 0;border:0;padding:0;text-align: end;}
.hcl-theme .btn-primary.call-btn svg path{fill:#02B04A}
.career-sec img.h-100{height: 250px!important;}
}