/*---------------------------------------

  RESPONSIVE STYLES               

-----------------------------------------*/

@media screen and (min-width: 1600px) {

  .hero .container {

    height: 740px;

  }

}

@media (max-width:1025px){

  .serve_wrapper .nav-tabs .nav-link {

    padding: 0.5rem 1.8rem;

}



 .serve_wrapper .nav-tabs .nav-link {

    padding: 0.5rem 1.8rem;



}

.navbar-nav .nav-link {

  font-size: 11px;



}

#survey-form * {

  font-size: 15px;

}

}

@media screen and (max-width: 991px) {

  body {

    padding-top: 0px;

  }



  h1 {

    font-size: 38px;

  }



  h2 {

    font-size: 32px;

  }



  h3 {

    font-size: 26px;

  }



  h4 {

    font-size: 24px;

  }



  h5 {

    font-size: 20px;

  }



  h6 {

    font-size: 18px;

  }



  .section-padding {

    padding-top: 5rem;

    padding-bottom: 5rem;

  }

    .slick-prev {

  left: 45%;

  text-align: left;

}

.slider {

  z-index: 0;

}

.cpy-right-foot .mt-5{
  margin-top: 0!important;
}

.slick-next {

  right: 45%;

  text-align: right;

}

.owl-item .item {
    transform: translate3d(0, 0, 0);
    // transform: scale(0.9);
    // transition: all .25s ease-in-out;
    margin: 96px 66px 53px;
}

  .section-padding{

  width:100%;

  margin: 0 auto;

  padding:25px 0;

  }

  .section-padding .percent_text_bdr {

    position: relative;

    margin-top: 30px;

    margin-bottom: 30px;

    text-align: center;

  }

  .navbar-brand {

    color: var(--primary-color);

    font-size: var(--h5-font-size);

    font-weight: var(--font-weight-bold);

    margin: 0 30px;

     padding: 5px; 

    text-align: center;

}



  .navbar {

    padding-top: 20px;

    padding-bottom: 20px;

    background-color: #fff;

  }



  .navbar-nav .nav-link {

    padding-top: 5px;

    padding-bottom: 10px;

  }



  .hero .container {

    height: inherit;

  }



  .heroText {

    position: relative;

    bottom: 155px;

    /* left: 0; */

    /* width: 60%; */

    right: auto;

    width: 60%;

    margin-bottom: -100px;

    padding: 2rem;  }





  .featured-circle {

    width: 320px;

    height: 320px;

  }

  .hero {

    padding-top: 0rem;

     margin-top: 0px; 

  }

  .section-padding .percent_text {

     padding: 10px 30px 0px 0px; 

    font-weight: 600;

    text-transform: capitalize;

    color: #00419e;

    font-size: 23px;

  }

    .percent_blw_txt p {

    color: #00419e;

    padding: 10px 10px;

    font-size: 22px;

    font-weight: 500;

  }

  .d-flx{

    display: block;



  }

  .percent_text_bdr::before {

    content: '';

    position: absolute;

    background-color: #00419e;

    width: 100%;

    height: 5px;

    bottom: 0px;

    left: -3px;

    top: -6%;

    }

    .percent_text_bdr::after {

    content: '';

    position: absolute;

    background-color: #00419e;

    width: 100%;

    height: 5px;

    bottom: -18px;

    left: -3px;

    }

    .about_bg {

    background-image: url(../images/about/about_home_bg.jpg);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    height: auto;

    padding: 30px;

    }

    .solution-items {

    background-color: #004263;

    text-align: center;

    border-radius: 40px;

    margin-top: 10px;

    }

    .hero .container-fluid {

    position: relative;

    overflow: hidden;

    height: auto;

    }

    .section-padding .percent_text {

        padding: 10px 30px 0px 0px;

    font-weight: 500;

    text-transform: uppercase;

    color: #00419e;

    font-size: 13px;

    margin-top: 125px;

    }



    .line-heading  {

  text-align:center;

  position: relative;

  text-transform:uppercase;

  font-size:35px; 

  letter-spacing:1px;

  grid-template-columns: 1fr auto 1fr;

  grid-template-rows: 16px 0;

  grid-gap: 22px;

      width: auto;

    clear: both;

    margin: auto;

    margin-top: 50px!important;

}

.banner_section img {

  height: auto!important;

  object-fit: cover;

}



.heroText h3 {

  font-size: 1.6rem;

  }

  .hero img{

    margin-top:0px;

    height: auto!important;

  }

  .green_hed {
    height: 20vh!important;
   }

  .gt2 {
    height: 15vh!important;
  }

  .about_bg1.mt-4{
    margin-top: 0px!important;
  }




}

