/*font-family: 'Poppins', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*
==========================================
    Reset Css
==========================================
*/
body { 
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}
img { 
    max-width: 100%
}

html,
body{
	height:100%;
}
ul {
    margin: 0;
    padding: 0;
}
 ul li {
    list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}
a:hover, a:visited, a:link, a:active {
    text-decoration: none!important;
	outline: none;
}
.bg-blue{
    background:#125896;
}
.bg-blue-dark{
    background: #0b4a82;
}
.bg-blue-3{
    background: #084e8d;
}
.text-color-white{
    color: #fff;
}
.text-color-blue{
    color: #1d5b9a;
}
.text-color-black{
    color:#000;
}
.margin-container-fluid{
    margin:0 150px;
}
@media only screen and (max-width:1200px){
    .margin-container-fluid{
        margin:0px;
    }

}
@media only screen and (max-width:768px){
    br{
        display: none;
    }
}

/*
==========================================
    top section Css
==========================================
*/
.top-section-space{
    margin:0 70px;
}
@media only screen and (max-width:1200px){
    .top-section-space{
        margin:0px;
    }

}
.section-top-style{
    padding: 70px 0;
}
.top-section-box{
    border-radius: 20px;
    padding: 70px 70px 170px 70px;
    height:100%;
}

.top-section-box img{
    padding-bottom: 20px; height:85px;
}
.top-section-box h2 {
    font-weight: 700;
    font-size: 1.7em;

}
.top-button{
    padding: 20px 40px;
    text-transform:uppercase;
    margin-top: 0px;
    font-weight: 500;
    margin-bottom: 60px;
    border-radius: 15px;
    background:#125896;
    color: #fff;
    
}

@media only screen and (max-width:768px){
    .top-section-box{
        border-radius: 20px;
        padding: 50px 50px 150px 50px;
        height:100%;
    }
   .top-section-box h2 {
    font-weight: 600;
    font-size: 1.2em !important;
    line-height: 26px !important;
}
    .top-button{
        padding: 15px 30px;
        margin-bottom: 40px;
    }

}

@media only screen and (max-width:768px){
    .top-box-space-mobile{
        margin-bottom: 30px;
    }
    .top-section-box img{
        width: 25%;
    }

}
@media only screen and (min-width:1300px) and (max-width:1864px){
    .top-button{
        padding: 15px 30px;
        font-size: 1.1em;
        
    }
}
@media only screen and (min-width:1725px) and (max-width:1864px){
    .top-section-box h2 {
        font-weight: 700;
        font-size: 1.5em;
    
    }
}
@media only screen and (min-width:1545px) and (max-width:1725px){
    .top-section-box h2 {
        font-size: 1.3em;
    
    }
    .top-section-box{
        padding: 60px 60px 150px 60px;
    }
    .top-button{

        margin-bottom: 50px;

    }

}
@media only screen and (min-width:1300px) and (max-width:1544px){
.top-section-box h2 {
    font-size: 1.3vw;
    line-height: 1.5;
}
    .top-section-box{
        padding: 50px 50px 130px 50px;
    }
    .top-button{

        margin-bottom: 50px;
        padding: 14px 30px;
        font-size: 0.9em;

    } 


    
}

@media only screen and (min-width:993px) and (max-width:1299px){
    .top-section-box h2 {
        font-size: 1.1em;
    
    }
    .top-section-box{
        padding: 50px 50px 130px 50px;
    }
    .top-button{
        padding: 12px 28px;
        font-size: 0.8em;
    }
    .top-button{

        margin-bottom: 50px;

    } 
    .top-section-box img{
        width: 40%;
    }
   
    
}
@media only screen and (min-width:769px) and (max-width:993px){
    .top-section-box h2 {
        font-size: 1.2em;
    
    }
    .top-section-box{
        padding: 40px 40px 120px 40px;
    }
    .top-section-box h2 br{
        display: none;
    }
    .top-button{
        padding: 12px 25px;
        font-size: 0.8em;
        margin-bottom: 40px;

        
    }
    .top-section-box img{
        width: 25%;
    }
    .top-section-box img{
        width: 40%;
    }

    
}

@media only screen and (min-width:992px) and (max-width:1090px){
    .top-section-box h2 br{
        display: none;
    }
}

