@import url('../fonts/fonts.css');
@import url('https://cdn.lineicons.com/3.0/lineicons.css');
/*@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap');*/


html {
  scroll-behavior: smooth;
}

body { font-family: 'GothamLight';
float: left;
width: 100%;
color: #000;font-weight: 300;
background-attachment: fixed; background-size: 40%;
padding-right: 0 !important;
   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
.modal-open {
padding-right: 0!important;
overflow: hidden;
}
::-moz-selection {
color: #000;
background: #d7c07f;
}
::selection {
color: #000;
background: #d7c07f;
}
.btn{ box-shadow: none; outline: none;}
button{ box-shadow: none; outline: none;}
:focus {
outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;   font-family: 'Gotham';
}
p {
color: #000;
line-height: 22px;
font-size: 14px; font-weight: 300;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a{text-decoration: none;}
a:hover{color: #0e2c18;}
ul li,
ul li a,
ol li,
ol li a {
color: #161616;
font-size: 14px; font-weight: 300;
line-height: 26px;text-decoration: none;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
:focus {
outline: none;
}
.swiper {
    width: 100%;
  height: 700px;
  }

  .swiper-slide {
    background-position: bottom !important;
    background-size: cover;
  }

  :root{
    --primaryclr:#2D99CD
  }
  .fw-semibold{font-weight:400 !important;}
.margin-auto{float:none;margin: 0 auto;}
.primery-bg{background:#2D99CD !important;}
img{max-width:100%;height:auto;}
.graybg{background:#efefef;}
.section-wrap{padding: 3em 0px;}
.full-width{width: 100%;}
a.nav-link{font-weight: 700;text-transform: capitalize;padding: 0px 25px;font-size:16px;}
.swiper-pagination-bullet-active{background:#fff;width: 45px;border-radius: 1rem;}
.swiper-pagination-bullet{transition: .3s all ease-in-out}
.swiper-pagination-clickable .swiper-pagination-bullet{background: #fff;}
 .swiper-content{width: 100%; position: absolute;z-index: 99999;top: 10%;}
.swiper-content h4{font-size: 35px;font-weight: 600;line-height:2.5rem;margin-top: 15%;text-align: right;background: hwb(0deg 0% 100% / 60%);display: inline-grid;padding: 30px;float: right;}
.swiper-content p{color: #FFF;font-weight: 600;font-size: 16px;}
.story-content h4{font-size: 28px !important;position:relative;padding-bottom:5px;text-transform:uppercase;margin-bottom:5px !important;}
.story-content h4::after{content:"";position:absolute;width:100px;height:3px;background:#2D99CD;left:0px;bottom:0px;}
.story-content h6{font-size: 20px;}
.story-content p{font-size: 16px; line-height: 26px; color:#000}
.partner .story-content h4::after{right:0px;margin:auto;}
.homeservice .story-content h4::after{right:0px;margin:auto;} 
.news-letter-banner .story-content h4::after{right:0px;margin:auto;} 

.story-img img{border-radius:12px;}
.found-content{max-width: 800px;margin: auto;}
.found-content h4{font-size: 30px;line-height: 40px;font-weight: 400;}
.found-content ul li span{padding: 0 4rem; margin-top: 5px;display: inline-block;}
.upd-right p{margin: 0;display: inline-block;vertical-align: middle;font-size: 17px;} 
.upd-left h4{color: #FFF;font-size: 17px;text-transform: capitalize;display: inline-block;vertical-align: middle;}
.upd-left{min-width: 250px;}
.service-card h4{padding-left:25px;position:relative;/* position: absolute; */z-index: 9999;bottom: 0;left: 0;color: #000;background: #fff;text-align: center;margin-top: 10px !important;}
/*.home-service-list a:hover::after{content: "";position: absolute;background:rgba(0,0,0,1);z-index: 99;top: 0px;left: 0;width: 100%;height: 100%;    opacity: 0.2;*/
/*}*/
.service-card{position:relative;z-index:999;}
.home-service-list{padding-left:0px !important;}
.home-service-list li{list-style:none;}
.home-service-list a{ float:left;position:relative;z-index:999;width:100%; height:100%;}
.service-card::after{content: "";position: absolute;background:rgba(0,0,0,1);z-index: 99;top: 0px;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 0.3s ease;}
.service-card:hover::after{opacity: 0; }
.service-card h4::before, .news li::before{content:"";display: inline-block;position: absolute;vertical-align: middle;margin-right: 5px;background:url(../media/icons/serv.svg);width: 16px;height: 16px;background-size: 100%;left: auto;background-repeat: no-repeat;margin-left: -22px;margin-top: 4px;}
.update-card{border:1px solid #D9D9D9}
.news-letter-banner{background:#3a9acd;}
.footer-title h4{font-weight: 300;font-size: 18px;color: #fff;}
.footer-title a{font-weight: 300;font-size: 16px;color: #fff;}
.footer-top ul li h6{color:#fff;font-size: 15px;font-weight: 200;}
.social-icons i{color: #fff;font-size: 16px;}
footer{background-color:#000;}
.news{display: flex; transform: translateX(-781px); animation:  scroll 30s infinite linear;}
.news li{white-space: nowrap; padding:0 15px;position: relative;display: flex;}
.news li p{margin: 0;}
.inner-banner{width:100%; padding: 4em 0px; background:#3a9acd;float: left; }
.inner-banner h2{text-transform: uppercase;color: #fff; font-weight: 600; font-size: 36px; margin-bottom: 0px; line-height: 0px;}
.found-content p{font-size: 16px; font-weight: 400;}
.followus {float:right;}
.followus h6{color:#fff;}
.followus ul li{list-style:none;}

.inner-contenet{padding: 3em 0px ;width: 100%; float: left;}

.no-data{width:100%;text-align:center;padding:3em 0px;}

.service-item{padding:1em; border: 1px solid #ccc;border-radius: 12px; margin-bottom: 2em;}
.service-content{min-height: 175px;height:auto;}
.service-content h4{font-size: 24px;}
.service-item a{color:#000;}
.service-img img{border-radius: 12px;}
.contactpage h2{font-size: 24px; font-weight:bold;text-transform:uppercase;}
.contact-form .form-control{border-radius:0px;box-shadow:0px 0px 0px 0px;font-size:13px;padding:10px;border:0px; border-bottom:1px solid #ccc;}
.contact-form .input-group-text{border-radius:0px;;border:0px; border-bottom:1px solid #ccc;background:none;padding-left:0px;}
.contact-form .btn-primary{float:right;padding:10px 25px;min-width:160px; float:right;background:#3a9acd;border:0px;}
.contact-form  i{color:#3a9acd;}
.contact-info{float: left;padding: 2em;background: #efefef;width: 100%;height: 100%; border: 1px solid #efefef;}
.contact-info i{color:#3a9acd;padding:10px;border:dashed 1px  #3a9acd;font-size:20px;width:40px;height:40px;text-align:center;display: flex;float: left;margin-right: 10px;}
.contact-form{    padding: 2em;
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    border-left: 0px;}
    .career-form{ border: 0px solid #ccc;padding:10px 0px}
    .career-form .form-control{padding:10px 0px;border:0px; border-bottom:1px solid #ccc;}
.contact-form .form-label{display:none;}
.pl0{padding-left:0px;}
.pr0{padding-right:0px;}

.swiper.myPartner {display: flex;justify-content: center;align-items: center;}
.swiper.myPartner .swiper-wrapper {text-align: center;margin: 0 auto;float: none;display: block;}
.swiper.myPartner .swiper-slide {display: inline-block;}

@keyframes scroll {
  from{
    transform: translateX(100%);
  }
  to{
    transform: translateX(-731px);
  }
  
}
.owl-theme .owl-controls .owl-nav [class*=owl-]{    margin: 5px 0px 0px 5px;background:none !important;}
.owl-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;position: absolute;
    right:0px;width:100%;top:20%;
}

.owl-nav {
    display: flex;
    align-items: start;
    float: right;
}

.owl-prev, .owl-next {
    width: 30px;
    line-height:18px; padding:5px 0px;background:none;margin-right:0px;
}
.owl-prev{float: left;
    position: absolute;
    left: -50px;
    top: 35px;;}
.owl-next {float: right;
    position: absolute;
    right: -25px;
    top: 35px;}
.owl-prev i, .owl-next i {
font-size: 30px;
    line-height: 20px;color:#000;
}
.myPartners{padding-left:0px;}
.myPartners li img{padding:10px;border: 1px solid #efefef;border-radius: 3px;}
.myPartners li{list-style:none !important;}
.myPartners .owl-prev{top:10px !important;}
.myPartners .owl-next{top:10px !important;}
.ask-btn{background:none;padding:15px 20px;min-width:200px;text-align:center;font-weight:600!important;color:#fff; border-radius:40px;font-family: 'Gotham'; border:2px solid #fff;}
 .pull-right{float:right ;}
@media (max-width: 768px) {
     .col-2{width: 100%}
      .col-4{width: 100%}
     .col-5{width: 100%}
    .col-6{width: 100%}
    .col-7{width: 100%}
    .col-8{width: 100%}
    .col-9{width: 100%}
    .swiper{height: auto;}
    .section-wrap{padding: 1em 0px;}
    .navbar-brand img{height: 44px;}
    .my-5{margin-top: 5px !important; margin-bottom: 5px !important;}
    .header-top{display: none;}
    .swiper-content h4{margin-top: 5%; font-size: 20px; line-height: 26px;}
    .story-content h4{font-size: 20px !important;}
    .service-card h4{font-size: 20px;}
    .inner-banner{padding: 2em 0px;}
    .inner-banner h2{ font-size: 20px; line-height: 20px;}
    .service-content{height: auto;}
    .service-item{margin-bottom: 1em; padding: 0.5em;}
   .followus{float:left !important;}
   .owl-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
     right: auto; 
    width:100%;
     top: auto; 
     left: auto; 
     margin: 0 auto; 
}
.mpy-4{padding-top: 1.5rem !important;}
}