/*end 991*/

@media  (max-width:820px){

  .top_header{

    display:none;

  }

  .nav_logo {

    width: 180px;

    height: auto;

    margin: 0;

}



.navbar-toggler{

  margin-right:25px;

}



.navbar-nav .nav-link {

  font-size: 16px;

}

/*.screenshot_slider button.owl-next {

   right: -5%;

 }

 .screenshot_slider button.owl-prev {

  left: -5%;}*/

  .screenshot_slider .owl-item .item .leader_item {

    width: 90%;

    margin: auto;

}

 .testimonial-content{

  width: 66%;

  margin: auto;

 }

}

@media screen and (max-width: 767px) {

  .heroText {

    padding: 1.5rem;

  }

  .heading{
     text-transform: uppercase;
     color: #00924e;
     margin-block: 10px!important;
     text-align: center;
     font-weight: 800;
  }

  .blog_list .my-5{
    margin-top: 10px!important;
  }

  .bg-solution .mb-5 {
    margin-bottom: 0rem !important;
  }

  .bg-solution .mt-5 {
    margin-top: 0rem !important;
  }

  .slick-list {
    padding: 20px 60px 50px 60px!important;
  }

  .foot-logo .p-3{
    padding: 0!important;
  }

  .cover-wrapper {
    padding: 10px 75px 20px 75px;
  }

  .fa-chevron-right {
    width: 0px!important;
    height: 170px!important;
    /* background-color: yellow; */
    position: relative;
    top: -117px;
}

  .blog_wrap .my-5{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; 
  }

  .slick-prev {

  left: 42%;

  text-align: left;

}



.slick-next {

  right: 42%;

  text-align: right;

}

.line-heading{

  display:inline-flex;
  font-size: 25px;
}

  .main-banner .owl-theme .custom-nav {
    position: relative;
     top: 0; 
    /* width: 100%; */
    /* background-color: grey; */
    left: 0;
    right: 0;
    z-index: 9;
   }
.sol_wrap {
    padding: 20px!important;
}

.left_second_col {
    /* background: beige; */
    padding:0!important;
    border-radius: 10px;
}

.left_second_col p {
    font-size: 18px;
    text-align: justify;
}
  

  .testimonial-content{

    width: 100%;

    margin: auto;

   }

.top_header{

  display:none;

}

  .heroText {

    position: relative;

    bottom: 100px;

    left: 0;

    width: 60%;

    margin-bottom: -100px;

    /* padding: 2rem; */

  }

  .animated-info {

    min-width: 125px;

  }



  .featured-circle {

    margin-top: 20px;

  }



  .reviews-carousel .owl-nav {

    position: relative;

    width: auto !important;

    transform: inherit;

    top: 0;

    bottom: 0;

    left: 0;

    max-width: 100px;

    margin: 20px auto;

  }



  .reviews-carousel .owl-nav .owl-prev,

  .reviews-carousel .owl-nav .owl-next {

    right: 0;

    left: 0;

  }



  .hero .container-fluid {

    position: relative;

    overflow: hidden;

    height: 450px;

    }

   .heroText h3 {

    font-size: 16px!important;

  }

  .abt_head {

    color: #00d988;

    font-size: 20px;

    max-width: 100%;

    text-transform: uppercase;

    text-align: center;

    }

   .abt_cntnt {

    color: #fff;

    max-width: 100%;

    text-align: justify;

    font-size: 22px;

    }

   .text-explore-center{

    text-align: center;

   }

   .screenshot_slider .owl-item.center .item .leader_item {

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.2);

    }

    .screenshot_slider .owl-nav {

    text-align: center;

    margin-top: -17px;

    }

    .client-inners {

    border: 1px solid #ccc;

    height: auto;

    text-align: center;

    padding: 20px;

    background-color: #e7e7e7;

    }

    

   .section-padding .percent_text {

    padding: 10px 30px 0px 0px;

    font-weight: 500;

    text-transform: uppercase;

    color: #00419e;

    font-size: 21px;

    margin-top: 0px;

   }

  .hero {

    padding-top: 0rem;

     margin-top: 0px; 

  }

  .foot-arrow {

    height: 0px;

    width: 0px;

    position: relative;

    border-right: 60px solid transparent;

    border-left: 60px solid transparent;

    border-top: 50px solid #00bf8b;

    left: 33%;

    text-align: center;

}