@media only screen and (min-width:1201px) and (max-width:1229px){
    .top-section-box h2 br{
        display: none;
    }
}


/*
==========================================
    who we are section Css
==========================================
*/
.main-content-section{
    padding: 140px 0;
}

.main-content-text-space{
    padding-left:70px
}
.main-content-section h2 { 
    font-size: 3em;
    font-weight: 300;
    line-height:1.5em;
}
.main-content-section span{
        font-weight: 800;
 }
 .main-content-section h6{
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
 }
 @media only screen and (max-width:991px){
    .main-content-section{
        padding: 70px 0;
    }
    .main-content-text-space{
        padding-left:10px
    }
    .main-content-section img{
        margin-bottom: 50px;
    }
    .main-content-section h2 { 
        font-size: 2em;
    }
}
@media only screen and (min-width:992px) and (max-width:1600px){
    .main-content-section h2 { 
        font-size: 2.2em;
    }

}
@media only screen and (min-width:992px) and (max-width:1400px){
    .main-content-text-space{
        padding-left:20px
    }
    .main-content-section{
        padding: 150px 0;
    }
   
    
}
/*
==========================================
    map section Css
==========================================
*/

.map-image-text {
    position: relative;   
    z-index: 1;  
  }
  
.map-content-img {
    position: absolute;
  top: 8px;
  left: 16px;
  color:#000;
  } 
  
  .map-head-bottom{

  }
  .map-head-bottom h3{
        font-size: 4em;
        font-weight: 800;
        color:#045699;
        width: 85%;
  }
  .map-head-bottom h3 span{
    color:#8d8d8d;
  }
  .hs-tooltip ul li{ 
    font-family: 'Poppins', sans-serif;

  }
  .hs-tooltip h4{ 
    font-family: 'Poppins', sans-serif;
    font-size: 1.6em;
    color: #1d5b9a;
    font-weight: 800;
    margin-bottom: 10px;

  }

  @media only screen and (max-width:1200px){
    .map-head-bottom h3{
        font-size: 2.5em;
        width: 100%;
  }
  }
  @media only screen and (max-width:768px){

    .hs-tooltip h4{ 
        font-size: 1.5em;
        font-weight: 700;
    
      }
}
  @media only screen and (max-width:1600px){

        .map-head-bottom h3 br{
            display: inline;
        }
  }


/*
==========================================
    latest container section Css
==========================================
*/
.main-content-box-section{
    padding: 50px 0;
}
.main-content-box-section{

}
.main-content-box-section a{
    color: #000;
    font-size: 1.2em;
    font-weight: 500;
}
.main-content-box-section a i{
    padding-left: 30px;
}
.main-content-box-section a:hover{
    color:#1d5b9a;
}
.container-model-box {
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 6px 6px 0px -1px rgba(217,214,217,0.4);
    -moz-box-shadow: 6px 6px 0px -1px rgba(217,214,217,0.4);
    box-shadow: 6px 6px 0px -1px rgba(217,214,217,0.4);
    padding: 40px;
    margin-top: 50px;
    margin-bottom: 30px;
}
.container-model-box h3{
    font-size: 1.5em;
    font-weight: 600;
}
.container-model-box ul {
    margin-bottom: 30px;
    margin-top: 20px;
}
.container-model-box ul li{
    background-color:#efefef;
    margin-right: 10px;
    padding: 5px 10px;
    font-weight: 600;
}
.container-model-box a i{
    padding-left: 20px;
}
.container-model-box a {
    color: #000;
    font-size: 1em;
    font-weight: 600;
}
@media only screen and (max-width:1300px){
    .container-model-box h3{
        font-size: 1.2em;
        font-weight: 600;
    }
    .container-model-box ul li{

        padding: 5px 10px;
        font-weight: 600;
        font-size: 1em;
    }
}
@media only screen and (min-width:768px) and (max-width:1016px){

    .container-model-box {

        padding: 10px;

    }
    .container-model-box ul li{
        padding: 5px 7px;
        font-size: 1em;
    }
    
}
@media only screen and (min-width:1200px) and (max-width:1300px){

    .container-model-box {

        padding: 25px;

    }
}

