@charset "utf-8";

@font-face{  
    font-family: "PlusJakartaSans-VariableFont_wght";
    src:url("../fonts/PlusJakartaSans-VariableFont_wght.ttf");
}

/* CSS Document */

::-moz-selection{ background:#022735; color:#ffffff; text-shadow:none;}
::selection { background:#022735; color:#ffffff; text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family: "Geomanist-Regular";}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {width: 100%; display: block; float: left;}
body {color:#fff; background: #000; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden;}
:root { overflow-y: scroll;}
a { text-decoration:none !important; transition:all 0.25s ease-out 0s;}
h1,h2,h3,h4,h5,h6,p,a,p,span{ font-family: "PlusJakartaSans-VariableFont_wght";}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:#A3A3A3;
}
::-moz-placeholder { 
  color:#A3A3A3;
}
:-ms-input-placeholder {
  color:#A3A3A3;
}
:-moz-placeholder {
  color:#A3A3A3;
}

.container {
  max-width: 1450px !important;
}
.container-fluid {
     max-width: 1568px !important;
}
body{
  background-color:#022735 !important;
}
.menu-col1{
  display: none;
}
.logohd {
  font-size:18px !important;
  color: white;
  font-family: "PlusJakartaSans-VariableFont_wght";
  font-weight: 300;
  position: absolute;
  top: 100%;
}
/* header */
.nav-static .container{
  width: 100% !important;
  max-width:100% !important;
  padding: 0 5%;
}
.img-fluid.mlogo {
  width: 85% !important;
}
header {
    width: 100%;
    position: absolute;
    background: none;
    z-index: 9;   
}
header .navbar {
    background-color: transparent !important;
    padding: 0;
}

header .navbar .menubar {
    width: auto;
    float: right;
    margin: 0 0 0 auto;
}
header .navbar-collapse .nav-item a.nav-link.active {
  color: #ED1B24 !important;
}

header .navbar-collapse .nav-item a:hover {
  color: #ED1B24 ;
}

header  .menubar a {
  color: #fff ;
  cursor: pointer;
  font-size: 22px;
 
  font-family: "PlusJakartaSans-VariableFont_wght";
  font-weight: 600;
}
header .menubar a:hover, header .menubar a:focus {
  color: #ED1B24;
}
header  .menubar .nav-link.active{
  color: #ED1B24;
  font-size: 22px;
  padding: 5px 9px !important;
  font-family: "PlusJakartaSans-VariableFont_wght";
}

header .menubar .navmob{
 margin: 0 7px 0 0;
}
header .menubar .conbtn{
  padding: 9px 14px !important;
  border-radius: 5px;
  color: #fff ;
  font-size: 22px;
  display: block;
}

header  .menubar ul li{
  margin: 0 11px;
}

h5.footerhd {
  font-size: 18px;
  color: white;
  margin: 0 0 35px;
  font-family: "PlusJakartaSans-VariableFont_wght";
  font-weight: 300;
}
footer .ftlogo {
  margin: 0px 0 3px !important;
}



/* header .navbar .container-fluid {
    justify-content: space-between;
    align-items: center;
} */

/* header .navbar .menubar .menubar-nav {
    width: auto;
    display: inline-block;
    float: left;
    margin: 6px 6px 0 0;
    padding: 0;
} */

/* header .navbar .menubar .menubar-nav li {
    width: auto;
    float: left;
    display: inline-block;
    margin: 0 0 0;
}

header .navbar .menubar .menubar-nav li a {
    font-size: 15px;
    color: #fff !important;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 15px;
    transition: all 0.25s ease-in 0s;
}

header .navbar .menubar .menubar-nav li a:hover {
    color: #CFAC65;
} */



/* header .navbar-expand-lg .navbar-toggler {
    width: 54px;
    display: block;
    position: relative;
    z-index: 9;
    border: none;
    padding: 0;
    box-shadow: none;
    outline: none;
    margin: -3px 0 0;
}

header .collapse:not(.show) {
    display: none !important;
}

header .navbar-collapse {
    background: #000;
    position: fixed;
    height: 100vh;
    right: 0;
    z-index: 9;
    width: 300px;
    top: 0;
    padding: 50px 3% 50px;
}

header .navbar-collapse .nav-item, header .navbar-collapse .nav-item a {
    font-size: 15px;
    color: #ffffff;
    text-align: right;
    padding: 5px 0;
    letter-spacing: 1px;
} */


/* header .navbar-expand-lg .navbar-toggler .navbar-toggler-icon {
    position: relative;
    background: none;
    width: 100%;
    height: 4px;
    background-color: #ffffff;
    
}

header .navbar-expand-lg .navbar-toggler .navbar-toggler-icon:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background: #ffffff;
}

header .navbar-expand-lg .navbar-toggler .navbar-toggler-icon:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background: #ffffff;
}

header .navbar-collapse .nav-item {
    width: 100%;
    display: block;
}

header .navbar-collapse ul.navbar-nav {
    width: 100%;
    flex-direction: column;
} */


  
  /* whatsapp and call */

  .fixed-icon-whatsapp{
    position: fixed;
    bottom: 17% !important;
    right: 1% !important;
    z-index: 999;
  }
  .fixed-icon-whatsapp img{
    width: 70% !important;
  }


/* home-banner-wrapp */

.home-banner-wrapp {
    width: 100%;
    display: block;
    float: left;
    background: #022735;
    height: 100vh;
    position: relative;
}

.home-banner-wrapp img {
    width: 100%;
}

.home-banner-wrapp .main-banner {
    width: 100%;
    display: block;
    float: left;
    position: relative;
}

.home-banner-wrapp .main-banner img {
    width: 100%;
    display: block;
   

}

.home-banner-wrapp .banner-content {
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25%;
    max-width: 788px;
    margin: 0 auto 30px;
}

.home-banner-wrapp h2 {
    font-size: 70px;
    color: #ffffff;
    line-height: 1.25;
    letter-spacing: 1px;
    margin: 0 0 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.home-banner-wrapp p {
    font-size: 20px;
    color: #ffffff;
    line-height: 1.7;
    margin: 0 0 28px;
    font-weight: 500;

}

.home-banner-wrapp .button-outer {
    width: 100%;
    display: block;
    float: left;
    font-family: "PlusJakartaSans-VariableFont_wght";
    font-size: 17px;
}
.home-banner-wrapp .button-outer a img{
  height: auto;
  width: auto;
}

.home-banner-wrapp .banner-btn1 {
    float: none;
    color: #000;
    background: #fff;
    text-decoration: none;
    border-radius:10px;
    padding: 21px 25px !important;
    display: inline-block;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 1px;
    margin: 0 8px 0 0;
    text-transform: uppercase;
    font-family: "PlusJakartaSans-VariableFont_wght";
    font-weight: 700;
}
.home-banner-wrapp .banner-btn2 {
  float: none;
  color: #fff;
  background: none;
  text-decoration: none;
  border: 2px solid #ffffff;
  border-radius:10px;
  padding: 20px 25px !important;
  display: inline-block;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 1px;
  margin: 0 8px 0 0;
  text-transform: uppercase;
  font-family: "PlusJakartaSans-VariableFont_wght";
  font-weight: 700;
}

.home-banner-wrapp .banner-btn1:hover {
    color: #ED1B24;
    border-color: #ED1B24;
}
.home-banner-wrapp .banner-btn2:hover {
  color: #ED1B24;
  border-color: #ED1B24;
}
.home-banner-wrapp img{
    height: 100vh;
}

.home-banner-wrapp .main-banner::after {
  content: "";
  position: absolute;
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  right: 0;
  background: #0000002e;
}
.nav-static .navbar-nav .slcic{
  display: flex;
  margin: -8px 0 0 0;
}
.conbtn a {
  color: #000 !important;
  font-size: 19px;
  font-weight: 700;
  font-family: "PlusJakartaSans-VariableFont_wght";
}
.conbtn a:hover{
  color: #ED1B24 !important;
}

/* service section */
.servicesection{
  background-color:#022735;
  padding: 50px 0;
}

.servicesection h3{
  color: #ED1B24;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 20px;
}
.servicesection h2{
  text-align: center;
  color: #fff;
  font-weight:700;
  font-size: 40px;
  margin:0 0 50px;
}
.servicesection .srim{
  width: 100%;
  display: block;
  object-fit: cover;
}
img.img-fluid.srim
{
  height: 100%;
  width: 100%;

}
.srimbox {
  height: 250px;
}
.servicesection  .srcon{
  background: #fff;
  padding: 45px 35px 70px;
}
.servicesection  .srcon h2{
  font-size: 22px;
  font-weight: 500;
  color: #000;
  text-align: left;
  margin: 0 0 15px;
}
.servicesection  .srcon p{
  font-size: 18px;
  font-weight: 400;
  color: #000;
  margin: 0 0 15px;

}
.servicesection  .srcon a{
  font-size: 18px;
  font-weight: 400;
  color: #ED1B24;
  margin: 0 0 0;
}
.servicesection .rdarw{
  margin: -8px 0 0 6px;
}
.servicesection .col-md-4{
  margin: 0 0 28px;
  padding: 0 15px;
}
.logo-section .container {
  width: 50% !important;
  margin-inline: auto;
}
.sub-banner img {
 
  object-fit: cover;
}

.sub-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1e1d1d2e;
  z-index: 0;
  pointer-events: none; 
}

/* about section */

.aboutsection{
  background:url(../images/mapbg.png) no-repeat;
  padding: 45px 0 150px;
  background-position:center ;
}
.aboutsection h3{
  color: #ED1B24;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 20px;
}
.aboutsection h2{
  color: #fff;
  font-weight:700;
  font-size: 40px;
  margin:0 0 25px;
}
.aboutsection h2 span{
  display: block;
}
.aboutsection p{
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 15px;
}
.aboutsection .redbox{
  background: #ED1B24;
  width:fit-content;
  padding: 25px 22px;
}
.aboutsection .redbox h4{
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 5px;

  
}
.aboutsection .mapbox{
  width: 100%;
  position: absolute;
  top: 0;
  left: -24%;
  right: 0;
  z-index: 0 !important;
}
.aboutsection .mapbgim{
  width: 100%;
  display: block;
}
.aboutsection .abtred{
  position: relative;
}
.aboutsection .redbox{
  position: absolute;
  top: 50%;
  left :50%;
  transform :translatex(-50%), translatey(-50%)
}
/* testimonial */
.testimonialsec{
  background-color:#022735;
  padding: 40px 0;
  margin: -1px 0 0;
}
.testimonialsec h3{
  color: #ED1B24;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 20px;
}
.testimonialsec h2{
  text-align: center;
  color: #fff;
  font-weight:700;
  font-size: 40px;
  margin:0 0 100px;
  line-height: 1.5;
}
.testimonialsec h2 span{
  display: block;
}
.testimonialsec .testibox p{
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 30px;
}
.testimonialsec .testibox h2{
  font-weight: 600;
  font-size: 23px;
  text-align: left;
  color: #fff;
  margin: 0 0 15px;
}
.testimonialsec .testibox h3{
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  color: #768488;
}
.testimonialsec .row{
  justify-content: center;
}
.testimonialsec .col-md-6 {
  width: 35%;
  padding: 0 90px;
}
.testimonialsec  .tesq {
  margin: 0 0 7px -55px;
}
.testimonialsec .regular{
  padding: 0 141px ;
}
 /* slick-dots */

 .testimonialsec .slick-prev {
  width: 4%;
  height: 40px;
  left: 66%;
  z-index: 9;
  background: url(../images/leftarw.png) no-repeat;
  background-size: auto;
  background-size: 100%;
  top: 132%;
}

.testimonialsec .slick-next {
  width: 4%;
  height: 40px;
  right: 23%;
  z-index: 9;
  background: url(../images/rightarw.png) no-repeat;
  background-size: 100%;
  top: 132%;
}

.testimonialsec .slick-prev:before,
.testimonialsec .slick-next:before{
  display: none;
}

/* get in touch */
.getintsec{
  background-color:#022735;
  padding: 100px 0;
}
.getintsec .getrow{
  background: #fff;
  padding: 35px 60px;
  border-radius: 20px;
}
.getintsec .getbox{
  padding: 50px 30px;
  border-radius: 20px;
}
.getintsec .getbox h3{
  font-weight: 700;
  font-size: 22px;
  color: #000;
  margin: 0 0 20px;

}
.getintsec .getbox h4{  
  font-weight: 700;
  font-size: 18px;
  color: #000;
  margin: 0 0 15px;

}
.getintsec .getbox p{
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin: 0 0 15px;

}
.getintsec .getbox .sppara{
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin: 0 0 25px;
}
.getintsec h2{
  font-size: 33px;
  font-weight: 700;
  margin: 35px 0 20px;
}
.getintsec .getform input{
  background: #fff;
  border:1px solid #000;
  padding: 10px 10px; 
  margin: 0 0 10px;
  cursor: pointer;
}
.getintsec .getform input::placeholder{
  font-family: "PlusJakartaSans-VariableFont_wght";
  font-size: 16px;
}
.getintsec .getform textarea::placeholder{
  font-family: "PlusJakartaSans-VariableFont_wght";
  font-size: 16px;
}
.getintsec textarea{
  background: #fff;
  border:1px solid #000;
  margin: 0 0 10px;
  cursor: pointer;
}
.getintsec .getform .getfrmbtn{
  width: 100%;
  background: #2E2E2E;
  border-radius: 10px;
  color: #fff;
  padding: 14px 0;
  font-family: "PlusJakartaSans-VariableFont_wght";
  text-transform: uppercase;
  border-style: none;
  font-size: 16px;
  font-weight: 700;
}
.getintsec .getform .getfrmbtn:hover{
  background: #ED1B24;
}
.getintsec .col-md-5{
  padding:0;
}
footer{
  background-color:#022735;
}

footer p{
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  margin:19px 0 30px;
}
footer h2{
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 25px;
}

footer ul{
  padding: 0;
}
footer ul li a{
  color: #fff;
  text-decoration: none;
  text-align: left;
  margin: 0 0 0;
  font-size: 18px;
  font-weight: 500;
}
footer ul li a:hover{
  color: #ED1B24;
}
footer ul li{
  margin: 0 0 17px;
}
footer .slcs{
  margin: 0 20px 0 0;
}
/* footer .col-md-3:nth-last-child(2) {
  padding: 0 4%;

}
footer .col-md-3:nth-last-child(3) {
  padding: 0 8%;
} */
/* footer .ftlogo {
  margin: 0 0 35px;
} */
footer .row{
  justify-content: space-between;
}
footer p span{
  display: block;
}


/* about section */
.sub-banner-wrapp{
  position: relative;
}

.sub-banner-wrapp .banner-content {
  width: 100%;
  display: block;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  max-width: 900px;
  margin: 0 auto 30px;
  top: 50%;
}
.sub-banner-wrapp h2 {
  font-size: 55px;
  color: #ffffff;
  line-height: 1.25;
  letter-spacing: 1px;
  margin: 0 0 22px;
  font-weight: 700;
}
.sub-banner-wrapp p {
  font-size: 20px;
  color: #ffffff;
  line-height: 1.55;
  margin: 0 0 28px;
  font-weight: 500;
}
.sub-banner-wrapp .sub-banner::after {
  content: "";
  position: absolute;
  width: 100%;
  height:100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4) !important;
  z-index: 0 !important;
}
/* advance */
.advancesec{
  background-color:#022735;
  padding: 100px 0 0;
}
.advancesec h2{
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  position: relative;
  margin: 0 0 30px;
}
.advancesec h2::after{
  content: '';
  position: absolute;
  margin: 0 auto;
  width: 6%;
  height: 5px;
  background: #55B9F1;
  left: 0;
  right: 0;
  bottom: -10px;
}
.advancesec h2 span{
  display: block;
}
.advancesec p{
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 25px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1.8;
}
  
/* perposesec */
.perposesec{
  background-color:#022735;
  padding: 100px 0;
}
.perposesec h2{
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  margin: 0 0 50px;

}
.perposesec .ourbox{
  border: 1px solid #1B3D46;
  border-radius: 30px;
  padding: 35px 50px 60px;
}
.perposesec .ourbox h3{
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 15px;
}
.perposesec .ourbox p{
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 15px; 
}
.perposesec .col-md-6{
  padding: 0 55px;
}
.perposesec .ourbox img{
  margin: 0 0 40px;
}
.drivingsec{
  background-color:#022735;
}
.drivingsec h2{
  font-size: 55px;
  color: #ffffff;
  line-height: 1.25;
  letter-spacing: 1px;
  margin: 0 0 22px;
  font-weight: 700;

}
.drivingsec p{
  font-size: 18px;
  color: #ffffff;
  line-height: 1.55;
  margin: 0 0 28px;
  font-weight: 500;
}
.drivingsec .banner-btn1 {
  float: none;
  color: #000;
  background: #fff;
  text-decoration: none;
  border-radius: 10px;
  padding: 21px 25px !important;
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 1px;
  margin: 0 8px 0 0;
  text-transform: uppercase;
  font-family: "PlusJakartaSans-VariableFont_wght";
  font-weight: 700;
}
.drivingsec .drbg{
  background:#1B3D46;
  padding: 9%;
  margin: 0;
}
.drivingsec .col-md-5{
  padding:0;
  margin: 0;

}
.srvbox{
  background: #fff;
  height: 100%;
}
.img-fluid.hhimg {
  width: 100%;
  height: 100%;
  display: block;
}

/* inner service section */
.servinnersec{
  background-color:#022735;
  padding: 100px 0;
}
.servinnersec h2 {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  position: relative;
  margin: 0 0 40px;

}
  .servinnersec h2::after {
    content: '';
    position: absolute;
    width: 6%;
    height: 5px;
    background: #55B9F1;
    left: 0;
    right: 0;
    bottom: -13px;
    margin: 0 10px;
  }
  .servinnersec p{
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 25px;
    letter-spacing: 1px;
    line-height: 1.8;
    margin: 0 0 30px;
  }
  .servinnersec h3{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 25px;
  }
  .servinnersec ul{
    margin:0 0;

  }
  .servinnersec ul li{
    font-size: 18px;
    color: #ffffff;
    margin: 0 0 20px;
    font-weight: 400;
    font-family: "PlusJakartaSans-VariableFont_wght";

  }
  .servinnersec ul li span{
    font-size: 18px;
    color: #ffffff;
    margin: 0 2px 20px 0;
    font-weight: 700;
    font-family: "PlusJakartaSans-VariableFont_wght";  
  }
  .servinnersec .line{
    border: none;
    height: 2px;
    color: #55B9F1;  
    background-color: #0CA8FF;
    margin: 50px 12px;
  }
  .drivingsec h2 span{
    display: block;
  }
  a.phone-num:hover {
    color:red;
  

  }
  span.slogic a {
    font-size: 18px;
}
.red-letter
{
  color:red;
}
.fpsec p {
  display: none;
}


/* menu */

.menu-col1 {
  z-index: 999999999;
}

.menu-col1 .menu-row1 {
	width: 100%;
	float: left;
	cursor: pointer;
	outline: none;
	pointer-events: initial;
	position: relative;
	z-index: 9999;
}
.toggle-btn1 {
  width: 50px;
  padding: 21px 12px;
  border: 2px solid #fff;
  float: left;
  margin: 0 0 0;
  border-radius: 50%;
}
.toggle-menu .toggle-tex1 {
	float: right;
	font-size: 15px;
	font-weight: 400;
	color: #454442;
	line-height: 1;
	margin: 11px 0 0;
}
.toggle-menu .toggle-row1 {
	content: "";
	width: 4.8px;
	height: 4.8px;
	float: left;
	background: #fff;
	border-radius: 50%;
	transform-origin: 50% 50%;
	transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
	margin: 0 9px 0;
	position: relative;
}
.toggle-menu .toggle-row1:before, .toggle-menu .toggle-row1:after {
	content: "";
	width: 4.8px;
	height: 4.8px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	transform-origin: 50% 50%;
	transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
	display: block;
}
.toggle-menu.active .toggle-btn1 {
  border: 2px solid #ED1B24;
}
.toggle-menu.active .toggle-row1::before, .toggle-menu.active .toggle-row1::after {
  background: #ED1B24;
}

.toggle-menu .toggle-row1:before {
	top: 0;
	right: -9px;
}
.toggle-menu .toggle-row1:after {
	top: 0;
	right: 9px;
}
.toggle-menu.active .toggle-tex1 {
	color: #454442;
}
.toggle-menu.active .toggle-row1 {
	background-color: transparent;
	transition: background 0.2s ease-out;
	width:22px; border-radius:0;
}
.toggle-menu.active .toggle-row1:before, .toggle-menu.active .toggle-row1:after {
	transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out; border-radius:0; height:3px;
}
.toggle-menu.active .toggle-row1:before {
	width: 100%;
	top: 1px;
	transform: rotate3d(0, 0, 1, -45deg);
	right:10px;
}
.toggle-menu.active .toggle-row1:after {
	width: 100%;
	top: 1px;
	transform: rotate3d(0, 0, 1, 45deg);
}
.conten {
	width: 1228px;
	transform: translateY(-50%);
	margin: 0 auto 0;
	position: absolute;
	top: 50%;
	right: 0;
	left: 5%;
}
.menu-col1 .fixed {
  width: 86px !important;
  background: none;
  box-shadow: none;
  padding: 20px 0 20px;
  left: 3%;
  right: inherit;
  z-index: 999999;
}
.overlay
{
  background:#062734 !important;
}
#cssmenu > ul > li > a {
  color: #fff !important;

}
img.img-fluid-mob {
  width: 36.5%;
  height: auto;
}