.line-heading:after {

  content: " ";

  border-bottom: 4px solid #006899;

  background-color:transparent;

  width: 60px;

    position: absolute;

    right: -90px;

    top: 18px;

    display: none;

}



.line-heading:before {

  content: " ";

  border-bottom: 4px solid #00bf8b ;

  background-color:transparent;

  width: 60px;

    position: absolute;

    left: -90px;

    top: 18px;

    display: none;

}



.logo-end-footer{

  text-align: center!important;

}

.bdr-lft {

    position: relative;

    text-align: center;

    padding-bottom: 10px;

    padding-top: 0px!important;

}

    

.foot_icon a{

  font-size: 16px;

}

.social_width1 {

  width: 20px;

  height: 20px;

}

.h-30{

  height: 20px;

}

.foot_icon span{

  font-size: 16px;

}



.main-banner .owl-slider .item img {

    height: 250px;

}



.solution-items {

    background-color: #004263;

    text-align: center;

    border-radius: 40px;

    transition: transform .8s;

    height: auto;

}



 .mobile_custom_margin{

    margin-top:0px!important;

}

  #survey-form * {

    font-size: 14px;

}

  

  .padding_mobile{

    padding:0!important;

  }

  .solution_main_heading{

    margin-block: 0px!important;

  } 

  .sol_wrap  .block{

  width: 100%!important;

  height: auto!important;

  margin: auto!important;

  }

  .th_head{

    margin-bottom: 40px;

  }

  .sol_wrap .ps-5{
    padding-left: 10px !important;
  }

  .sol-right-col {
    padding: 40px 0px 0px 0px!important;
    margin: auto;
  }

  .d-none-mob{
    display: none!important;
  }

  .sol_wrap .mt-5{
    margin-top: 0!important;
  }

  .green_hed {
    height: 55vh!important;
  }

  .gt2 {
    height: 30vh!important;
  }

  .hdr_cntct h5 {
    font-size: 17px!important;
    padding: 5px;
    color: #00b1a3;
  }

  .hdr_cntct {
    
    display: block;
    
  }

  .contact_details h2 {
    font-size: 20px!important;
  }

  .item.slick-slide.slick-center .why-item .why-item-heading {
    font-size: 17px!important;
  }

}

/*767 end*/





/*676*/

@media screen and (max-width: 676px) {

.main-banner .owl-slider .item img{

  height: 195px;

}

.why_txt{
    font-size: 20px!important;
    margin-top: 15px!important;
}

#multi-select-plugin-label{
  font-size: 13px;
}

.green_text_li:last-child {

  padding: 48px 37px!important;

}

.blog_detail_content h3 {
    font-size: 20px!important;
    color: green;
}

#title {
    margin: 0;
    text-align: center;
    font-family: 'gotham_roundedbook';
    font-size: 26px!important;
    text-transform: uppercase;
    color: var(--color-3);
    font-weight: 600;
}

.main-banner{

  margin-top: 0px;

}

.grey_text {

  padding: 9px 28px!important;

}