/*
==========================================
    why choose section Css
==========================================
*/
.section-content-3{
    padding:150px 0;
    background-image:url(../images/d.png) ;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: 0 68%;
    background-position-x: -57%;
}
.section-content-3 h2{
    font-weight: 300;
    font-size: 3em;
}
.section-content-3 h2 span{
    font-weight: 700;
}
.section-content-3 h3{
    color:#a9daff;
    line-height: 1.4;
    margin:30px 0 10px 0;
    font-weight: 600;
    font-size: 1.5em;
}

.supertainer-spacer-large { width: 100%; height:40px;}
@media only screen and (max-width:991px){
    .section-content-3 h2{
        font-size: 2em;
        margin-bottom: 10px;
    }
    
    .section-content-3 img{
        margin-top: 80px;
        width: 15%;
    }
    .section-content-3 h3{
        font-size: 1.5em;
        margin:15px 0;
    }
    .section-content-3{
        padding:100px 0;
        background-image:none ;

    }
    .supertainer-spacer-large { width: 100%; height:0px;}
}

@media only screen and (min-width:1200px) and (max-width:1500px){
    .section-content-3 h3{
        font-size: 1.2em;
    }
}
@media only screen and (min-width:1501px) and (max-width:1600px){
    .section-content-3 h3{
        font-size: 1.3em;
    }
}
@media only screen and (min-width:1200px) and (max-width:1346px){
    .section-content-3 h2{
    font-size: 2em;
}
}
@media only screen and (min-width:992px) and (max-width:1200px){
    .section-content-3 h3{
        font-size: 1.6em;
    }
    .section-content-3{
        background-size: 60%;
        background-position: 0 55%;
        background-position-x: -57%;
    }
}
/*
==========================================
    Subscribe our Newsletter section Css
==========================================
*/
.section-footer-top{
    padding: 100px 0 50px 0;
}
.section-footer-top img{
    width: 40%;
}
.section-footer-top h5{
    font-weight: 600;
}
.section-footer-top p{
    margin-top: 10px;
}
.email-sub-bg{
    background-color: #f1f1f1;
    padding:10px 20px;
    display: flex;
    margin-top: 30px;

}
.email-sub-bg .form-control{
    background-color: #f1f1f1;
    border: 0;
    
}
.email-sub-bg h5{
    padding-top: 7px;
    
}
.row-space{
    padding-left: 10px;
}
@media only screen and (max-width:992px){

    .email-sub-bg h5{
        font-size: 1em;
        
    }
   
}
@media only screen and (max-width:768px){
    .section-footer-top img{
        width: 70%;
        margin-bottom: 40px;

    }
}
@media only screen and (min-width:769px) and (max-width:992px){
    .section-footer-top img{
        width: 50%;
        margin-bottom: 40px;

    }
}
    @media only screen and (min-width:993px) and (max-width:1200px){
        .section-footer-top img{
            width: 60%;
    
        }
}