/* Button style */
.branches-container {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.branch-btn {
  border-radius: 5px;
  padding: 4px 12px;
  background: #FFFFFF;
  font-size: 16px;
  font-family: "PlusJakartaSans-VariableFont_wght"; 
  border: none !important;
}
.main-btn {
  background: red !important;
  color: white !important;
}
span.slogic {
  margin-right: 10px;
  display: block;

}

.getbox a {
  color: black;
}
.branches-mob
{
  /* display: none; */
}
.branch-btn-mob {
  position: relative;
  top: 44px;
  margin: 4px;
}
.branches-mob
{}

.branches-container {
  display: flex;
  flex-wrap: wrap; /* Allow buttons to wrap */
  gap: 10px; /* Adjust gap between buttons */
}
section.drivingsec {
  display: none;
}
.phone-num {
  position: fixed;
  bottom: 11% !important;
  right: 1% !important;
  z-index: 999;
  font-family: "PlusJakartaSans-VariableFont_wght";
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
  color: white;
}
/* img.img-fluid.logo-img {
  width: 68%;
} */
.col-md-2 li.nav-item.slcic {
  display: flex;
  gap: 15px;
}
header .menubar ul li {
  margin: 0 11px;
}
/* p.fsec
{
  display: none;
} */
.sub-banner img {
  object-fit: cover;
  width: 100%;
}


/* ************************************************************************** */
/* responsive */
/* ************************************************************************** */
@media only screen and (min-width:1440px) {
  .container {
    width: 83% !important; 
}
.container-fluid {
    width: 83% !important;
}
}

@media only screen and (min-width:1441px) {
    .container {
        width: 83% !important; 
    }
    .container-fluid {
        width: 83% !important;
    } 

    .sub-banner-wrapp .banner-content {
      bottom: 9%;
    }
    header .menubar .nav-link.active {
      font-size: 18px;
    }  
    header .menubar a {
      font-size: 18px;
    }
    header .menubar .conbtn {
      font-size: 18px;
    }
    .home-banner-wrapp h2 {
      font-size: 55px;
    }
    .home-banner-wrapp p {
      font-size: 18px;
    }
    .home-banner-wrapp .banner-btn1{
      font-size: 16px;
    }
    .home-banner-wrapp .banner-btn2{
      font-size: 16px;
    }
    .servicesection h2 {
      font-size: 30px;
    }
    .aboutsection h2 {
      font-size: 30px;
      margin: 0 0 20px;
    }
    .testimonialsec h2 {
      font-size: 30px;
    }
    .getintsec .getbox {
      padding: 25px 30px;
    }
    footer .ftlogo {
      margin: 0 0 35px;
      width: 65%;
    }
    footer h2 {
      font-size: 20px;
    }
    footer ul li a {
      font-size: 16px;
    }
    .advancesec p {
      padding: 0 100px;
    }
    .drivingsec h2 {
      font-size: 40px;
    }
  }
  
  
@media only screen and (max-width:1440px) {
  .sub-banner-wrapp .banner-content {
    bottom: 9%;
  }
  header .menubar .nav-link.active {
    font-size: 18px;
  }  
  header .menubar a {
    font-size: 18px;
  }
  header .menubar .conbtn {
    font-size: 18px;
  }
  .home-banner-wrapp h2 {
    font-size: 55px;
  }
  .home-banner-wrapp p {
    font-size: 18px;
  }
  .home-banner-wrapp .banner-btn1{
    font-size: 14px;
    padding: 15px 20px !important;
  }
  .home-banner-wrapp .banner-btn2{
    font-size: 14px;
    padding: 15px 20px !important;
  }
  .advancesec p {
    padding: 0 100px;
  }
  .drivingsec h2 {
    font-size: 40px;
  }

}


@media  (max-width:1399px){
  .nav-static .container {
    padding: 0 2%;
  }
  header .menubar .nav-link.active {
    font-size: 18px;
  }
  header .menubar a {
    font-size: 18px;
    padding: 0 7px !important;
    }
    header .menubar .conbtn {
      font-size: 18px;
    }
    header .menubar ul li {
      margin: auto 11px;
      display: block;
    }
    .home-banner-wrapp h2 {
      font-size: 53px;
    }
    .home-banner-wrapp p {
      font-size: 18px;
      padding: 15px 20px !important;
    }
    .home-banner-wrapp .banner-btn1{
      font-size: 14px;
      padding: 15px 20px !important;
    }
    .home-banner-wrapp .banner-btn2{
      font-size: 14px;
    }
    .servicesection h2 {
      font-size: 30px;
    }
    .aboutsection h2 {
      font-size: 30px;
      margin: 0 0 20px;
    }
    .testimonialsec h2 {
      font-size: 30px;
    }
    footer .ftlogo {
      margin: 0 0 35px;
      width: 65%;
    }
    footer h2 {
      font-size: 20px;
    }
    footer ul li a {
      font-size: 16px;
    }
    .home-banner-wrapp .banner-content {
      bottom: 27%;
    }

    .fixed-icon-whatsapp {
      right: 0% !important;
    }
    .sub-banner-wrapp h2 {
      font-size: 40px;
    }
    .nav-static .navbar-nav .slcic {
      display: flex;
      margin: -3px 0 0 0;
    }

}

@media only screen and (max-width: 1199px){
  header .menubar a {
    font-size: 13px;
  }
  header .menubar .nav-link.active {
    font-size: 13px;
  }
  header .menubar .conbtn {
    font-size: 18px;
  }
  header .menubar ul li {
    margin: auto 3px;
  }
  .aboutsection .redbox {
    top: 60%;
    left: 30%
  }
  .servicesection {
    padding: 40px 18px;
  }
  .aboutsection {
    padding: 0 18px 0;
  }
  .testimonialsec .col-md-6{
    padding: 0 55px;
  }
  .testimonialsec {
    padding: 80px 0;
  }
  .testimonialsec .slick-prev {
    top: 115%;
  }
  .testimonialsec .slick-next {
    top: 115%;
  }
  .getintsec {
    padding: 40px 18px;
  }
  .home-banner-wrapp img {
    height: unset;
  }
  .home-banner-wrapp {
    height:unset;
  }

  .img-fluid.mlogo {
    width: 80% !important;
  }
  .home-banner-wrapp .banner-content {
    bottom: 7%;
  }
  .home-banner-wrapp h2 {
    font-size: 36px;
  }
  .home-banner-wrapp .banner-btn1{
    padding: 15px 25px !important;
    font-size: 14px;
  }
  .home-banner-wrapp .banner-btn2{
    padding: 15px 25px !important;
    font-size: 14px;
  }
  .servicesection .col-md-4 {
    padding: 0 1%;
  }
  footer {
    padding: 100px 18px;
  }
  .advancesec p {
    padding: 0 50px;
  }
  .advancesec {
    padding: 50px 0 0;
  }
  .perposesec {
    padding: 50px 0;
  }
  .perposesec .col-md-6 {
    padding: 0 25px;
  }
  .advancesec p {
    line-height: unset;
  }
  .servinnersec p {
    letter-spacing:unset;
    line-height:unset;
  }
 
}
 
@media only screen and (max-width: 991px){
  .navbar-nav{
    display: flex;
    flex-direction:unset !important;
  }
  header .menubar a {
    font-size: 13px;
  }
  header .menubar .nav-link.active {
    font-size: 13px;
  }
  header .menubar a {
    padding: 5px 2px !important;
  }
  header .menubar .conbtn {
    font-size: 18px;
  }

  .home-banner-wrapp h2 {
    font-size: 35px;
    margin: 0 0 10px;
  }
  .home-banner-wrapp p {
    font-size: 15px;
    padding: 0 9%;
  }
  .home-banner-wrapp .banner-btn1 {
    font-size: 14px;
    padding: 15px 18px !important;
  }
  .home-banner-wrapp .banner-btn2{
    font-size: 14px;
    padding: 15px 18px !important;
  }
  .servicesection .col-md-4 {
    width: 50%;
  }
  .testimonialsec .regular {
    padding: 0 60px;
  }
  .getintsec .getbox {
    padding: 20px ;
  }
  .getintsec h2 {
    margin: 44px 0 20px;
  }
  .menubar ul li:last-child {
    display: none;
}

  footer p {
    text-align: center;
    padding: 0 13%;
    margin: 0 0 6px;
  }
  footer .col-md-3 {
    width: 100%;
  }
  footer .ftlogo {
    margin: 0 auto;
    display: flex;
  }
  .home-banner-wrapp .banner-content {
    bottom: 5%;
  }
  header .menubar ul li {
    margin: auto 5px;
  }
  .aboutsection .col-md-6{
    width: 100%;
  }
  .aboutsection .redbox {
    position: unset;
    margin: 10px auto 0;
  }
  footer .col-md-4{
    width: 100%;
    margin: 0 0 15px;
  }
  footer .col-md-2{
    width: 100%;
    text-align: center;
  }
  footer {
    padding: 10px 18px;
  }
  footer ul li {
    margin: 0 10px 17px;
    display: inline-block;
  }
  .sub-banner-wrapp h2 {
    font-size: 35px;
    padding: 0 100px;
  }
  .sub-banner-wrapp p {
    font-size: 18px;
    padding: 0 100px;
  }
  .advancesec p {
    padding: 0 35px;
  }
  .perposesec .ourbox {
    padding: 35px 30px 60px;
  }
  footer .ftlogo {
    margin: 0 auto 35px !important;
    width: 39%;
  }
  .phone-num{
    display: none;
  }
  .col-md-2.icn {
    width: 100%;
    display: flex;
    justify-content: center;
}
 
.fpsec p {

  font-weight: 400 !important;
  font-size: 15px !important;
  color: #fff  !important;
  display: block !important;
  text-align: center;
  margin: 1px 0 30px;
}


.col-md-4.fsec p {
    display: none;
}
a.nav-link.hide-icm {
  display: none;
}
  }
  


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



{
 
  .main-btn
  {
display: none;
  }
.maint-btn
{
  display:none;

}
  .home-banner-wrapp img {
    height: 550px;
  }
  .home-banner-wrapp{
    height: unset;
  }
  .home-banner-wrapp .banner-content {
    bottom: 5%;
  }
  .home-banner-wrapp .main-banner::after {
    height: 550px;
  }
  .servicesection h2 {
    font-size: 25px;
  }
  .servicesection .srcon {
    padding: 35px 35px 30px;
  }
  .servicesection .srcon h2 {
    font-size: 20px;
  }
  .servicesection .srcon p {
    font-size: 16px;
  }
  .servicesection .srcon a {
    font-size: 16px;
  }
  .aboutsection h2 {
    font-size: 25px;
  }
  .aboutsection {
    padding: 0 8px 0px;
  }
  .aboutsection p {
    margin: 0 0 35px;
  }
  .testimonialsec h2 {
    font-size: 25px;
  }
  .testimonialsec .col-md-6 {
    padding: 0 20px;
  }
  .testimonialsec .regular {
    padding: 0 18px;
  }
  .testimonialsec .tesq {
    margin: 0 0 7px 0px;
  }
  .getintsec .getbox {
    padding: 36px 30px 18px;
  }
  .getintsec .getbox .sppara {
    margin: 0 0 25px;
  }
  .getintsec .getrow {
    padding: 40px 20px;
  }
  footer {
    padding: 0 18px 0;
  }
  .img-fluid.mlogo {
    width: 70% !important;
  }
  .servicesection .col-md-4 {
    margin: 0 0 22px;
  }
  footer ul li {
    margin: 0 10px 17px;
    display: block;
  }
  .menu-col1 {
    display: inline-block;
  }
  .home-banner-wrapp .main-banner img {
    object-fit: cover;
}
.sub-banner-wrapp h2 {
  font-size: 35px;
  padding: 0 50px;
}
.sub-banner-wrapp p {
  font-size: 18px;
  padding: 0 50px;
}
.perposesec .ourbox {
  margin: 0 0 25px;
}
.menubar .navbar-nav .nav-item  {
  display: none;
}
.menubar .navbar-nav .conbtn  {
  display: none;
}

.menubar .navbar-nav .nav-item.slcic {
  display: flex;
  flex-wrap: wrap;
}
.menubar .navbar-nav .nav-item.slcic a{
  margin: 0 5px;
}
header .navbar .menubar {
  margin: 0 auto 0;
}
.logosec {
  width: 36.5%;
}
.img-fluid.mlogo {
  width: 100% !important;
}
footer .col-md-2 {
  width: 50%;
  text-align: center;
}
.servinnersec {
  padding: 40px 0;
}
footer .ftlogo {
  margin: 0 0 25px !important;
}
footer p span {
  display: unset;
}

footer p {
 text-align: unset;
 padding: 0;
 margin: 0 0 15px;

}
footer .col-md-2 {
  width: 50%;
  text-align: left;
}
.branch-btn {
  border-radius: 5px;
  padding: 3px 30px;
  cursor: pointer;
}

  .branches-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 buttons per row */
    gap: 10px; /* Adjust space between buttons */
  }


  .main-btn-mob1 {
    
    width: 38%;
  }
.branches-mob {
  padding: 0px 81px;
}
.main-btn-mob {
    
  width: 38%;
  padding:4px 12px;
}
.logo-section .container {
  width: 100% !important;
  margin-inline: auto;
  display: flex;
}
.logohd {
  font-size: 16px !important;

}
h5.footerhd {
  font-size: 16px !important;


}
.sub-banner img {
  object-fit: cover;
  width: 100%;
  height: 50vh;
}
.col-md-2li.nav-item.slcic {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
a.nav-link.hide-icm {
  display: none;
}
a.nav-link.hide-icc
{
  display: none;
}
.fpsec p
{
  text-align: center;
}

}

@media only screen and (max-width: 575px)
{
  .home-banner-wrapp .banner-btn1 {
    font-size: 12px;
    padding: 14px 15px !important;
  }
  .home-banner-wrapp .banner-btn2 {
    font-size: 12px;
    padding: 14px 15px !important;
  }
  .servicesection .srcon {
    padding: 35px 15px 30px;
  }
  .servicesection .srcon h2 {
    font-size: 17px;
  }
  .servicesection .col-md-4 {
    margin: 0 0 20px;
  }
  .aboutsection .redbox {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .aboutsection .redbox h4 {
    font-size: 33px;
  }
  .testimonialsec {
    padding: 40px 0;
  }
  .testimonialsec h2 {
    margin: 0 0 40px;
  }
  .getintsec .getrow {
    padding: 20px 20px;
  }
  .getintsec h2 {
    margin: 30px 0 20px;
    font-size: 30px;
  }
  footer .col-md-3:nth-last-child(3) {
    width: 100%;
  }
  footer .col-md-3:nth-last-child(2) {
    width: 100%;
  }
  footer .col-md-3:nth-last-child(1) {
    width: 100%;
  }
 
  .home-banner-wrapp .banner-content {
    bottom: 5%;
  }
  .sub-banner-wrapp h2 {
    font-size: 25px;
    padding: 0 32px;
  }
  .sub-banner-wrapp p {
    font-size: 18px;
    padding: 0 25px;
  }
  .advancesec p {
    padding: 0 26px;
  }
  .advancesec h2 {
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 20px;
  }
  .advancesec p {
    font-size: 16px;
  }
  .perposesec h2 {
    font-size: 25px;
  }
  .drivingsec h2 {
    font-size: 30px;
  }
  .drivingsec p {
    font-size: 16px;
  }
  .drivingsec .banner-btn1 {
    padding: 13px 23px !important;
  }
  .servinnersec ul li {
    font-size: 16px;
  }
  .servinnersec ul li span {
    font-size: 16px;
  }
  .logohd {
    font-size: 14px !important;
  
  }
  h5.footerhd {
    font-size: 14px !important;
  
  
  }

}

@media only screen and (max-width: 420px)
{
 
  .home-banner-wrapp .banner-btn1 {
    font-size: 12px;
    width: 240px;
    margin: 0 0 13px;
    padding: 10px 31px !important;
  }
  .home-banner-wrapp .banner-btn2 {
    font-size: 12px;
    width: 240px;
    margin: 0 0 13px;
    padding: 10px 31px !important;
  }
  .servicesection .col-md-4 {
    width: 100%;
  }
  .home-banner-wrapp h2 {
    font-size: 25px;
  }
  .home-banner-wrapp p {
    font-size: 14px;
  }
  .toggle-btn1 {
    width: 45px;
    padding: 18px 10px;
  }
  .home-banner-wrapp .banner-content {
    bottom: 2%;
  }
  .getintsec .getrow {
    padding: 20px 7px;
  }
  .getintsec .getbox {
    padding: 36px 15px 18px;
  }
  footer .ftlogo {
    width: 74%;
  }
  .advancesec h2 {
    font-size: 24px;
  }
 
  header .navbar .menubar {
    margin: 0 0 0;
    width: 38%;
  }
  header .menubar ul li {
    margin: auto 0;
  }
  .menubar .navbar-nav .nav-item.slcic {
    width: 100%;
  }
  .menubar .navbar-nav .nav-item.slcic a {
    margin: 0 2px;
    width: 29.3%;
  }
  .toggle-btn1 {
    width: 40px;
    padding: 16px 8px;
  }
  footer p {
    padding:0;
  }
  .servinnersec p {
    font-size: 16px;
  }
  .servinnersec ul li span {
    font-size: 16px;
  }
  .main-btn-mob {
    font-size: 14px !important;
}
.main-btn-mob1 {
  font-size: 14px I !important;

}
.main-btn-mob
{
  width:36% !important;
}

.main-btn-mob1
{  width:36% !important;


}
.logohd {
  font-size: 11px !important;
}
h5.footerhd {
  font-size: 11px !important;


}
.menubar .navbar-nav .nav-item.slcic {
  display: flex;
  flex-wrap: nowrap I !important;
}
.menubar .navbar-nav .nav-item img.img-fluid {
  width: 100%;
}

  .menubar .navbar-nav .nav-item.slcic {
      width: auto;
      display: flex;
      flex-wrap: nowrap I !important;
      flex-wrap: wrap;
  }
.menubar .navbar-nav .nav-item.slcic a {
      margin: 0 3px;
      width: 32px;
  }

 
}
  @media only screen and (min-width: 768px){

 
  .branches-mob
{
  display: none;
}
/* a.nav-link.hide-icm {
  display: none;
}
a.nav-link.hide-icc {
  display: none;
} */

}
@media only screen and (max-width: 768px){
  button.branch-btn {

    display: none;
  }
  /* .branches-mob {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 10px; 
} */
.main-btn-mob
{
  width:35% !important;
}

.main-btn-mob1
{  width:35% !important;


}
.branches-mob {
  width: 70%;
  margin-inline: auto;
  padding: 4px;
}
.branch-btn-mob {
  
    width: 100%; /* Full width of the grid cell */
    box-sizing: border-box; /* Include padding and border in width calculation */
}
.branches-mob
{
  display: block;
}
a.nav-link.hide-icm {
  display: none;
}
a.nav-link.hide-icc {
  display: none;
}
header .menubar .nav-link.active {
  font-size: 12px  !important;
}
header .menubar a {
font-size: 12px !important;
}
.img-fluid {
max-width: 77%;
height: auto;
}

}
/* @media only screen and (max-width:770px)
{
  a.nav-link.hide-icc {
    display: none  !important;
}
a.nav-link.hide-icm {
  display: none !important;
}
a.nav-link.hide-icw {
  display: none;
}
header .menubar a {
  font-size: 12px !important;
}
header .menubar .nav-link.active {
  font-size: 12px !important;
}

} */
@media only screen and (max-width:526px)
{

  .main-btn-mob
{
 font-size: 12px !important;
}

.main-btn-mob1
{
font-size: 12px !important;

}

}
@media only screen and (max-width: 769px)
{
   /* .branches-mob
  {
    display: none;
  }
    
  */

  /* header .menubar a
{
  font-size:13px I !important;
}
header .menubar .nav-link.active {
  font-size: 13px !important; 
}
.img-fluid {
  max-width: 77% !important;
  height: auto;
} */
}
@media only screen and (max-width: 768px)
{
  .navbar-nav li.nav-item:nth-child(5) {
    display: none;
}
header .menubar a
{
  font-size:13px !important;
}
header .menubar .nav-link.active {
  font-size: 13px I !important;
}
/* .img-fluid {
  max-width: 77% !important;
  height: auto;
} */
}
@media only screen and (max-width:423px)
{.main-btn-mob {
  width: 37% !important;
}
.main-btn-mob1
{
  width: 37% !important;

}

.branches-mob {
  width: 100%;
  margin-inline: auto;
  padding: 4px;
}

}

@media screen and (min-width: 769px) and (max-width: 871px) {
  .navbar-nav li.nav-item:nth-child(5) {
    display: none;
}
header .menubar a {
  font-size: 13px !important;
}header .menubar .nav-link.active {
  font-size: 13px !important;
}

}
@media screen and (min-width: 898px) and (max-width: 986px) {
  header .menubar a {
    font-size: 14px;
  }
  header .menubar .nav-link.active
  {
    font-size: 14px;
 
  }
  a.nav-link.hide-icm {
    display: none;
}

}

@media only screen and (max-width:897px)
{
  header .menubar .nav-link.active {
    font-size: 12px  !important;
}
header .menubar a {
  font-size: 12px !important;
}
a.nav-link.hide-icm {
  display: none;
}

}


@media only screen and (max-width: 331px)
{
  .main-btn-mob1 {
    font-size: 14px !important;
}
.main-btn-mob {
  font-size: 14px  !important;


}
}



/* mobile-button */

.main-btn-mob
{
  border-radius: 5px;
  padding: 4px 12px;
  background: red;
  font-size: 16px;
  font-family: "PlusJakartaSans-VariableFont_wght";
  border: none !important;
  color:#FFFFFF;

}
.main-btn-mob1
{border-radius: 5px;
  padding: 4px 12px;
  background: #FFFFFF;
  font-size: 16px;
  font-family: "PlusJakartaSans-VariableFont_wght";
  border: none !important;

}