.main-banner .owl-theme .owl-dots, .owl-theme .owl-nav {

    text-align: center;

    -webkit-tap-highlight-color: transparent;

    position: relative;

    bottom: 0;

}



.main-banner .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #00aea0;

}



.main-banner .owl-theme .owl-dots .owl-dot span {

    width: 15px;

    height: 15px;

    margin: 5px 7px;

    background: #D6D6D6;

    display: block;

    -webkit-backface-visibility: visible;

    transition: opacity .2s ease;

    border-radius: 30px;

}



.main-banner .owl-theme .custom-nav .owl-prev i, .owl-theme .custom-nav .owl-next i {

    font-size: 2.5rem;

    color: white;

    text-shadow: 2px 2px 3px black;

    display: none;

}



.fa-chevron-left {

     width: 100%; 

    height: 170px;

    /* background-color: yellow; */

    position: relative;

    top: -117px;

}



.dott-bdr-right::before {
    content: ' ';
    border-bottom: 2px dotted #003046;
    border-right: none;
    height: 0px;
    width: 100%;
    position: absolute;
    left: 0;
    /* top: 0; */
    bottom: 67px;
    /* display: none; */
}



.text-strut {

    /*right: 0;*/

     left: 0; 

    top: -116px;

    margin-top: 50px!important;

    float: left;

}



.text-strut2{ margin-top:-128px !important; }



.bg-solution {

    background-image: url(../images/solutions/solution_bg.jpg);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding: 20px 0px!important;

    margin-top: 48px!important;

}

.text-org {

    margin-top: 0px;

}



.text-org t1{ float: left; width:100%; }



.letterDrop {

    position: relative;

    top: -40%;

    display: inline-block;

    text-transform: uppercase;

    /* letter-spacing: 5px; */

    opacity: 0.8;

    transform: rotateX(-90deg);

    font-size: 18px;

    animation: letterDrop 1.2s ease 1 normal forwards;

    text-align: center;

    line-height: 40px;

    color: #00aea0;

}



.certificate .owl-item .item .leader_item img {

    display: block;

    width: 85%;

    height: 150px;

    object-fit: contain;

    margin: auto;

}



.item.slick-slide.slick-center .why-item {

    background-color: #009672 !important;

    border-radius: 0;

    height: 400px;

    text-align: center;

    padding: 22px;

}



.item.slick-slide .why-item {

    background-color: #c4ece2 !important;

    border-radius: 0;

    height: 400px;

    text-align: center;

    padding: 22px;

    color: #fff;

    position: relative;

    -webkit-box-shadow: 0px 0px 8px 2px rgb(109 161 151 / 60%);

    box-shadow: 0px 0px 8px 2px rgb(109 161 151 / 60%);

}



.client-sec .line-heading {

    text-align: center;

    position: relative;

    text-transform: uppercase;

    font-size: 26px;

    letter-spacing: 1px;

    grid-template-columns: 1fr auto 1fr;

    grid-template-rows: 16px 0;

    grid-gap: 22px;

    width: auto;

    clear: both;

    margin: auto;

    margin-top:0px!important;

}

/*.client-sec .owl-nav{display: none;}*/

.client-sec .owl-dots{display: none;}

.client-sec .owl-prev img {

    position: absolute;

    left: -38px;

    top: 50%;

    margin-top: -30px;

}



.client-sec .owl-next img {

    position: absolute;

    right: -38px;

    top: 50%;

    margin-top: -30px;

}



#main-nav .logo {

    padding: 20px 0px;

}



#main-nav #bun {

   

    right: 16px;

    top: 14px;

    

}



.nav_logo {

    width: 120px;

    height: auto;

    margin: 0;

}

}



@media screen and (min-device-width: 550px) and (max-device-width: 676px) {

.main-banner .owl-slider .item img{

  height: 280px;

}

.hgt {
    height: 130vh;
}



}