/*
==========================================
   footer section Css
==========================================
*/
.border-bottom-footer{
    border-top: 1px solid #2e2e2e;
    padding: 100px 0;
}
footer{padding:0 0 0px 0;
color: #333333;}
footer a{
    color: #444444;
}
footer h5{
    font-weight: 600;
    font-size: 1.2vw;
    margin-bottom: 15px;
}
footer h6{
    font-weight: 600;
    font-size: 0.9vw;
    margin-bottom: 10px;
}
footer h4{
    font-weight: 600; font-size:1.2vw;
    margin-top: 25px;
    margin-bottom: 10px;
}
footer p{
    font-size: 0.9vw;
    padding-bottom: 10px;
}
footer ul li{
    padding-bottom: 10px;
}
footer ul li a{
    font-weight: 400;
    font-size: 0.9vw;
}
.supertainer-spacer-footer { display: none;}
.footer-bottom {
    background-color: #f6f6f6;
    padding: 30px 0;
    color: #333333;
}
.footer-bottom ul li{
    padding-right: 20px; font-size:0.9vw;
}

.footer-bottom p {font-size:0.9vw;}

@media only screen and (max-width:579px){
.footer-content-respo{
    margin-top: 20px;
}
footer h5{
    font-size: 1.2em;
}
footer ul li a{
    font-weight: 400;
    font-size:3.3vw;
}
footer p{
    font-size: 3.3vw;
}
footer h6{
    font-size: 3.6vw;
}
.footer-bottom ul li{
    font-size:3.3vw;
}
.footer-bottom p {font-size:3.3vw;}
footer h4{
    font-size:3.5vw;
}
.supertainer-spacer-footer { width: 100%; height:50px; display: inline;}
}

@media only screen and (min-width:580px) and (max-width:768px){
    footer ul li a{
        font-size:2.5vw;
    }
    footer p{
        font-size: 2.5vw;
    }
    .footer-bottom ul li{
        font-size:2vw;
    }
    .footer-bottom p {font-size:2vw;}
    footer h5{
        font-size: 1.2em;
        margin-bottom: 20px;
    }
    footer h6{
        font-size: 2.8vw;
    }
    footer h4{
        font-size:3.5vw;
    }
    .supertainer-spacer-footer { width: 100%; height:50px; display: inline;}

}

@media only screen and (min-width:992px) and (max-width:1450px){

    footer h4{
        font-weight: 700;
        font-size: 1.2em;
    }
    
    
}

.why-choose img { height:70px;}


/*
==========================================
   about section Css
==========================================
*/

.page-side-menu li a:hover::after { width:100%;}
.page-side-menu li a {
    padding: 15px 0;
    list-style: none;
    border-bottom: solid 1px #DDD;
    width: 100%;
    float: left;
    text-decoration: none !important;
    color: #000;
    position: relative;
    
}
.page-side-menu li a::after {
    width: 0%;
    height: 1px;
    background: #4588b5;
    content: '';
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out; 
transition: all 0.5s ease-in-out;
}

.page-side-menu li::marker { display:none !important; color:#FFF;}
.page-side-menu { padding:0;}
.thought-head-1 {
    text-transform: none;
    font-size: 1.2vw;
    letter-spacing: 0;
    color: #000;
}
.thought-head-2 {
    text-transform: uppercase;
    font-size: 1vw;
    letter-spacing: 0;
}
.thought-head-3 {
    text-transform: none;
    font-size: 4em;
    color: #FFF;
    line-height: 1.1;
    text-align: left;
    letter-spacing: -0.3px;
    width: 70%;
}

.thought-head-5 {
    text-transform: none;
    font-size: 2em;
    color: #FFF;
    line-height: 1.1;
    text-align: left;
    letter-spacing: -0.3px;
    width: 100%;
}
.thought-head-4 {
    text-transform: none;
    font-size: 1.5em;
    color: #000;
    line-height: 1.1;
    text-align: left;
    letter-spacing: -0.5px;
    margin: 25px 0 10px 0;
}
 .small-para p {font-size: 0.9vw; line-height:1.5; color:#000;}
 .thoughts-spacer { width:100%; height:50px;}
 .top-border { border-top:solid 1px #DDD; padding-top:25px;}
 .about-sections .col-md-6 { padding-bottom:50px;}
 .thoughts-about-featured-bg { padding:150px 0 !important;}






.ginput_container_text .large { border:solid 1px #CCC;}
.ginput_container_email .large { border:solid 1px #CCC;}
.big-para{font-size: 1vw; line-height:1.5; color: #000;

}
.contact-form-margin{
    margin:0 30px;
}
.about-margin-space{
    margin-left: 15px;
}
.about-margin-space-2{
    margin-right: 15px;
}
.about-margin-pargra{
    width: 100%;;
    height: 20px;
}
.about-margin-pargra-2{
    width: 100%;
    height: 20px;
}

@media only screen and (max-width:1200px){
    .contact-form-margin{
        margin:0 0px;
    }
    .about-margin-space{
        margin-left: 0px;
    }
    .about-margin-space-2{
        margin-right: 0px;
    }
}
.contact-form-head-space{
    width: 100%;
    height: 50px;
}

@media only screen and (max-width:579px){
    .big-para{font-size:3.3vw; }
    .small-para p {font-size:3.3vw; }
    .thought-head-1 {
        font-size:4vw;
    }
    .thought-head-2 {
        font-size: 3.7vw;
        margin-bottom: 20px;
    }
}
@media only screen and (min-width:580px) and (max-width:768px){
    .big-para{font-size:2.5vw; }
    .small-para p {font-size:2.5vw; }
    .thought-head-1 {
        font-size: 3vw;
    }
    .thought-head-2 {
        font-size: 2.9vw;
        margin-bottom: 20px;
    }

}