@media screen and (min-device-width: 677px) and (max-device-width: 767px) {

.main-banner .owl-slider .item img{

  height: 350px;

}



.bg-certification {

    background-color: #0b4556;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    min-height: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}



.bdr-lft::before {

    content: ' ';

    position: absolute;

    width: 4px;

    height: 85px;

    background-color: #00bf8b;

    left: -25px;

    display: none;

    top: 34px;

}



.main-banner .owl-theme .owl-dots, .owl-theme .owl-nav {

    text-align: center;

    -webkit-tap-highlight-color: transparent;

    position: relative;

    bottom: 30px!important;

}



.dott-bdr-right::before {

    content: ' ';

    border-right: 2px dotted #003046;

    height: 230px;

    position: absolute;

    bottom: -31px;

    left: 94%;

    display: none;

    /* top: 0; */

}



.hgt {

    height: 943px!important;

}

}



@media screen and (max-width: 480px) {

  .heroText {

    padding: 1rem;

  }

  .abt_head_main{

    font-size: 22px!important;

  }

  .abt_cntnt-main {

    font-size: 16px!important;

    text-align: justify;

}

.grey_text .head {

  height: 40px!important;

}

  .heroLinks .custom-link {

    font-size: 12px;

    line-height: 30px;

    margin-right: 12px !important;

    padding: 0 25px;

  }



  .contact-phone {

    font-size: 12px;

  }

  .hero .container-fluid {

    position: relative;

    overflow: hidden;

    height: 180px;

  }



  .hgt {

    height: 150vh!important;

  }

  .mt-100 {

    margin-top: 35px;

  }
  .bg-solution {
    background-image: url(../images/solutions/solution_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20px 0px;
    margin-top: 30px!important;
  }

  .letterDrop {
    position: relative;
    top: -40%;
    display: inline-block;
    text-transform: uppercase;
    /* letter-spacing: 5px; */
    opacity: 0.8;
    transform: rotateX(-90deg);
    font-size: 13px!important;
    animation: letterDrop 1.2s ease 1 normal forwards;
    text-align: center;
    line-height: 40px;
    color: #00aea0;
}

.heroText h3 {
    font-size: 13px!important;
}

}

@media screen and (max-width: 420px) {
.hgt {
    height: 114vh!important;
}
}


@media screen and (max-width: 360px) {

  .t1{display: block; width: 100%;}

  .bg-solution{margin-top: -28px;}

  .letterDrop{
    font-size: 11px!important; 
    line-height: 30px!important;
  }

  .featured-number {

    font-size: 5rem;

  }

  

  .hgt {

    height: 135vh!important;

  }

  .dott-bdr-right::before {
    content: ' ';
    border-bottom: 2px dotted #003046;
    border-right: none;
    height: 0px;
    width: 100%;
    position: absolute;
    left: 0;
    /* top: 0; */
    bottom: 84px;
    /* display: none; */
  }



  .featured-circle {

    width: 235px;

    height: 235px;

  }



  .reviews-image {

    width: 55px !important;

    height: 55px !important;

  }



  .reviews-thumb figcaption {

    font-size: var(--menu-font-size);

  }



  .timeline::before {

    left: 42px;

  }



/*  .hero {

    padding-top: 4rem;

     margin-top: 0px; 

  }*/

}



@media screen and (max-width: 390px) {

.letterDrop {

    position: relative;

    top: -40%;

    display: inline-block;

    text-transform: uppercase;

    /* letter-spacing: 5px; */

    opacity: 0.8;

    transform: rotateX(-90deg);

    font-size: 12px;

    animation: letterDrop 1.2s ease 1 normal forwards;

    text-align: center;

    line-height: 30px;

    color: #00aea0;

}



.bg-solution {

    background-image: url(../images/solutions/solution_bg.jpg);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding: 20px 0px;

    margin-top: 58px;

}

.hgt {
    height: 100vh!important;
}

}

@media screen and (max-width: 375px) {

.hgt {
    height: 130vh!important;
}

}



@media screen and (max-width: 320px) {

.bg-solution {

    /*margin-top: 184px;*/



     margin-top: 0px;

}

}







@media screen and (min-device-width: 668px) and (max-device-width: 992px) { 

    .main-banner {

    margin-top: 0px;

    height: 380px;

    }

    .sol_wrap.p-5{
      padding: 10px!important;
    }



    #main-nav .logo {

    padding: 23px 10px;

    margin: 0;

    color: #fff;

    cursor: pointer;

    opacity: 1;

    transition: opacity 200ms ease;

    position: relative;

    }



    .main-banner .owl-theme .custom-nav {

    position: absolute;

    top: 13%;

    /* width: 100%; */

    /* background-color: grey; */

    left: 0;

    right: 0;

    z-index: -9;

    }



    .main-banner .owl-theme .owl-dots, .owl-theme .owl-nav {

    text-align: center;

    -webkit-tap-highlight-color: transparent;

    position: relative;

    bottom: 45px;

    }



    .hgt {

    height: 50vh;

    }



    .container1 {

    background: #fff;

    height: 50vh;

    position: relative;

    overflow: hidden;

    }



    .text-strut {

     right: 0;

     left: 0; 

    }



    .letterDrop {

    position: relative;

    top: -40%;

    display: inline-block;

    text-transform: uppercase;

    /* letter-spacing: 5px; */

    opacity: 0.8;

    transform: rotateX(-90deg);

    font-size: 12px;

    animation: letterDrop 1.2s ease 1 normal forwards;

    text-align: center;

    line-height: 40px;

    color: #00aea0;

    }



    .dott-bdr-right::before {

    content: ' ';

    border-right: 2px dotted #003046;

    height: 420px;

    position: absolute;

    bottom: -48px;

    left: 94%;

    /* top: 0; */

    }



    .solution-items {

    background-color: #004263;

    text-align: center;

    border-radius: 40px;

    transition: transform .8s;

    height: auto;

    }

    .certificate .owl-item .item .leader_item img {

    display: block;

    width: 100%;

    height: 120px;

    }



    .certificate .owl-item .item {

    transform: translate3d(0, 0, 0);

     /* transform: scale(0.9); */

     /* transition: all .25s ease-in-out; */

    margin: 50px 40px 60px;

    }



    .bg-certification {

    background-color: #0b4556;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    min-height: 45vh;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

    }



    .owl-item .item {

    transform: translate3d(0, 0, 0);

     /* transform: scale(0.9); */

     /* transition: all .25s ease-in-out; */

    margin: 200px 40px 100px;

    }



    .client-inners {

    border: 1px solid #ccc;

    height: auto;

    text-align: center;

    padding: 15px;

    background-color: #e7e7e7;

    }



    .social_width1 {

    width: 20px;

    height: 20px;

    margin: 0 4px;

    float: left;

    display: contents!important;

    }

    .solution_main_heading {

      margin-bottom: 25px!important;

    }

}



@media screen and (min-device-width: 820px) and (max-device-width: 992px) { 

/*.dott-bdr-right::before {

    content: ' ';

    border-right: 2px dotted #003046;

    height: 230px;

    position: absolute;

    bottom: -9px;

    left: 94%;

     top: 0; 

}*/

.heroText {

  bottom: 94px!important;

    left: 2%;

    padding: 1.5rem 5.5rem;

    width: 66%!important;

}

.main-banner {

    margin-top: 0px;

    height: 380px;

}

#about {

    margin-top: 50px;

}



.bg-certification {

    background-color: #0b4556;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    min-height: 28vh;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}



.main-banner .owl-theme .custom-nav .owl-prev {

    position: absolute;

    top: 38%;

    margin-left: 10px;

    display: block !important;

    z-index: 100;

    background-color: none !important;

}



.main-banner .owl-theme .custom-nav .owl-next {

    position: absolute;

    top: 37%;

    right: 10px;

    display: block !important;

    z-index: 100;

    background-color: none;

}



.main-banner .owl-theme .owl-dots, .owl-theme .owl-nav {

    text-align: center;

    -webkit-tap-highlight-color: transparent;

    position: relative;

    bottom: 80px;

}



.container1 {

    background: #fff;

    height: 30vh;

    position: relative;

    overflow: hidden;

    }

}



@media screen and (min-device-width: 993px) and (max-device-width: 1200px) { 

  .navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 1.35rem;

    padding-left: 1.35rem;

  }



  .navbar-nav .nav-link {

    color: var(--p-color);

    /* font-weight: var(--font-weight-semibold); */

    font-size: 10px;

    padding-top: 40px;

    padding-bottom: 15px;

  }



  .nav_logo {

    width: 175px;

    height: 40px;

    margin: 25px auto 30px;

  }



  .section-padding {

    width: 100%;

    margin: 0 auto;

    padding: 25px 0;

  }



  .banner_txt {

    color: whitesmoke;

    font-size: 26px;

    font-weight: 600;

    font-family: 'gothamlight';

    text-transform: uppercase;

    line-height: 1.2;

    }

    .section-padding .percent_text {

    padding: 10rem 30px 0px 0px;

    font-weight: 500;

    text-transform: uppercase;

    color: #00419e;

    font-size: 18px;

   }



   .percent_text_bdr::before {

    content: '';

    position: absolute;

    background-color: #00419e;

    width: 90%;

    height: 5px;

    bottom: 0px;

    left: -3px;

    top: 62%;

  }



  .letterDrop {

    position: relative;

    top: -40%;

    display: inline-block;

    text-transform: uppercase;

    /* letter-spacing: 5px; */

    opacity: 0.8;

    transform: rotateX(-90deg);

    font-size: 20px;

    animation: letterDrop 1.2s ease 1 normal forwards;

    text-align: center;

    line-height: 40px;

    color: #00aea0;

  }



   .about_bg {

    background-image: url(../images/about/about_home_bg.jpg);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    height: auto;

    padding: 50px 0px;

   }



   .banner_txt {

    color: whitesmoke;

    font-size: 25px;

    font-weight: 600;

    font-family: 'gothamlight';

    text-transform: uppercase;

    line-height: 1.2;

    }



    .bg-certification {

    background-color: #0b4556;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    min-height: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

    }



    .hgt {

    height: 40vh;

    }



    .container1 {

    background: #fff;

    height: 30vh;

    position: relative;

    overflow: hidden;

    }



    .fa-chevron-left {

    width: 366px;

    height: 170px;

    /* background-color: yellow; */

    position: relative;

    top: -117px;

    left: -12px;

    }



    .fa-chevron-right {

    width: 366px;

    height: 170px;

    /* background-color: yellow; */

    position: relative;

    top: -117px;

    right: -13px;

    }



    .slick-list {

    position: relative;

    display: block;

    overflow: initial!important;

    margin: 0;

    padding: 0;

    }



  }

  @media screen and (min-device-width: 993px) and (max-device-width: 1200px) and (max-device-height: 600px) { 

    .container1 {

    background: #fff;

    height: 45vh!important;

    position: relative;

    overflow: hidden;

    }



    .hgt {

    height: 67vh!important;

    }



    



  }

  @media screen and (min-device-width: 993px) and (max-device-width: 1200px) and (max-device-height: 800px) { 

    .container1 {

    background: #fff;

    height: 63vh;

    position: relative;

    overflow: hidden;

    }



    .hgt {

    height: 564px!important;

    }



  }





  @media screen and (min-device-width: 1201px) and (max-device-width: 1350px) {



  .section-padding .percent_text {

    padding: 11rem 30px 0px 0px;

    font-weight: 500;

    text-transform: uppercase;

    color: #00419e;

    font-size: 18px;

  }



  .percent_text_bdr::before {

    content: '';

    position: absolute;

    background-color: #00419e;

    width: 90%;

    height: 5px;

    bottom: 0px;

    left: -3px;

    top: 63%;

   }



   .about_bg {

    position: relative;

    height: auto;

    width: 100%;

    overflow: hidden;

    }



  .hgt {

    height: 596px;

   }



  } 

@media screen and (min-device-width: 1300px) and (max-device-width: 1399px) and (max-device-height: 800px) {

.hgt {

    height: 616px;

}



}

@media screen and (min-device-width: 1401px) and (max-device-width: 1550px) {

  .bg-certification {

    background-color: #0b4556;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    min-height: 55vh;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}



.about_bg {

    position: relative;

    height: auto;

    width: 100%;

    overflow: hidden;

}



.hgt {

    height: 67vh;

}



.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 2rem;

    padding-left: 2rem;

}



}



@media screen and (min-device-width: 1400px) and (max-device-width: 1450px) and (max-device-height: 1000px) {

.hgt {

    height: 622px;

}



  .bg-certification {

    background-color: #0b4556;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    min-height: 55vh;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}



.about_bg {

    position: relative;

    height: auto;

    width: 100%;

    overflow: hidden;

}

}



@media screen and (min-device-width: 1551px) and (max-device-width: 1699px) {



.about_bg {

    position: relative;

    height: 64vh;

    width: 100%;

    overflow: hidden;

}

.container1 {

    background: #fff;

    height: 48vh;

    position: relative;

    overflow: hidden;

}



.hgt {

    height: 58vh;

}



.bg-certification {

    background-color: #0b4556;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    min-height: 55vh;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}



.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 2rem;

    padding-left: 2rem;

}

}



@media screen and (min-device-width: 1900px) and (max-device-width: 2000px) {

.about_bg {

    position: relative;

    height: 65vh;

    width: 100%;

    overflow: hidden;

}



.container1 {

  background: #fff;

  height: 45vh;

  position: relative;

  overflow: hidden;



}



.hgt {

    height: 56vh;

}



.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 2rem;

    padding-left: 2rem;

}



}



@media screen and (min-device-width: 1900px) and (max-device-width: 2000px) and (max-device-height: 1100px){

.about_bg {

    position: relative;

    height: 65vh;

    width: 100%;

    overflow: hidden;

}



.container1 {

  background: #fff;

  height: 45vh;

  position: relative;

  overflow: hidden;

}



.hgt {

    height: 56vh!important;

}



.bg-certification {

    background-color: #0b4556;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    min-height: 45vh;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}





}



@media screen and (min-device-width: 1900px) and (max-device-width: 2000px) and (max-device-height: 1500px) {

.about_bg {

    position: relative;

    height: auto;

    width: 100%;

    overflow: hidden;

}



.container1 {

  background: #fff;

  height: 45vh;

  position: relative;

  overflow: hidden;

}



.hgt {

    height: 50vh;

}



.bg-certification {

    background-color: #0b4556;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    min-height: 45vh;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}





}



@media screen and (min-device-width: 2500px) and (max-device-width: 2600px) {

.hgt {

    height: 620px;

}



.about_bg {

    position: relative;

    height: auto;

    width: 100%;

    overflow: hidden;

}



.bg-certification {

    background-color: #0b4556;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    min-height: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}



.container1 {

  background: #fff;

  height: 45vh;

  position: relative;

  overflow: hidden;

}



.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 2rem;

    padding-left: 2rem;

}



}





@media screen and (min-device-width: 3800px) and (max-device-width: 3900px) {

.hgt {

    height: 607px;

}



.about_bg {

    position: relative;

    height: auto;

    width: 100%;

    overflow: hidden;

}



.bg-certification {

    background-color: #0b4556;

    background-repeat: no-repeat;

    background-size: cover;

    height: auto;

    min-height: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

}



.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 2rem;

    padding-left: 2rem;

}



.container1 {

  background: #fff;

  height: 25vh;

  position: relative;

  overflow: hidden;



}



}



@media screen and (min-device-width: 5100px) and (max-device-width: 5150px) {

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 2rem;

    padding-left: 2rem;

}



.about_bg {

    position: relative;

    height: auto;

    width: 100%;

    overflow: hidden;

}



}



@media (min-width: 576px){

.modal-dialog {

    

    margin: 5.75rem auto!important;

}

.mdl_vd{
   margin: 0.75rem auto!important;
}


}