@font-face {
      font-family: "GE SS Two Medium";
      src: url("ge-ss-two/GE_SS_Two_Medium.eot?") format("eot"), url("ge-ss-two/GE_SS_Two_Medium.woff") format("woff"), url("ge-ss-two/GE_SS_Two_Medium.ttf") format("truetype"), url("ge-ss-two/GE_SS_Two_Medium.svg#GESSTwoMedium-Medium") format("svg");
      font-weight: normal;
      font-style: normal;
    }

.arab-font{
    direction: rtl;
       
  font-family: "Alexandria", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}
body{
  font-family: 'Titillium Web'  ;
  width:100%;
}



.web-navbar
{
display: inline-flex;
justify-content: space-around;
align-items: center;
position: fixed;
width: 100%;
z-index: 99;
top: 0px;
transition: all 0.3s;
 background-color: rgba(255, 255, 255, 0.671) !important;
 height: 100px;
}

.web-navbar.scrolling {
        background-color: rgb(233, 232, 232); 
        height: 100px;
 
}


.web-navbar.fixed-top {
  background-color: #3261a4;
  top: 0;
  padding: 10px 0;
}
.web-navbar  .navbar-brand 
{
  padding-top: 10px;
  padding-bottom: 10px;
  
}
.web-navbar  .navbar-brand img
{
  max-height: 46px;
  max-width: 220px;


}
.web-navbar .nav-item .nav-link
{
  color: #365274;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: 'Titillium Web';
  margin-top: 15px;

}


/*.sticky {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    z-index: 1000;*/
/*    width: 100%;*/
/*}*/


.web-navbar .nav-item .dropdown-item
{
 font-size: 14px;
 text-transform: capitalize;
}
.navbar-toggler
{
    color: #fff;
    padding: 2px!important;
    border-color: #fff;
}
.navbar-toggler i
{
  font-size: 25px;
}



.container__navbar--scroll{
  position:fixed;
  top:0px;
  width:100%;
  -webkit-animation: slide-bottom 1s ease-in-out;
  animation: slide-bottom 1s ease-in-out;
}
.container__navbar--scroll-out{
  position:fixed;
  top:-56px;
  width:100%;
  -webkit-animation: slide-out 1s ease-out;
  animation: slide-out 1s ease-out;
}



.navbar-image{
  height:200px ;
  width:200px ;
  
}

#categoryTabs .nav-item .nav-link
{
    border-radius: 0;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0;
    border: 0;
}

#categoryTabs .nav-item .nav-link.active::before
{
   display: none;
}
.prd-details-side .nav-item .nav-link
{
  color: #030303;
  
}

.web-navbar .offcanvas
{
   background-color: #fcfcfc;
}
.web-navbar .offcanvas .btn-close
{
  padding: 0;
  display: block;
  margin-right: 10px;
  opacity: 0.8;
}
.web-navbar .offcanvas .btn-close i
{
   color: #fff;
   font-size: 30px;
}

.modal-backdrop{
  z-index: -1;
}


 @media(max-width:992px){
    .nav-item{
      border-bottom: 1px solid rgba(0, 0, 0, 0.205);
    }
  }


/* .nav-buy-button{
  width: 69px;
  height:38px;
  color: #365274;
  background-color: #b7c1cc;
  border-radius: 15px;
  border: none;
  font-family: 'Titillium Web';
  font-size: 18px;
  margin-right: 8px;
  margin-top: 15px;

}

.nav-sell-button{
  width: 69px;
  height:38px;
  color: #b7c1cc;
  background-color: rgb(2, 28, 59);
  border-radius: 15px;
  border: none;
  font-family: 'Titillium Web';
  font-size: 18px;
  margin-right: 8px;
  margin-top: 15px;

} */


.nav-button{
  width: 100%;
  height:38px;
  color: #365274;
  background-color: #D9D9D9;
  border-radius: 10px;
  border: none;
  font-family: 'Titillium Web';
  font-size: 15px;
  margin-right: 28px;
  margin-top: 15px;
  text-transform: uppercase;
         transition: background-color 0.3s ease;


}


.nav-item .nav-link::before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    margin: auto;
    width: 0%;
    content: " ";
    opacity: 0;
    background: #aaa;
    height: 1px;
}


@media(max-width:992px){
.nav-button{
  width: 50%;
  height:38px;
  color: #365274;
   background-color: transparent;
  border-radius: 10px;
  border: none;
  font-family: 'Titillium Web';
  font-size: 15px;
  /* margin-right: 28px; */
  margin-top: 15px;
  text-transform: uppercase;
         transition: background-color 0.3s ease; 
 text-align: start;


}

.nav-button:focus,
.nav-button:active {
    
    background-color: transparent !important; 
    outline: none; 
}


}


.nav-button:hover{
  background-color: #CCE3FF;
}




.new-home-sec{
margin-top: 50px;
}


.new-home-sec .first-sec {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

.new-home-sec #bg-video {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
z-index: 1;
}









.home-section{
/*margin-top: 50px;*/
  /* border-radius: 20px; */
  /* background-color: #e1e1e1; */
}




.home-section  .video-bg{
position: absolute; 
top: 0; 
left: 0; 
width: 100%;
 height: 100%;
  object-fit: cover;
   z-index: -2;
border-radius: 20px;
}

 @media(max-width:700px){
     .home-section  .video-bg{
position: absolute; 
top: 0; 
left: 0; 
width: 100%;
 height: 100%;
  object-fit: cover;
   z-index: -2;
border-radius: 0px !important;
}
 }

.home-section  .layout{
position: absolute; 
top: 0; 
left: 0; 
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
border-radius: 20px;
background-color: rgb(0, 0, 0);
opacity: .4;
}


 @media(max-width:700px){

.home-section  .layout{
position: absolute; 
top: 0; 
left: 0; 
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
border-radius: 0px !important;
background-color: rgb(0, 0, 0);
opacity: .4;
}
 }




.home-section .first-sec {
  /* background-color: #e1e1e1; */
  border-radius: 20px 0 0 20px;
  padding-left: 10%;
  padding-top: 10%;
  padding-right: 3%;
  padding-bottom: 10%;   
  position: relative;
  overflow: hidden;
  width: 100%;
  /* height: 100vh; */
   

}



.home-section .first-sec .buy-btn {
width: 120px;
                          height: 40px;
                          color: #021c3b;
                          background-color: #ffffff;
                          border-radius: 10px;
                          border: none;
                          font-family: "Titillium Web";
                          font-size: 16px;

}



/* .home-section  #video-bg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 1;
} */






.home-section .second-sec {
  /* background-color: #365274; */
  border-radius: 0 20px 20px 0;
}


.home-section .first-sec span{
  font-size: 70px;
  font-family: 'Titillium Web';
  color: #ffffff;
  font-weight: 200;
  line-height: 1;
  text-transform: uppercase;
  z-index: 15 !important;
}


  @media(max-width:992px){
    .home-section .first-sec span{
  font-size: 35px;
  font-family: 'Titillium Web';
  color: #ffffff;
  font-weight: 200;
  line-height: 1;
  text-transform: uppercase;
  z-index: 15 !important;
}

}
  


.home-section .first-sec .sub-head{
  color: #ffffff;
  font-family: 'Titillium Web';
  font-weight: 600;
  font-size: 70px;
  text-transform: uppercase;
    margin-top: 2px;
    line-height: 70px;

}

      @media(max-width:992px){
 .home-section .first-sec .sub-head{
    color: #ffffff;
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 35px;
    text-transform: uppercase;
      margin-top: 20px;
      line-height: 40px;
  
  }

}



.home-section .first-sec .main-heading{
  color: #ffffff;
  font-family: 'Titillium Web';
  font-weight: 700;
  font-size: 70px;
  text-transform: uppercase;
 margin-top: -50px;
  
  
}

.home-section .first-sec .body-text{
  color: #ffffff;
  font-size: 18px;
  padding-right: 30%;
  padding-bottom: 36px;
  margin-top: -22px;

}

   @media(max-width:992px){

.home-section .first-sec .body-text{
  color: #ffffff;
  font-size: 18px;
  padding-right: 0% !important;
  padding-bottom: 36px;
  margin-top: -22px;

}
 }

.home-section .second-sec .image-container{
  position: relative;
}

.home-section .second-sec .img-sec{
position: absolute;
margin-top: 196px;
right: 0;
margin-right: -10%;
width: 899px;
z-index: 20;

}


@media(max-width:992px){


.home-section .second-sec .img-sec{
  display: none;
  }
  
}


/* tabs code */

.tab-slider--nav {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  
}

.tab-slider--tabs {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: #021c3b;
  height: 35px;
  user-select: none;
}

.tab-slider--tabs:after {
  content: "";
  width: 50%;
  background: #b7c1cc;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 250ms ease-in-out;
  border-radius: 10px;
  
}

.tab-slider--tabs.slide:after {
  left: 50%;
}

.tab-slider--trigger {
  font-size: 17px;
  line-height: 1;
  font-family: 'Titillium Web';
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  padding: 11px 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  transition: color 250ms ease-in-out;
  user-select: none;

  
  
}

.tab-slider--trigger.active {
  color: #fff;
}

.tab-slider--body {
  margin-bottom: 20px;
}


/* end tabscode */






  .input-container{
      /* position: absolute; */
      width: 100%;
      background-color: #e1e1e1;
      height: 51px;
      margin-top: 105px;
      border: 1px solid rgba(0, 0, 0, 0.637);
      border-radius: 16px;
      padding-right: 3%;
  }


  .input-container form{
      display: flex;
  }

  .input-container form select,option {
      border: none;
      text-align-last: center;
      background-color: #e1e1e1;
      color: #878789;
  }

  .input-container .form-control{
      border: none !important;
      /* margin-top: 10px; */
      /* margin-left: 2%; */
      background-color: #e1e1e1 !important;
      border-radius: 15px !important;
      color: #878789 !important;
      font-size: 12px !important;
      padding: 0 !important;
      /* width: 22px !important; */
  }




  .input-container form select:focus {
      outline: none !important;
      box-shadow: none !important;
  }


  .home-section .input-container .location{
  
      padding: 0;
      margin-top: 21px;
      right: 0;
      margin-right: 172px;
      font-size: 12px;
      color: #878789;
  
  }



  .home-section .input-container  .fa-chevron-down{
    
      padding: 0;
      margin-top: 21px;
      right: 0;
      margin-right: 111px;
      font-size: 12px;
      color: #878789;
  }

  .home-section .input-container .search
  {
    position: relative;
      right: 0;
      margin-left: 13px;
      margin-right: 43px;
      margin-top: 18px;
      font-size: 20px;
      color: #878789;
  }

























  .featured-section{
overflow:hidden;
  }


  .featured-section .container{
     
      /*padding-left: 4%;*/
      padding-top: 70px;
      padding-bottom: 70px;
  }



  .featured-section .container .img-sec {
    padding-left: 4%;
    /*padding: 18%;*/
    padding: 25%;
    height: 110px;
    display: flex;
    justify-content: flex-start;
    align-items: center;

  /* border-width: 0 1px 0px 0; 
  border-color: black;
  border-style: solid; */
}


    @media(max-width:992px){
  .featured-section .container .img-sec {
    padding-left: 4%;
    padding: 26%;
    /*height: 100px;*/
    /*display: flex;*/
    justify-content: flex-start;
    align-items: center;

  /* border-width: 0 1px 0px 0; 
  border-color: black;
  border-style: solid; */
}

}



  .featured-section .border-class{
     border:1px solid #0000005e;
    margin-top:15px;
    border-radius: 10px;
}



@media(max-width:992px){
     .featured-section{
         padding:20px;
     }   
      .featured-section .border-class{
    border:1px solid #0000005e;
    margin-top:15px;
    border-radius: 10px;
    
   
}

}

.featured-section .container .img-sec img {
    display: inline-block;
    vertical-align: middle;
}


 .featured-section  .main-head{
    color: #365274;
    font-size: 35px;
    font-family: 'Titillium Web';
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 22px;
  
  }


  .featured-btn{
  width: 200px;
  height: 50px;
  color: white;
  background-color: #021c3b;
  border-radius: 15px;
  border: none;
  font-family: "Titillium Web";
  font-size: 22px;
  line-height: 47px;


  }

    .featured-section .sub-part{
  position: relative;
  margin-top: 25px;
}


  .featured-section .sub-part .sub-container{
      width: 90%;
      border: 1px solid black;
      border-radius: 12px;
      padding-left: 20px;
      padding-top: 20px;
      padding-bottom: 30px;
        min-height: 413px;
  }


  .featured-section .sub-part  .body-text{
      color:#365274;
      font-size: 16px;
      font-family: "Titillium Web";
      padding-right: 50px;
      margin-top: 20px;
      text-align: justify;
      margin-bottom: 12px;
  }

  .featured-section .sub-part .sub-text{
    
      font-size: 18px;
      line-height: 28px;
      color: #022249;
      font-weight: 400;
      font-family: "Titillium Web";
      padding: 0;
      margin-top: 50px;
  }

  .featured-section .sub-part .sub-count{
      font-size: 82px;
      text-transform: uppercase;
      color: #022249;
      font-weight: 600;
      font-family: "Titillium Web";
      margin-top: -45px;
      padding: 0;
  }


  .featured-section .sub-part .sub-text2{
      font-size: 18px;
      line-height: 28px;
      color: #022249;
      font-weight: 400;
      font-family: "Titillium Web";
      margin-top: -39px;
      
  }


  .featured-section .sub-part .view-all-btn{
      width: 120px;
      height: 40px;
      color:white;
      background-color:#021c3b;
      border-radius: 10px;
      border: none;
      font-family: "Titillium Web";
      font-size: 16px;
          margin-top: 67px;
      }
  

      .featured-section .sub-part .image-sec{
          position: absolute;
         /*margin-top: -158px;*/
         width: 61%;
         right: 0;
        
      }






      /* product section */

 

.product-section{
  background-color:#365274;
  position: relative;
  padding-top: 20px;
}




/* tabs2 */

.tab-slider--nav2 {
  width: 100%;
  float: left;
 
  /* border: 1px solid white; */
  
  
}


.custom-spacing {
    margin-left: 1rem; 
    margin-right: 1rem; 
    padding-left: 3rem; 
    padding-right: 3rem; 
    padding-top: 3rem; 
    padding-bottom: 3rem; 
}

 @media(max-width:760px){
    .custom-spacing {
    margin-left: 0rem; 
    margin-right: 0rem; 
    padding-left: 0rem; 
    padding-right: 0rem; 
    padding-top: 3rem; 
    padding-bottom: 3rem; 
} 
 }


.tab-slider--tabs2 {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
  height: 40px;
  user-select: none;
  /* border: 1px solid white; */
}

.tab-slider--tabs2:after {
  content: "";
  width: 50%;
  /*background: #021c3b;*/
  color: #020202 ;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 250ms ease-in-out;
  border-radius: 10px;
  background: #021c3b;
  
}

.tab-slider--tabs2.slide:after {
  left: 50%;
}

.tab-slider--trigger2 {
  font-size: 17px;
  line-height: 1;
  font-family: 'Titillium Web';
  color: #365274;
  text-transform: uppercase;
  text-align: center;
  padding: 11px 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  transition: color 250ms ease-in-out;
  user-select: none;
  width: 171px;
margin-top: 2px;
  
  
}

.tab-slider--trigger2.active {
  /* color: #365274; */
  color: white;
}

.tab-slider--body2 {
  margin-bottom: 20px !important;
}





/* end */




/* product list tab1 */


.main-card {
  padding-left: 10px;
  padding-bottom: 35px;
  border-radius: 12px 12px 0px 0px;
  
 }


.main-card .card{
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
  transition: 0.3s;
  width: 100%;
  border-radius: 14px;
  border-width: 1px 1px 0px 1px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  /*background-color: #3261a4 !important; */
  background-color: #a9c5e7 !important; 
  
}





.tab-slider--container  .image-container {
  position: relative;
  border-radius: 14px ;
}


.tab-slider--container  .image-container .fvrt-icon{
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #365274;
  margin-top: 10px;
  right: 0;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: .8;
}


.tab-slider--container  .image-container .fvrt-icon .fa-solid{
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-top: 1px;
  margin-left: 1px;
}


.tab-slider--container  .image-container .fvrt-icon  .fa-regular, .far {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-top: 1px;
  margin-left: 1px;
}










.buy-section .product-sub-section .image-container {
  position: relative;
  border-radius: 14px ;
  
}


.buy-section .product-sub-section .image-container .fvrt-icon{
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #365274;
  margin-top: 10px;
  right: 0;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: .8;
}


 .buy-section .product-sub-section .image-container .fvrt-icon  .fa-heart{
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-top: 1px;
  margin-left: 1px;
} 


.buy-section .product-sub-section .image-container .fvrt-icon  .fa-regular, .far {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-top: 1px;
  margin-left: 1px;
}




.similar-sec  .image-container .fvrt-icon{
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #365274;
  margin-top: 10px;
  right: 0;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: .8;
}


 .similar-sec  .image-container .fvrt-icon  .fa-heart{
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-top: 1px;
  margin-left: 1px;
} 


.similar-sec  .image-container .fvrt-icon  .fa-regular, .far {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-top: 1px;
  margin-left: 1px;
}





.buy-section .fa-location-dot{
  position: relative;
  color: #000000;
  right: 10px;
  margin-top: 13px;

}


.buy-section .input-container .location {
  padding: 0;
  margin-top: 21px;
  right: 0;
  /* margin-right: 172px; */
  font-size: 12px;
  color: #878789;
}




.buy-section .location-box{
right: 20px;
 z-index: 10;
  margin-top: 12px;
color: #333 !important;
} 









.main-card .card .container-fluid{
  background-color: #021c3b;
  border-width: 1px 0px 1px 0px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  border-radius: 0px 0px 14px 14px;

}



.main-card .card .main-head{
  color: #ffffff;
  font-size: 12px;
  font-family: "Titillium Web";
  font-weight: 400;
  margin-top: 17px;
  margin-left: 12px;
 
 }


 .main-card .card .sub-head{
  color:#a9c5e7;
  font-size: 13px;
  font-family: "Titillium Web";
  font-weight: 400;
  margin-top: -15px;
  margin-left: 12px;
  line-height: 16px;
 
 }


 .main-card .card .location{
  color: #ffffff;
  font-size: 14px;
  font-family: "Titillium Web";
  font-weight: 400;
  margin-top: -13px;
  margin-left: 26px;
 
 
 }

 .main-card .card .loc-icon{
  font-size: 12px;
  color: white;
  margin-left: 13px;
  margin-top: -7px;
 }


 .main-card .card .price{
  font-size: 14px;
   margin-top: 20px; 
   color:#a9c5e7;
   text-align: right;
   font-family: "Titillium Web";
   padding-right: 12px;
 }

 .main-card .card .months{
  font-size: 12px;
   margin-top: -15px; 
   text-align: right;
   color:#9fa3a3;
   font-family: "Titillium Web";
   padding-right: 12px;
  
 }




 .main-card .card .view-details {
  min-width: 80px;
  height: 30px;
  background-color: white;
  border: none;
  border-radius: 12px;
  font-size: 12px;
  font-family: "Titillium Web";
  /* margin-left: 20px; */
  /*margin-right: 10px;*/
  margin-top: -10px;
      margin-bottom: 12px;
  
}





.bank-section .bank-part {

  position: relative;
  margin-top: 100px;
  padding-bottom: 100px;
}


.bank-section .offer-image {

  margin-top: -150px;
}
  .bank-section .bank-part  .main-heading{
    font-size: 35px;
    font-family: "Titillium Web";
    padding-bottom: 30px;
    font-weight: 600;
    color: #365274;
    margin-left: 15px;
   
  }
/* .bank-section .bank-part::before
{
 content: ' ';
 position: absolute;
 left: 0;
 bottom: 0;
 height: 100%;
 width: 100%;
 opacity: 0.7;
} */
.bank-section .bank-img-wrap
{
 
  padding: 15px;
  display: flex!important;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100%;

}


.bank-section .brand {
  border-right: 1px solid #e5e5e7;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}

      @media(max-width:700px){
.bank-section .brand {
 border-right: none;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}
}

.bank-section .brand  .img-sec{
/*height: 45px;*/
height: auto;
width: 110px;
}

.bank-section .brand:nth-child(5n) {
border-right: none;
}


.bank-section  .main-emi-card{

background-color: #021c3b;

padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 25px;
margin: 0;
border-radius: 25px;
height: 460px;

}

  @media(max-width:992px){
.bank-section  .main-emi-card{

background-color: #51BDF9;

padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 25px;
margin: 0;
border-radius: 0px;


}
  }


.bank-section .emi-card{

background-color: #a9c5e7; 
border-radius: 25px 25px 0  0;
/* padding: 50px; */
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
font-family: "Titillium Web";

}

     @media(max-width:992px){

.bank-section .emi-card{

background-color: #a9c5e7; 
border-radius: 0px 0px 0  0 !important;
/* padding: 50px; */
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
font-family: "Titillium Web";

}
 }
  



.bank-section .emi-card .main-head{

font-size: 26px;
 color: #365274;
/* padding-left: 36px; */

}



.bank-section .emi-card .body-text{

font-size: 14px;
 color: #365274;
/* padding-left: 36px; */
margin-top: 20px;

}


.bank-section .emi-card button{
background-color: #ffffff;
width: 122px;
height: 76px;
border: none;
border-radius: 12px;
color: #365274;
font-size: 20px; 

text-align: center;
margin-top: 40px;

}




.bank-section .emi-card img{

margin-left: 60px;


}



@media(max-width:700px){
    .bank-section .emi-card img{

margin-left: 10%;


}
}



/* review section */


/* Default styles for larger screens */

/*.review-section{*/
/* background-color: white;*/
/* padding-top: 100px;*/
/* padding-bottom: 100px;*/
 
/*}*/


.review-section {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  min-height: 50vh; /* Ensure the section stretches to full height */
  overflow: hidden; /* Ensure the video doesn't overflow */
}

.background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  filter: brightness(0.5); /* Optional: To darken the video for better text readability */
}

.review-section .container-fluid {
  position: relative;
  z-index: 1; /* Ensure the content is above the video */
  color: white; /* Adjust text color as needed */
}


.review-section1 .main-card {
  padding-top: 45px;
  padding-bottom: 65px;
}

.review-section .card {
  position: relative;
  height: 330px;
   /*width: 94%; */
  /*background-color:#3261a4;*/
   background-color:#a9c5e7;
  border: 1px solid #E9E9E9;
  z-index: 3;
  display: flex;
  margin: 0 auto; /* Center the cards */
  padding: 2%;
}


@media(max-width:992px){
    .review-section .card {
  position: relative;
  height: 330px;
   width: 94%; 
  background-color:#a9c5e7;
  border: 1px solid #E9E9E9;
  z-index: 3;
  display: flex;
  margin: 0 auto; /* Center the cards */
  padding: 2%;
}
}


.review-section .card .coma-icon {
  position: absolute;
  margin-left: 33px;
  margin-top: 30px;
  opacity: .1;
  
}

.review-section .card .review {
  
  margin-top: 120px;
  margin-left: 20px;
  font-size: 15px;
  color:#365274;
  /*color: rgba(255, 255, 255, 0.8);*/
  /* line-height: 30px; */
  font-family: "Titillium Web";
  /* text-align: justify; */
  padding-right: 7%;

}


@media (min-width: 1000px) and (max-width: 1400px) {
  .review-section .card .review {
  
  margin-top: 70px;
  margin-left: 20px;
  font-size: 15px;
  color:#365274;
  /*color: rgba(255, 255, 255, 0.8);*/
  /* line-height: 30px; */
  font-family: "Titillium Web";
  /* text-align: justify; */
  padding-right: 7%;

}
}







.review-section .card .name {
  margin-left: 20px;
  font-family: "Titillium Web";
  /*color: white;*/
color:#365274;
  font-size: 16px;
  
 
}



.review-section .card  .rating{
  margin-top: 30px;
  margin-right: 20px;
  color: white;
  font-size: 20px;
}





footer{
 
   /*background-color: #141414;*/
    background-color: #021c3b;
  /*padding-top: 40px;*/
  /*padding-bottom: 20px;*/
}
footer .custom-padding {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
}

  @media(max-width:992px){
 footer .custom-padding {
  padding-left:13px;
  padding-right: 0px;
  padding-top: 0px;
}
  }
  

footer .footer-icon{
width: 240px;
}







/* buypage */


  .buy-section{
  padding-top: 100px;
  margin-bottom: 100px;
  overflow:hidden;
  }

.buy-section .side-bar{
  background-color: #f0eeee;
  border-radius: 14px;
  /* padding-left: 20px; */
  padding-top: 3%;
  padding-bottom: 3px;
}


.buy-section .side-bar .location-head{
  color: #365274;
  font-size: 17px;
  font-weight: 600;
  margin-left: 20px;
  margin-top: 10px;
  padding: 0;
  font-family: "Titillium Web";
}

p{
  font-family: "Titillium Web";
}


.buy-section .side-bar .location-box{
  width: 85%;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.432);
  border-radius: 14px;
  margin-left: 20px;
  
}



.buy-section .side-bar .location-box input {
  background-color: #f0eeee;
  border: none;
  display: block;
  outline: none;
  height: 20px;
  margin-top: 10px !important;
  margin-left: 12px !important;
  /* margin: 0 auto; */
  /* padding: 10px; */
  color: #333;
  width: 90%;
}




.buy-section .side-bar  .budgut-range-head{
  padding: 0;
  font-size: 17px;
  font-weight: 600;
  font-family: "Titillium Web";
  color: #365274;
  margin-left: 20px;

}


.buy-section .side-bar  .budgut-range-price{
  padding: 0;
  font-size: 14px;
  /* font-weight: 600; */
  font-family: "Titillium Web";
  color: #909092;
  margin-left: auto;
  margin-right: 10%;
}


.buy-section .side-bar #progress {
  background: linear-gradient(to right, #000000 0%, #000000 40%, #7c7979 40%, #7c7979 100%);
  border-radius: 8px;
  height: 3px;
  width: 85%;
  outline: none;
  transition: background 450ms ease-in;
  -webkit-appearance: none;
  margin-left: 20px;
}

.buy-section .side-bar #progress::-webkit-slider-thumb {
  width:10%;
  height: 30px;
  margin-top: -15px;
  -webkit-appearance: none;
  cursor: pointer;
  background: url('images/logo/car.png') center no-repeat;
}




/* Style the buttons that are used to open and close the accordion panel */
.buy-section .side-bar .accordion {
  background-color: #f0eeee;
  cursor: pointer;
  /* padding: 18px; */
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-size: 17px;
  font-weight: 600;
  font-family: "Titillium Web";
  color: rgb(54, 82, 116);
  margin-left: 14px;
  width: 85% !important;
}




.buy-section .side-bar .panel {
  /* padding: 0 18px; */
  background-color: #f0eeee;
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-out;
  color:rgb(54, 82, 116);
  margin-left: 20px;
  width: 85%;
  
}

.buy-section .side-bar .accordion:after {
  content: '+'; /* Unicode character for "plus" sign (+) */
  font-size:16px;
  color: rgb(54, 82, 116);
  float: right;
  /* margin-left: 5px; */
  transform: scale(1.5); 
}

.buy-section .side-bar .active:after {
  content: "-"; /* Unicode character for "minus" sign (-) */
  transform: scale(2); /* Adjust the scale factor as needed */
}



.buy-section .side-bar .panel .type-of-vehicle{
  text-align: justify;
  margin-top: 20px;
}


.buy-section .side-bar .panel .type-of-vehicle button{
  height: 30px;
  border: 1px solid rgb(54, 82, 116);
  border-radius: 9px;
  min-width:60px;
  margin-top: 12px;    
  font-family: "Titillium Web";
  text-align: center;
  color: #909092;
  font-size: 14px;
  font-weight: 400px;
}


.buy-section .side-bar .panel .brand{

  margin-top: 20px;
}


.buy-section .side-bar .panel .brand .scrollbar
{
/* margin-left: 30px; */
float: left;
height: 300px;
width: 100%;
background: #f0eeee;
overflow-y: scroll;
margin-bottom: 25px;
}

.buy-section .side-bar .panel .brand .force-overflow
{
min-height: 20px;
} 
.buy-section .side-bar .panel .brand #wrapper
{
/* text-align: center; */
width: 95%;
/* margin: auto; */
  right: 0;
}


.buy-section .side-bar .panel .brand #style-14::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6) !important;
background-color: #CCCCCC !important;
}

.buy-section .side-bar .panel .brand #style-14::-webkit-scrollbar
{
width: 5px !important;
background-color: #F5F5F5 !important;
}

.buy-section .side-bar .panel .brand #style-14::-webkit-scrollbar-thumb
{
background-color: #FFF !important;
background-image: -webkit-linear-gradient(90deg,
                                          rgba(0, 0, 0, 1) 0%,
                      rgba(0, 0, 0, 1) 25%,
                      transparent 100%,
                      rgba(0, 0, 0, 1) 75%,
                      transparent) !important;
}



.buy-section .side-bar .panel .car-age{

margin-top: 22px;
}


.buy-section .side-bar #car-age {
background: linear-gradient(to right, #000000 0%, #000000 40%, #7c7979 40%, #7c7979 100%);
border-radius: 8px;
height: 3px;
width: 95%;
outline: none;
transition: background 450ms ease-in;
-webkit-appearance: none;
/* margin-left: 20px; */
}

.buy-section .side-bar #car-age::-webkit-slider-thumb {
width:10%;
height: 30px;
margin-top: -15px;
-webkit-appearance: none;
cursor: pointer;
background: url('images/logo/car.png') center no-repeat;
}



/* .buy-section .side-bar .panel .Kilometers-drive button{
height: 30px;
border: 1px solid rgb(54, 82, 116);
border-radius: 9px;
width:160px;
margin-top: 12px;    
font-family: "Titillium Web";
text-align: center;
color: #909092;
font-size: 14px;
font-weight: 400px;
display: block;
} */

.buy-section .side-bar .panel .Kilometers-drive button {
height: 30px;
border: 1px solid rgb(54, 82, 116);
border-radius: 9px;
width:160px;
margin-top: 12px;    
font-family: "Titillium Web";
text-align: center;
color: #909092;
font-size: 14px;
font-weight: 400px;
display: block;
}

.buy-section .side-bar .panel .Kilometers-drive button:hover {
background-color: #adadad;
}

.buy-section .side-bar .panel .Kilometers-drive button.active {
background-color: #365274;
color: #fff;
}


.buy-section .side-bar .panel .fuel-type button {
height: 30px;
border: 1px solid rgb(54, 82, 116);
border-radius: 9px;
width:160px;
margin-top: 12px;    
font-family: "Titillium Web";
text-align: center;
color: #909092;
font-size: 14px;
font-weight: 400px;
display: block;
}

.buy-section .side-bar .panel .fuel-type button:hover {
background-color: #adadad;
}

.buy-section .side-bar .panel .fuel-type button.active {
background-color: #365274;
color: #fff;
}



.buy-section .side-bar .panel .transmission-type button {
height: 30px;
border: 1px solid rgb(54, 82, 116);
border-radius: 9px;
min-width:220px;
margin-top: 12px;    
font-family: "Titillium Web";
text-align: center;
color: #909092;
font-size: 14px;
font-weight: 400px;
display: block;
}

.buy-section .side-bar .panel .transmission-type button:hover {
background-color: #adadad;
}

.buy-section .side-bar .panel .transmission-type button.active {
background-color: #365274;
color: #fff;
}








.buy-section .side-bar .panel .model-type button {
  height: 30px;
  border: 1px solid rgb(54, 82, 116);
  border-radius: 9px;
  min-width:220px;
  margin-top: 12px;    
  font-family: "Titillium Web";
  text-align: center;
  color: #909092;
  font-size: 14px;
  font-weight: 400px;
  display: block;
  }
  
  .buy-section .side-bar .panel .model-type button:hover {
  background-color: #adadad;
  }
  
  .buy-section .side-bar .panel .model-type button.active {
  background-color: #365274;
  color: #fff;
  }
  
  .buy-section .side-bar .panel .year-type button {
    height: 30px;
    border: 1px solid rgb(54, 82, 116);
    border-radius: 9px;
    min-width:220px;
    margin-top: 12px;    
    font-family: "Titillium Web";
    text-align: center;
    color: #909092;
    font-size: 14px;
    font-weight: 400px;
    display: block;
    }
    
    .buy-section .side-bar .panel .year-type button:hover {
    background-color: #adadad;
    }
    
    .buy-section .side-bar .panel .year-type button.active {
    background-color: #365274;
    color: #fff;
    }

    .buy-section .side-bar .panel .comforts button {
      height: 30px;
      border: 1px solid rgb(54, 82, 116);
      border-radius: 9px;
      min-width:220px;
      margin-top: 12px;    
      font-family: "Titillium Web";
      text-align: center;
      color: #909092;
      font-size: 14px;
      font-weight: 400px;
      display: block;
      }
      
      .buy-section .side-bar .panel .comforts button:hover {
      background-color: #adadad;
      }
      
      .buy-section .side-bar .panel .comforts button.active {
      background-color: #365274;
      color: #fff;
      }
  


















.product-sub-section .head{
font-family: "Titillium Web";
color: #365274; 
font-size: 28px;
text-transform: uppercase;
font-weight: 600;
}


.product-sub-section .head-body{
font-family: "Titillium Web";
color: #365274; 
font-size: 13px;
width: 70%;
font-weight: 300;


}


.product-sub-section .product-multiple-row-slider{
margin-top: 40px;
}




/* buy page innner */

.buy-page-inner-sec{
margin-top: 60px;
padding-bottom: 100px;
}

.buy-page-inner-sec .head{
font-family: "Titillium Web";
color: #365274; 
font-size: 28px;
text-transform: uppercase;
font-weight: 600;
}

.buy-page-inner-sec  .head-body{

font-family: "Titillium Web";
color: #365274; 
font-size: 13px;
/* font-weight:600; */


}









/* display product */

.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: -2rem !important;
margin-left: 15%;
list-style: none;


}


.carousel-indicators img {
width: 215px;
display: block;

}


@media(max-width:992px){
.carousel-indicators img {
  width: 100px;
  display: block;
  
}

}




.carousel-indicators button {
width: max-content !important;
}

.carousel-indicators {
position: unset;
}










/* end */



.product-sub-sec{

}



.product-sub-sec .card{
  border-style: solid;
  border-width: 0px 1px 0px 0px; /* top, right, bottom, left */
  border-color: #0000001f;
  background-color:#d3d5d6 ;
  border-radius: 0px;
}


.product-sub-sec .card img{
height: 40px;
width: auto;
margin-top: 12px;
}

.product-sub-sec .card p{
font-size: 17px;
/* line-height: 18px; */
color: #070707;
/* font-weight: 400; */
font-family: "Titillium Web";
margin-top: 20px;
}







.buy-page-inner{
background-color: #365274;
padding-top: 50px;
padding-bottom: 120px;
}



.buy-page-inner .first-card .main-head{

font-size: 30px;
/* line-height: 84px; */
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "Titillium Web";
}

.buy-page-inner .first-card .track{

width: 130px;
height: 30px;
font-size: 15px;
/* line-height: 32px; */
color: #ffffff;
/* font-weight: 400; */
font-family: "Titillium Web";
/* border: 1px solid rgb(255, 255, 255); */
border: none;
background-color: rgb(2, 28, 59);
border-radius: 10px;
}



.buy-page-inner  .car-over-view{
font-size: 20px;
line-height: 84px;
text-transform: uppercase;
color: #87b7f4;
font-weight: 400;
font-family: "Titillium Web";

}

.buy-page-inner  .warranty-service{
display: flex;

}



.buy-page-inner  .warranty-service .warranty{
font-size: 20px;
/* line-height: 84px; */
color: #ffffff;
/* font-weight: 400; */
font-family: "Titillium Web";
margin-top: 5px;
 
}

.buy-page-inner  .custom-tab{

   
}


.buy-page-inner  .custom-tab .custom-btn{

   min-width: 142px;
   height: 35px;
   border: none;
   /* border: 1px solid white; */
   background-color:rgb(2, 28, 59) ;
   border-radius: 10px;
   color: white;
   font-family: "Titillium Web";
   padding-left: 10px;
   
  
  
   
}

.custom-tab .nav .active .custom-btn {
  background-color: #7cb1f5; 
  color: black;
}


.buy-page-inner  .custom-tab .tab-content{

border: 1px solid rgba(255, 255, 255, 0.37);

border-radius: 10px;
margin-top: 30px;
padding-left:30px ;
padding-right: 30px;
padding-top:30px ;
padding-bottom:50px;
height: 486px;
}

.buy-page-inner  .custom-tab .tab-content  .body{
font-size: 13px;
line-height: 22px;
color: #ffffff;
font-weight: 400;
font-family: "Titillium Web";
line-height: 13px;

margin-top: 7px;
}


.buy-page-inner  .second-card{
border: 1px solid rgba(255, 255, 255, 0.37);
/* background-color: #21314441 !important; */
border-radius: 10px;
margin-top: 30px;
padding-left:30px ;
padding-right: 30px;
/* padding-top:30px ; */
padding-bottom:50px;
}


.buy-page-inner  .second-card .car-spec{
font-size: 20px;

color: #ffffff;

font-family: "Titillium Web";

 
}


.buy-page-inner  .second-card .body{
  font-size: 17px;
  color: #ffffff;
  font-family: "Titillium Web";
   
  }
  

  .buy-page-inner  .second-card .body-sub{
    font-size: 17px;
    color: #87b7f4;
    font-family: "Titillium Web";
     
    }
    



    .buy-page-inner  .accident-history{
      background-color: rgb(2, 28, 59);
      border: 1px solid rgba(255, 255, 255, 0.37);
      border-radius: 10px;
      padding-top: 20px;
      padding-bottom: 20px;

    }

    .buy-page-inner  .accident-history .main-head{
      font-size: 20px;
      /* line-height: 62px; */
      text-transform: uppercase;
      color: #87b7f4;
      font-weight: 400;
      font-family: "Titillium Web";
      margin-left: 50px;
      
    
    }


    .buy-page-inner  .accident-history .minor-ac{
      font-size: 19px;
      /* line-height: 62px; */
  
      color: white;
      font-weight: 400;
      font-family: "Titillium Web";
  margin-left: 20px;
    }


    .buy-page-inner  .accident-history .minor-body{
      font-size: 15px;
      color: white;
      /* font-weight: 400; */
      font-family: "Titillium Web";

    }


    .buy-page-inner  .accident-history .report{
      min-width: 132px;
      height: 35px;
      border: 1px solid white;
      background-color: #7cb1f5; 
      border-radius: 10px;
      color: white;
      font-family: "Titillium Web";
      padding-left: 10px;

    }


   .inspection-sec{
    padding-top:40px ;
    padding-bottom:40px ;
    background-color: #d3d5d6;

   }


   
   .inspection-sec .main-head{
  
    font-size: 25px;
    /* line-height: 62px; */
    text-transform: uppercase;
    color: #365274;
    font-weight: 600;
    font-family: "Titillium Web";
   }





   .inspection-sec .custom-btn-ins{

    min-width: 142px;
    min-height: 35px;
    border: none;
    /* border: 1px solid white; */
    background-color:rgb(2, 28, 59) ;
    border-radius: 10px;
    color: white;
    font-family: "Titillium Web";
    padding-left: 20px;
    padding-right: 20px;
    
   
    
 }
 


 @media(max-width: 992px) {
  .inspection-sec .custom-btn-ins{

    min-width: 142px;
    min-height: 35px;
    border: 1px solid white;
    background-color:#365274 ;
    border-radius: 10px;
    color: white;
    font-family: "Titillium Web";
    padding-left: 10px;
    margin-left: 20px;
    margin-top: 20px;
    
   
    
 }


 .inspection-sec .custom-btn-ins1{

 
  margin-left: 10px;
  
  
 
  
}

}



.book-section{
padding-top: 50px;
padding-bottom: 50px;
}


.book-section .main-head{
font-size: 25px;
/* line-height: 62px; */
text-transform: uppercase;
color: #365274;
font-weight: 600;
font-family: "Titillium Web";
}


.book-section input.form-control {
border: 1px solid rgb(207 207 207 / 57%);
border-radius: 9px;
color: #000000;
height: 45px;
font-size: 16px;
font-family: "Titillium Web";
box-shadow: none;
/* background-color: rgb(240 240 240 / 40%); */
}


.book-section button {
width: 100%;
height: 45px;
background-color: rgb(2, 28, 59);
color: #ffffff;
font-size: 26px;
border: none;
border-radius: 9px;
font-family: "Titillium Web";
}


.book-section  .terms{
width: 60%;
font-family: "Titillium Web";
font-size: 14px;
}


@media(max-width:992px){
.book-section  .terms{
  width: 100%;
  font-family: "Titillium Web";
  font-size: 14px;
}
}



.similar-sec{
padding-top: 50px;
padding-bottom: 50px;
background-color: #b4b3b3;
}


.similar-sec .main-head{
font-size: 25px;
/* line-height: 62px; */
text-transform: uppercase;
color: #f8f8f8;
font-weight: 600;
font-family: "Titillium Web";
}


.faqs-sec{
padding-top: 50px;
padding-bottom: 50px;
background-color: #365274;
}


.faqs-sec .main-head{
font-size: 25px;
/* line-height: 62px; */
text-transform: uppercase;
color: #f8f8f8;
font-weight: 600;
font-family: "Titillium Web";
margin-top: 20px;
margin-bottom: 25px;
}

/* 
.faqs-sec .custom-accordion .accordion-item .accordion-body{
background-color: red !important;
} */




.acor.main-accordion{
padding-left: 10px;
padding-top: 10px;
margin-top: 12px;
border-radius: 12px;
width: 50%;
/* border: 1px solid rgba(0, 0, 0, 0.363); */



}



.acor .accordion-item .accordion-header .accordion-button .accordian-section{
/* padding-top: 10px;
padding-bottom: 10px; */
/* padding-left: 10px; */
font-size: 20px;
color: #ffffff;
line-height: 119%;
font-style: normal;
font-weight: 700;
font-family: "Titillium Web";
}


.acor .accordion-item .accordion-header .accordion-button i {
position: absolute;
right: 0;
margin-top: -20px;
font-size: 15px;
color: #ffffff;
}


.acor .accordion-item .accordion-body {
color:white;
font-family: "Titillium Web";
font-size: 15px;
width: 80%;
background-color: rgba(128, 128, 128, 0.308);
padding: 20px;
border-radius: 10px;
margin-bottom: 10px;
}













.sell-sec{
padding-top: 20px;
padding-bottom: 20px;
}

.sell-sec .main-head{
font-size: 35px;
text-transform: uppercase;
color: #365274;
font-weight: 600;
font-family: "Titillium Web";
margin-top: 25px;
}


.sell-sec .main-body{
font-size: 18px;
 color: #365274;
 font-family: "Titillium Web";
 margin-top: 25px;
 width: 50%;
}


@media(max-width:992px){
.sell-sec .main-body{
  font-size: 18px;
   color: #365274;
   font-family: "Titillium Web";
   margin-top: 25px;
   width: 100%;
 }
 
}



.sell-your-car {
background-size: cover; /* Adjusts the size of the background image to cover the entire container */
/* background-position: center;  */
padding-top: 50px; /* Adds padding to the section */
padding-bottom: 50px;
position: relative;


}


@media(max-width:992px){

.sell-your-car {
  background-size: cover; /* Adjusts the size of the background image to cover the entire container */
  background-position: center; 
  padding-top: 50px; /* Adds padding to the section */
  padding-bottom: 50px;
  position: relative;
  

}
}




.light-blue-layout {
position: absolute; /* Position the layout absolutely within the section */
top: 0;
left: 0;
width: 100%; /* Cover the entire width of the section */
height: 100%; /* Cover the entire height of the section */
background-color: #093D88; /* Light blue color with some transparency */
opacity: .3;
z-index: 2; 
}

.sell-your-car  .main-sec{
position: relative;
background-color:#365274;
/* height: 500px; */
border-radius: 40px;
opacity: .9;
margin-top: 30px;
margin-bottom: 30px;
z-index:3;

}





.track-order-map{
padding-top: 50px;
/* z-index: 10; */
padding-left: 50px;
padding-bottom: 50px;
z-index:4;
}



.dashed-line {
border-left: 2px solid #ffffff;
height: 285px; 
margin-left: 6px; 
margin-top: -219px;
z-index:3;
/* position: absolute; */

}




.car-details{

font-size: 16px;
font-family: "Open Sans", sans-serif;
color: rgb(255, 255, 255);
font-weight: 500;
/* margin-left: 16px; */
margin-top: -4px;
text-transform: uppercase;

}

.order-placed-sub{

font-size: 14px;
font-family: "Open Sans", sans-serif;
color: black;
/* font-weight: 500; */
margin-left: 38px;
margin-top: -12px;
}


.sell-your-car .first-sec  .first-sec1 select.form-control {
border: 1px solid rgba(255, 255, 255, 0.57);
border-radius: 15px;
color: #000000;
height: 50px;
font-size: 16px;
font-family: "Titillium Web";
box-shadow: none;
background-color: transparent;
/* z-index: 5; */
width: 100%;
}





.sell-your-car .first-sec  .first-sec1 input.form-control {
border: 1px solid rgba(255, 255, 255, 0.57);
border-radius: 15px;
color: #000000;
height: 50px;
font-size: 16px;
font-family: "Titillium Web";
box-shadow: none;
background-color: transparent;
/* z-index: 5; */
}


.sell-your-car .first-sec input.form-control::placeholder {
color: #ffffff; /* Change placeholder color to gray */
text-align: center;

}




.sell-your-car .first-sec .next{


width: 82px;
height: 28px;
border: none;
background-color: #0094FF;
text-align: center;
margin-top: 12px;
border-radius: 10px;
color: white;
text-transform: uppercase;



}


.dashed-line1 {
border-left: 2px solid #ffffff;
height: 285px; 
margin-left: 6px; 
margin-top: -282px;
/* z-index:3; */
/* position: absolute; */

}

.sell-your-car .first-sec .file{


width: 122px;
height: 28px;
border: none;
background-color: #0094FF;
text-align: center;
margin-top: 12px;
border-radius: 10px;
color: white;
text-transform: uppercase;



}






.sell-your-car .second-sec  .first-sec1 input.form-control {
border: 1px solid rgba(255, 255, 255, 0.57);
border-radius: 15px;
color: #000000;
height: 50px;
font-size: 16px;
font-family: "Titillium Web";
box-shadow: none;
background-color: transparent;
/* z-index: 5; */
}


.sell-your-car .second-sec  input.form-control::placeholder {
color: #ffffff; /* Change placeholder color to gray */
/* text-align: center; */

}




.sell-your-car .second-sec  .next{


width: 82px;
height: 28px;
border: none;
background-color: #0094FF;
text-align: center;
margin-top: 12px;
border-radius: 10px;
color: white;
text-transform: uppercase;



}



.sell-your-car .sub-part{
  padding-left: 20px;
  padding-right: 20px;
}

.sell-your-car .sub-part .main-body{
padding-left: 20px;
padding-right: 150px;
margin-top: 150px;
font-size: 40px;
font-family: "Titillium Web";
color: white;
font-weight: 600;
text-transform: uppercase;
}


.sell-your-car .sub-part .sub-body{
padding-left: 20px;
padding-right: 150px;
 margin-top: 20px;
font-size: 13px;
font-family: "Titillium Web";
color: white;
text-align: justify;
text-transform: uppercase;
}

.sell-your-car .sub-part .image-tag{
width: 60%;  
margin-top: 200px;
}




.sell-your-car .sub-part .position-absolute .main-head{
margin-top: -300px;
margin-left: 72px !important;
 
 font-family: "Titillium Web";
 font-size: 22px;
 font-weight: 600;
 color: #0A3771;
}

.sell-your-car .sub-part .position-absolute .sub-head{

margin-left: 49px;
margin-top: -25px;
 font-family: "Titillium Web";
 font-size: 10px;
width: 40%;
 color: #0A3771;
 padding: 20px;
}



.sell-your-car-sub{
/* height: 400px; */
padding-top:100px ;
padding-bottom:100px ;
background: linear-gradient(40deg, #B7D3F3 49%, #D9D9D9 49%);
}


.sell-your-car-sub .main-head{

 
 font-family: "Titillium Web";
 font-size: 35px;
text-transform: uppercase;
 color: #365274;
 font-weight: 600;
 /* display: flex;
 justify-content: flex-end; */
}


.sell-your-car-sub .sub-head{

 
font-family: "Titillium Web";
font-size: 35px;
text-transform: uppercase;
color: #365274;
margin-left: -5%;
/* font-weight: 600; */
/* display: flex;
justify-content: flex-end; */
}


.image-tag-sec{
/* position: absolute; */
margin-top: -38px;
margin-left: -229px;

}

@media(max-width:1447px){
.image-tag-sec{
  /* position: absolute; */
  margin-top: -38px;
  margin-left: -150px;

}
}


@media(max-width:1200px){
.image-tag-sec{
  /* position: absolute; */
  margin-top: -38px;
  margin-left: -100px;
  
}
}


@media(max-width:1000px){
.image-tag-sec{
  /* position: absolute; */
  margin-top: 0;
  margin-left: 0;
  
}


.sell-your-car-sub .main-head{

 
  font-family: "Titillium Web";
  font-size: 35px;
text-transform: uppercase;
  color: #365274;
  font-weight: 600;
  /* margin-left: -5%; */
  /* display: flex;
  justify-content: flex-end; */
}


.sell-your-car-sub .sub-head{

  
 font-family: "Titillium Web";
 font-size: 35px;
text-transform: uppercase;
 color: #365274;

 /* font-weight: 600; */
 /* display: flex;
 justify-content: flex-end; */
}







}


.sell-your-car-sub .body-text{
font-family: "Titillium Web";
font-size: 12px;
color: #365274;
width: 70%;


}



.faq-section{
padding-top: 100px;
padding-bottom: 100px;
}






.faq-section .main-body{
width: 80%;
}

.faq-section .main-head{
font-family: "Titillium Web";
 font-size: 35px;
text-transform: uppercase;
 color: #365274;
 font-weight: 600;

}


@media(max-width:992px){
.faq-section .main-body{
  width: 100%;
}
.faq-section .main-head{
  font-family: "Titillium Web";
  font-size: 27px;
  text-transform: uppercase;
  color: #365274;
  font-weight: 600;
  
}
}




.faq-section .faq.main-accordion{
padding-left: 10px;
padding-top: 10px;
margin-top: 12px;
border-radius: 12px;
/* width: 50%; */
/* border: 1px solid rgba(0, 0, 0, 0.363); */



}



.faq-section .faq .accordion-item .accordion-header .accordion-button .accordian-section{

font-size: 20px;
color: #365274;
line-height: 119%;
font-style: normal;
/* font-weight: 400; */
font-family: "Titillium Web";
}

.faq-section .faq .accordion-item .accordion-header .accordion-button i {
position: absolute;
right: 0;
margin-top: -20px;
font-size: 15px;
color: #365274;
}


.faq-section .faq .accordion-item .accordion-body {
color:#737374 !important;
font-family: "Titillium Web";
font-size: 14px;
width: 95%;
padding-bottom: 15px;
background-color: rgba(128, 128, 128, 0.212);
/* opacity: .5; */
border-radius: 10px;
padding: 20px;
margin-bottom: 10px;
}







.my-account-sec{
padding-top: 75px;
}


.my-account-sec .main-head{
font-family: "Titillium Web";
font-size: 35px;
text-transform: uppercase;
color: #365274;
font-weight: 600;
}


.my-account-sec .main-body{
font-family: "Titillium Web";
font-size: 14px;
color: #365274;
width: 40%;
margin-top: 20px;
padding-bottom: 20px;

}



@media(max-width:992px){
.my-account-sec .main-body{
  font-family: "Titillium Web";
  font-size: 14px;
  color: #365274;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 20px;

}

}



.my-account-sec .profile{
background-color: #021c3b;
display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  border-radius: 20px;
  
}



.my-account-sec .profile img{

border-radius: 50%;
margin-top: 30px;
margin-bottom: 30px;
}

.my-account-sec .profile-body{
/*background-color: #D9D9D9;*/
    background-color: #021c3b;
border-radius: 20px;
min-height: 420px;
/* padding: 20px; */
}



.my-account-sec .profile-body .form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #f0f0f0;
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0;
}




.my-account-sec .profile-body .nav-tabs {
  --bs-nav-tabs-border-width: 0px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  font-family: "Titillium Web";
}


.my-account-sec .profile-body .nav {
--bs-nav-link-padding-x: 30px;
--bs-nav-link-padding-y: 20px;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: #858585;
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: #6c757d;

display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
background-color: #2d3640;
border-radius: 20px 20px 0 0 ;
font-family: "Titillium Web";
overflow: hidden !important;
}

.my-account-sec .profile-body .nav .nav-link:focus, .nav-link:hover{
    color: #858585 !important;

} 

@media(max-width:1442px){
.my-account-sec .profile-body .nav {
  --bs-nav-link-padding-x: 20px;
  --bs-nav-link-padding-y: 20px;
  --bs-nav-link-font-weight: ;
 --bs-nav-link-color: #858585;
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: #2d3640;
  border-radius: 20px 20px 0 0 ;
  font-family: "Titillium Web";
}

}


@media(max-width:1200px){
.my-account-sec .profile-body .nav {
  --bs-nav-link-padding-x: 10px;
  --bs-nav-link-padding-y: 20px;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: #858585;
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: #2d3640;
  border-radius: 20px 20px 0 0 ;
  font-family: "Titillium Web";
}

}

/* @media(min-width:1200px){
.my-account-sec .profile-body .nav {
  --bs-nav-link-padding-x: 20px;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: #BCBCBC;
  border-radius: 10px 10px 0 0 ;
}
}


@media(min-width:1300px){
.my-account-sec .profile-body .nav {
  --bs-nav-link-padding-x: 20px;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: #BCBCBC;
  border-radius: 10px 10px 0 0 ;
}
}


*/


.my-account-sec .profile-body .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: white !important;
background-color:  #021c3b !important;
/*background-color:  white !important;*/
border-color: var(--bs-nav-tabs-link-active-border-color);
border-radius: 0px 0px 0px 0px !important;
}


.my-account-sec .profile-body  .pro-submit{
min-width: 86px;
height: 38px;
border: none;
border-radius: 10px;
background-color: #d1d4d7;
color: black;
font-family: "Titillium Web";
text-transform: uppercase;
font-size: 16px;

}



.my-account-sec .name{
color: #365274;
font-family: "Titillium Web";
font-size: 18px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
margin-top: 20px;
}

.my-account-sec .number{
color: #365274;
font-family: "Titillium Web";
font-size: 14px;
text-align: center;

}




.contact-section{
padding-top: 75px;
/* padding-bottom: 75px; */
overflow: hidden;
}


.contact-section .position-class{
    position: relative;
        font-size: 30px;
        margin-left: 10px;
        margin-top: 12px;
}


.contact-section .main-head{
font-family: "Titillium Web";
font-size: 35px;
text-transform: uppercase;
color: #365274;
font-weight: 600;
}


.contact-section .main-body{
font-family: "Titillium Web";
font-size: 14px;
color: #365274;
width: 60%;
margin-top: 20px;
padding-bottom:40px;

}






@media(max-width:992px){
.contact-section .main-body{
  font-family: "Titillium Web";
  font-size: 14px;
  color: #365274;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 20px;

}

}

.contact-section .contact-main{
margin-bottom: 20px;
border-radius: 10px;


}

.contact-section .contact-main .input-container form select, option {
    border: none;
    text-align-last: left;
    background-color: #e1e1e1;
    color: #878789;
}

.contact-section .contact-main .first-sec {
position: relative;
border-radius: 10px 0 0 10px;
background-size: cover;
background-position: center;
min-height: 628px; 
/* Add any other styles you need */
}


   @media(max-width:992px){
.contact-section .contact-main .first-sec {
position: relative;
background-size: cover;
border-radius: 0px 0 0 0px;
background-position: center;
min-height: 628px; /* Set height as needed */
/* Add any other styles you need */
}

 }


.contact-section .contact-main  .overlay {
position: absolute; /* Position the overlay relative to its parent */
top: 0;
left: 0;
border-radius: 10px 0 0 10px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.384); /* Semi-transparent black overlay */
}


   @media(max-width:992px){
.contact-section .contact-main  .overlay {
position: absolute; /* Position the overlay relative to its parent */
top: 0;
left: 0;
border-radius: 0px 0 0 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.384); /* Semi-transparent black overlay */
}

 }


.contact-section .contact-main .first-sec .first-sec-content{
/* margin-top: 30px; */
}


   .contact-section .contact-main .first-sec .address{
       margin-left: 10px;
       font-size:20px ; 
       font-family: Titillium Web ;
       margin-top: -5px;
   }
  
     .contact-section .contact-main .first-sec .address_1{
      margin-left: 10px;
      font-size:16px ;
      font-family: Titillium Web ;
      margin-top: -15px;
   }
  


.contact-section .contact-main .first-sec .text-container {
position: absolute;
margin-top: 150px;
margin-left: 15%;
/* top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white; 
text-align: center;  */
}











.contact-section .contact-main .second-sec{
border-radius:  0px 10px 10px 0px;
background-color: #a9c5e7;

min-height: 628px; /* Set height as needed */
}
 @media(max-width:992px){
    .contact-section .contact-main .second-sec{
border-radius:  0px 0px 0px 0px;
background-color: #a9c5e7;

min-height: 628px; /* Set height as needed */
overflow: hidden;
} 
     
 }


.contact-section .contact-main .second-sec  form select {
display: block;
    width: 100%;
    height: 40px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #365274;
    background-color: white;
    border: 1px solid #c5cad1;
    border-radius: 10px;
    appearance: none; /* Hide default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' width=\'24\' height=\'24\'%3E%3Cpath d=\'M7 10l5 5 5-5H7z\' fill=\'%23365274\'/%3E%3C/svg%3E'); 
    background-repeat: no-repeat;
    background-position: right 10px center; /* Position the icon to the right */
    background-size: 25px; /* Size of the icon */
    padding-right: 30px; /* Adjust padding to make space for the icon */
    cursor: pointer; /* Change cursor to pointer */
}


.contact-section .contact-main .second-sec form select::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}












.contact-section .contact-main .second-sec  form .form-control {
display: block;
width: 100%;
height: 40px;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
  color: #365274;
background-color: transparent;
background-clip: padding-box;
border: 1px solid #365274;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 10px;
/* transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
}







.contact-section .contact-main .second-sec form .form-control::placeholder {
  color: #365274; /* Change this to the color you want */
}







.contact-section .contact-main .second-sec  form input  {
/*height: 52px;*/
}


.contact-section .contact-main .second-sec  form .form-control:focus {
box-shadow: none !important; /* Remove the box shadow */
}

.contact-section .contact-main .second-sec  form .text-area{
    display: block;
width: 100%;
height: 100px;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
  color: #365274;
background-color: transparent;
background-clip: padding-box;
border: 1px solid #365274;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 15px;
outline:none;
}

.contact-section .contact-main .second-sec form .text-area::placeholder {
  color: #365274; /* Change this to the color you want */
}
.contact-section .contact-main .second-sec  form .text-area:focus {
box-shadow: none !important; /* Remove the box shadow */
}


.contact-section .contact-main .second-sec  .form-sec .form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #000000;
background-color: transparent;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 15px;
/* transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
}


.contact-section .contact-main .second-sec .form-sec .form-control::placeholder {
 color: #000000; /* Change this to the color you want */
}


.contact-section .contact-main .second-sec  .form-sec input  {
height: 52px;
}


.contact-section .contact-main .second-sec  .form-sec .form-control:focus {
box-shadow: none !important; /* Remove the box shadow */
}






.contact-section .contact-main .second-sec  .form-sec .custom-file-input {
    display: none;
}

.contact-section .contact-main .second-sec  .form-sec .custom-file-label {
    display: inline-block;
    padding: 12px 12px;
    cursor: pointer;
    border: 1px solid #ced4da;
    border-radius: 4px;
    width:100%;
    height:52px;
    border-radius: 15px;
}



.contact-section .contact-main .second-sec  form .submit{
width: 103px;
height: 38px;
background-color: #0094FF;
border-radius: 10px;
border: none;
color: white;
font-family: "Titillium Web";
font-size: 18px;
margin-top: 40px;

}



.map-container{
background-color: #DAD8D8;
min-height: 500px;
margin-top: -390px;
padding-bottom: 100px;
}


.map-container .map-sub-section{
margin-top: 266px;
}


.map-container .map-sub-section .main-card2{

padding: 25px;
}

.map-container .map-sub-section .main-card2 .i-location{
  font-size: 32px !important;
  color: #365274 !important;
  margin-left: 0 !important;
  margin-top: 6px !important;
  position: relative !important;
}

.map-container .map-sub-section .main-card2 .main-head{
font-size: 22px !important;
color: #365274 !important;
font-family: "Titillium Web";
margin-left: 10px;
margin-top: 5px;

}


.map-container .map-sub-section .main-card2  .body-head{
  font-size: 17px !important;
  color: #365274 !important;
  font-family: "Titillium Web";
  /* margin-left: 10px; */
  /* line-height: 10px; */
  margin-top: 17px;
}

.feedback-section{
overflow:hidden;
}


.feedback-section .emooji-icon-size{
    font-size: 90px;
}


@media(max-width:992px){
    .feedback-section .emooji-icon-size{
    font-size: 36px;
}

}

.feedback-section .emoji-class{
position:relative !important;
}


.feedback-section form .form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: transparent;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 15px;
/* transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
}


.feedback-section form input  {
height: 52px;
}

.feedback-section form select  {
height: 52px;
color: rgba(0, 0, 0, 0.61) !important;

}

.feedback-section form select option  {
order: none;
text-align-last: left !important;
background-color: #e1e1e1;
color: #878789;
}



.feedback-section form .form-control:focus {
box-shadow: none !important; /* Remove the box shadow */
}



.feedback-section form .submit-sec{
background-color: #365274;
padding-top: 30px;
padding-bottom: 30px;
border-radius: 10px;
}


.feedback-section form .submit-sec .head{
text-transform: uppercase;
font-size: 25px;
font-family: "Titillium Web";
color: white;
text-align: center;
}




.contact-section1{
padding-top: 75px;
/* padding-bottom: 75px; */
}


.contact-section1 .main-head{
font-family: "Titillium Web";
font-size: 35px;
text-transform: uppercase;
color: #365274;
font-weight: 600;
}


.contact-section1 .main-body{
font-family: "Titillium Web";
font-size: 14px;
color: #365274;
width: 40%;
margin-top: 20px;
padding-bottom: 20px;

}

 @media(max-width:992px){
     .contact-section1 .main-body{
font-family: "Titillium Web";
font-size: 14px;
color: #365274;
width: 100%;
margin-top: 20px;
padding-bottom: 20px;

}
 }



.land-page{
padding-bottom: 50px;
}




.land-page .container {
/* max-width: 1080px;
width: 100%; */
/* margin: 50px auto; */
}

.land-page .row {
display: flex !important;
border-radius: 10px;
margin-top: 20px;
overflow: hidden;
/* box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 6px; */
}

.land-page .box {
width: 30%;
height: 440px;
transition: width 1s;
margin-top: auto;
overflow: hidden;
position: relative;
padding: 10px;

}

.land-page .box:hover {
width: 70%;
filter: brightness(100%);
}

.land-page .box h3,
i {

position: absolute;
color: #fff;
margin-left: 50px;
margin-top: 40px;
z-index: 1;
font-family: "Titillium Web";
}


.land-page .display{
  display:flex;
}

@media(max-width:992px){
  .land-page .display{
  display:block;
}


.land-page .box {
  width:100% !important;
  height: 440px;
  transition: width 1s;
  margin-top: auto;
  overflow: hidden;
  position: relative;
  padding: 10px;
  
}

.land-page .box:hover {
  width: 100% !important;
  filter: brightness(100%) !important;
}

.land-page .box img {
object-fit: cover;
width: 100%;
height: 100%;
filter: brightness(100%);
border-radius: 20px !important;
transition: filter 1s; /* Transition for filter property */
}

}




.land-page .box:hover i {
visibility: visible;
transition-delay: .6s;

}

.land-page .box img {
object-fit: cover;
width: 100%;
height: 100%;
filter: brightness(70%); /* Initial brightness filter */
border-radius: 20px !important;
transition: filter 1s; /* Transition for filter property */
}

.land-page .box:hover img {
filter: brightness(100%); /* Remove brightness filter on hover */
}


.sub-conotact-sec{
      background-size: cover; 
      background-position: center;
      color: white; 
      position: relative;
      z-index: 1;
}

.sub-conotact-sec::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 36%);
  border-radius: 10px; /* Ensure the overlay has same border-radius as the image */
  transition: background-color 0.3s; /* Smooth transition for hover effect */
  z-index:2;
}





.sub-conotact-sec .card{
height: 300px;
border-radius: 0px;
border: 1px solid white;
background-color: transparent;
border-top: none;
transition: 1s all;
z-index: 3;
background-position: center;
}






.sub-conotact-sec .card .post {
font-size: 30px;
font-family: "Titillium Web";
color: white;
margin: auto;
text-transform: uppercase;
transition: 1s all;
z-index: 10;
}

.sub-conotact-sec .card .post .coming-soon {
font-size: 18px;
font-family: "Titillium Web";
color: white;
/*margin: auto;*/
text-transform: uppercase;
transition: 1s all;
z-index: 10;
text-align:center;
}



/* .sub-conotact-sec .card:hover .post {
text-align: left; 
}

.sub-conotact-sec .card:hover::after {
content: url('images/000.png'); 
position: absolute;
right: 0;



} */




.sub-conotact-sec .card:nth-child(1n) {
border-left: none;
}

.offers-secton{


background-color: #B6B4B8;
/* padding-bottom: 100px; */
/* border-radius: 30px; */

}


.offers-secton .text-container{
padding-left: 20%;
padding-right: 20%;
}

@media(max-width:992px){
    .offers-secton .text-container{
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
}

.offers-secton .main-head{
font-family: "Titillium Web";
font-size: 35px;
text-transform: uppercase;
color: #fcfcfc;
font-weight: 600;

}


.offers-secton .sub-body{
margin-top: 15px;
font-family: "Titillium Web";
font-size: 12px;
color: #fcfcfc;
}



.offers-secton .container2 {
width: 100%;
max-width: 1000px; 
margin: auto;
}





.offers-secton .swiper {
width: 100%;
height: 100%;
}

.offers-secton .swiper-slide {
text-align: center;
font-size: 18px;
/* background: #fff; */
display: flex;
justify-content: center;
align-items: center;
}

.offers-secton .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}



.offers-secton .swiper-paginationq {
/* bottom: 30px;  */
display: flex;
justify-content: center;
margin-top: -59px !important;
z-index: 15;
position: absolute;
}

.offers-secton .swiper-paginationq .swiper-pagination-bullet {
background-color: rgba(255, 255, 255, 0.5);
width: 8px;
height: 8px;
margin: 0 5px;
}


.offers-secton .image-section {
height: 600px;
width: 100%;
border-radius: 0px 10px 10px 10px !important;
}



.buy-section .newcar-card{
width: 100%;
min-height: 250px;
background-color:#D9D9D9;
border-radius: 20px;
padding: 20px 20px;
transition: 1s ease;

}

.buy-section .newcar-card:hover{

background-color:#CCE3FF;


}


.buy-section .newcar-card .fvrticon{
    margin-top: -3px;font-size: 25px; margin-left: 0;
}



.buy-section .newcar-card .image-sec{
width: 100%;
  width: 100%;
  margin-left: 10%;
  

}

.buy-section .newcar-card .bank-img-sec{
margin-left: auto;

}


.buy-section .newcar-card .name{
line-height: 23px;
font-size: 16px;
font-family: "Titillium Web";
/* margin-top: 10px; */
}


.buy-section .newcar-card:hover .view-details-btn {
background-color: white;
transition: 1s ease;
}

.buy-section .newcar-card .view-details-btn{
/*margin-left: auto;*/

font-family: "Titillium Web";
background-color: #CCCACA;
border-radius: 10px;
text-align: center;
font-size: 16px;
border: none;
height: 39px;
width: 122px;
transition: 1s ease;

}

.buy-section .newcar-card .view-details-btn1{
margin-left: auto;
margin-right:10px;
font-family: "Titillium Web";
background-color: #CCCACA;
border-radius: 10px;
text-align: center;
font-size: 16px;
border: none;
height: 39px;
min-width: 122px;
transition: 1s ease;

}

.buy-section .newcar-card:hover .view-details-btn1 {
background-color: white;
transition: 1s ease;
}


.buy-section .view-details-btn1:hover{
  box-shadow: 0px 0px 10px 0px rgb(92, 169, 189);
  /*transform: scale(1.05);*/
}


.buy-section .view-details-btn:hover{
    box-shadow: 0px 0px 10px 0px rgb(92, 169, 189);
}





.buy-inner-sec .sub-image-part{
  width: 95%; 
  height: 100px; 

  background-size: cover;
  background-position: center;
  object-fit: contain;
  border-radius: 10px;
  position: relative; /* Add this to make ::after position relative to .sub-image-part */
  cursor: pointer;

}

@media(max-width:992px){
    .buy-inner-sec .sub-image-part{
    width: 95%; 
    /*height: 100px; */
    height: 180px; 
    background-size: cover;
    background-position: center;
    object-fit: contain;
    border-radius: 10px;
    position: relative; /* Add this to make ::after position relative to .sub-image-part */
    cursor: pointer;
  }
  }



.buy-inner-sec .sub-image-part::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0); /* Initially transparent */
  border-radius: 10px; /* Ensure the overlay has same border-radius as the image */
  transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.buy-inner-sec .sub-image-part:hover::after {
  background-color: rgba(255, 255, 255, 0.5); /* White overlay on hover */
}




.buy-inner-sec .thumb-container{
  width: 280px;
  /*height: 400px;*/
  margin-left: 10px;
  margin-top: 50px;
}



 @media(max-width:992px){
    .buy-inner-sec .thumb-container{
  width: auto;
  /*height: 400px;*/
  margin-left: 10px;
  margin-top: 150px;
}
}


.buy-inner-sec .image-sec-2{
    margin-top:40px;    
}

.buy-inner-sec .image-sec-2 .img-fluid {
  width: 95%;
  height: 440px;
  background-size: cover;
  background-position: center;
  object-fit: cover;
   border-radius: 20px; 
  position: relative;
}



/*.buy-inner-sec  .myaccordion .fa-stack {*/
/*     font-size: 18px ;*/
/*    top:-38px;*/
/*    left: 28px;*/
/*}*/


/*.image-sec-2 .img-fluid{*/
/*    max-width: 615px;*/
/*    height: auto;*/
/*    margin-top: 46px;*/
/*}*/


.new-car-inner{
/* padding:200px; */
}



.new-car-inner .tab-slider--nav2 {
width: 100%;
float: left;

/* border: 1px solid white; */


}

.new-car-inner .tab-slider--tabs2 {
display: block;
float: left;
margin: 0;
padding: 0;
list-style: none;
position: relative;
border-radius: 12px;
overflow: hidden;
background: #D9D9D9;
height: 40px;
user-select: none;
/* border: 1px solid white; */
}

.new-car-inner .tab-slider--tabs2:after {
content: "";
width: 50%;
background: #021c3b;
color: #020202 ;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: all 250ms ease-in-out;
border-radius: 10px;

}

.new-car-inner .tab-slider--tabs2.slide:after {
left: 50%;
}

.new-car-inner .tab-slider--trigger2 {
font-size: 17px;
line-height: 1;
font-family: 'Titillium Web';
color: #365274;
text-transform: uppercase;
text-align: center;
padding: 11px 20px;
position: relative;
z-index: 2;
cursor: pointer;
display: inline-block;
transition: color 250ms ease-in-out;
user-select: none;
width: 171px;



}

.new-car-inner .tab-slider--trigger2.active {
/* color: #365274; */
color: white;
/* background-color: #929090; */
}

.new-car-inner .tab-slider--body2 {
margin-bottom: 20px !important;
}








.new-car-inner .main-accordion{
/* padding-left: 10px; */
padding-top: 10px;
margin-top: 12px;
border-radius: 12px;
width: 100%;
/* border: 1px solid rgba(0, 0, 0, 0.363); */



}



.new-car-inner .accordion-item:first-of-type .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius);
background-color: #365274 !important;
border-radius: 10px;
}


.new-car-inner .accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
border-radius: 10px;
}

.new-car-inner .accordion-item .accordion-header .accordion-button .accordian-section{
/* padding-top: 10px;
padding-bottom: 10px; */
/* padding-left: 10px; */
font-size: 20px;
color: #ffffff;
/* line-height: 119%; */
font-style: normal;
font-weight: 400;
font-family: "Titillium Web";
text-transform: uppercase;
/* margin-top: 10px; */
padding: 13px;
margin: 0;
border-radius: 10px;
margin-left:15px;
}


.new-car-inner .accordion-item .accordion-header .accordion-button i {
position: absolute;
right: 0;
margin-top: -1px;
margin-right: 25px;
font-size: 15px;
color: #ffffff;
}



.new-car-inner .accordion-item .accordion-body {
color:white;
font-family: "Titillium Web";
font-size: 15px;
width: 80%;
background-color: white !important;

border-radius: 10px;
margin-bottom: 10px;
}





.new-car-inner .accordion-item .accordion-body {
color:white;
font-family: "Titillium Web";
font-size: 15px;
width: 80%;
background-color: rgba(128, 128, 128, 0.308);

border-radius: 10px;
margin-bottom: 10px;
}



.new-car-inner .engine-spec{
border: 1px solid #365274;
 border-radius:12px;
  /* color: bisque; */
  margin-top: 20px;
  
}

.services-deatils{
padding-bottom: 40px;
}


.new-car-inner .engine-spec .first-sec{
display: flex; 
justify-content: space-between;
font-family: "Titillium Web";
border-radius: inherit;
color: #365274;
border-right: 1px solid black;
border-bottom: 1px solid black;
font-size: 14px;
padding: 0;
margin: 0;

}




@media(max-width:992px){
   .new-car-inner .engine-spec .first-sec{
display: flex; 
justify-content: space-between;
font-family: "Titillium Web";
border-radius: inherit;
color: #365274;
border-right: 0px solid black;
border-bottom: 1px solid black;
font-size: 14px;
padding: 0;
margin: 0;

}
 
}

.new-car-inner .engine-spec .dot{
color:#365274 ;

width: 7px;
height: 7px;
background-color: #365274;
border-radius: 50%;
margin-top: 26px;
margin-left: 10px;

}



.new-car-inner .engine-spec .feature-sec{
justify-content: space-between;
font-family: "Titillium Web";
border-radius: inherit;
color: #365274;
/* padding-bottom: 20px; */
padding-top: 20px;
font-size: 14px;
padding-left: 15px;
margin: 0;
}


.engine-spec .row .col-lg-6:nth-child(2) .first-sec {
border-right: none;
}


.new-car-inner .engine-spec .row:last-child .col-lg-6 .first-sec {
border-bottom: none;
}



.services-deatils .services-title {
font-family: "Titillium Web";
color: #365274;
font-weight: 600;
letter-spacing: 3px;
font-size: 28px;
line-height: 1.3;
text-transform: uppercase;
margin-left: 30px;
}

.services-deatils .service-description{

margin-bottom: 20px;
margin-left: 30px;
font-family: "Titillium Web";
color: #365274;
font-size: 14px;
}






.emi-sec .tab-slider--nav2 {
width: 100%;
float: left;

/* border: 1px solid white; */


}

.emi-sec .tab-slider--tabs2 {
display: block;
float: left;
margin: 0;
padding: 0;
list-style: none;
position: relative;
border-radius: 12px;
overflow: hidden;
background: #D9D9D9;
height: 40px;
user-select: none;
/* border: 1px solid white; */
}

.emi-sec .tab-slider--tabs2:after {
content: "";
width: 50%;
background: #021c3b;
color: #020202 ;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: all 250ms ease-in-out;
border-radius: 10px;

}

.emi-sec .tab-slider--tabs2.slide:after {
left: 50%;
}

.emi-sec .tab-slider--trigger2 {
font-size: 17px;
line-height: 1;
font-family: 'Titillium Web';
color: #365274;
text-transform: uppercase;
text-align: center;
padding: 11px 20px;
position: relative;
z-index: 2;
cursor: pointer;
display: inline-block;
transition: color 250ms ease-in-out;
user-select: none;
width: 200px;



}

.emi-sec .tab-slider--trigger2.active {
color: #ffffff;
}

.emi-sec.tab-slider--body2 {
margin-bottom: 20px !important;
}


.emi-sec .first-sec{
border: 1px solid #365274 ;
border-radius: 10px;
padding: 25px;
/*padding-bottom: 70px;*/
  /*padding-bottom: 150px;*/
  height: 524px;

}


.emi-sec .first-sec .first-cont{
color: #365274 !important;
font-family: 'Titillium Web';
font-size: 18px;
}




.emi-sec .first-sec #progress2 {
background: linear-gradient(to right, #000000 0%, #000000 40%, #7c7979 40%, #7c7979 100%);
border-radius: 8px;
height: 3px;
width: 100%;
outline: none;
transition: background 450ms ease-in;
-webkit-appearance: none;
}

.emi-sec .first-sec #progress2::-webkit-slider-thumb {
width: 10%;
height: 30px;
margin-top: -15px;
-webkit-appearance: none;
cursor: pointer;
background: url('images/logo/car.png') center no-repeat;
}



.emi-sec .second-sec{
border: 1px solid #365274 ;
border-radius: 10px;
/*padding: 45px;*/
/*padding-bottom: 68px;*/
/*background-color: #01295A;*/
    padding-bottom: 34px;
    background-color: #01295A;
    padding-left: 45px;
    padding-right: 45px;


}


.emi-sec .second-sec .sec-cont{
color: #ffffff !important;
font-family: 'Titillium Web';
font-size: 18px;
margin-top:40px;
}


.emi-sec .second-sec .first2-cont{
  color: #ffffff !important;
  font-family: 'Titillium Web';
  font-size: 16px;
  }
  


  .emi-sec .second-sec .total{
    color: #ffffff !important;
    font-family: 'Titillium Web';
    font-size: 23px;
    font-weight: 500;
    margin-top: 20px;

    }
    

    .emi-sec .second-sec button{
      width: 100%;
      height: 44px;
      border: none;
      border-radius: 10px;
      text-align: center;
      font-family: 'Titillium Web';
      font-size: 18px;
      color: white;
          margin-top: 10px;

      }







.branches-section{

margin-bottom: 200px;
}



.branches-section .first-card{
height: 600px;


}

.branches-section .image-bg{
position: absolute; 
top: 0; 
left: 0; 
width: 100%;
 height: 100%;
  object-fit: cover;
   z-index: -2;
border-radius: 20px;
}



.branches-section .second-card{
height: 200px;
background-color: rgb(29, 26, 26);
}


.branches-section .img-overlay
{
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  border-radius: 20px;
  background-color: rgba(2, 2, 2, 0.534);

}

.branches-section .address{

  font-size: 22px;
  color: white;
  font-family: 'Titillium Web';
  padding-top: 330px;
  padding-left: 49px;
    width:  75%;
  /* background: red; */
  height: 403px;
   line-height: 27px;
  
}


.branches-section .contact{

  width: 90%;
  height: 85px;
  background-color: #365274;
  border-radius: 0 10px 10px 0;
  margin-top: 30px;
      line-height: 17px;
}


.branches-section .call{

  font-size:17px;
  color: white;
  font-family: 'Titillium Web';
  margin-top:15px;
  text-transform: uppercase;
  
}



.branches-section .bi-telephone{

  margin-top: 12px;
  position: relative;
  font-size: 18px;

}

.branches-section .bi-geo-alt{
  margin-top: 14px;
  position: relative;
  font-size: 19px;

}

.login .login-top{
    margin-top: 200px;
}

@media(max-width:992px){
    .login .login-top{
    margin-top: 70px;
    padding-bottom: 90px;
}
}

.login form .form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color:white ;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 15px;
  height: 50px;
  /* transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
}

 .login-main{
    border-radius: 20px;
    background-color: #365274;
    margin-bottom: 30px;
}


.login-image{
    background-size: cover;
    background-position: center;
    border-radius: 20px 0 0 20px;
    height: 600px;
}

  @media(max-width:992px){
       .login-main{
    border-radius: 0px;
    background-color: #365274;
    margin-bottom: 30px;
}

.login-image{
    background-size: cover;
    background-position: center;
    border-radius: 0px 0 0 0px;
    height: 600px;
}
    
  }



.login form .form-control::placeholder { 
   color:    white;
}


.login form .form-control:focus, input:focus {
    color: white;
}


.login form .forgot{

margin-top: 10px;
color: white;
font-family: 'Titillium Web';
font-size: 16px;
}


.login form .lgn-btn{

margin-top: 10px;
 color: white;
 font-family: 'Titillium Web';
 font-size: 18px;
 background-color: #0094FF;
 border-radius: 10px;
 width: 103px;
 height: 38px;
 border: none;
}

.home-section .first-sec{
  height: 680px;
}

.banner_description{
  margin-top:90px !important;
}

.buy-section .side-bar .panel .type-of-vehicle button.active {
  background-color: #365274;
  color: #fff;
}




 .whatsapp-float-icon1 {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 146px;
  right: 60px;
   background-color: #53a1ff; 
  color: #53A1FF;
  border-radius: 50px;
  text-align: center;
  font-size: 60px;
   /*box-shadow: 2px 2px 3px #0000000c; */
  z-index: 100;
  transition: 0.5s all;
 }
 
 
 @media(max-width:992px){
     .whatsapp-float-icon1 {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 146px;
  right: 17px;
   background-color: #53a1ff; 
  color: #53A1FF;
  border-radius: 50px;
  text-align: center;
  font-size: 60px;
   /*box-shadow: 2px 2px 3px #0000000c; */
  z-index: 100;
  transition: 0.5s all;
 }
 
 }
 
 /* .whatsapp-float-icon1 .offers{*/
 /*    font-size:16px;*/
 /*    color:white;*/
 /*    margin-top:13px;*/
 /*}*/

 .whatsapp-float-icon1 .bi-telephone-fill{
  color: rgb(255, 255, 255);
  z-index: 101;
  /* position: relative; */
  margin-left: -12px;
  margin-top: 8px;
  font-size:24px;
}

 
 
  .whatsapp-float-icon1:hover{
 
  transform: scale(1.2);
  transition: 0.5s all;
  
 }
















.whatsapp-float-icon {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 80px;
  right: 60px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #0000000c;
  z-index: 100;
}




@media(max-width:992px){
    .whatsapp-float-icon {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 80px;
  right: 17px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #0000000c;
  z-index: 100;
}
}

.bi-whatsapp{
  color: rgb(255, 255, 255);
  z-index: 101;
  /* position: relative; */
  margin-left: -14px;
  margin-top: 2px;
}



.land-page .box p {
  position: absolute;
  color: #fff;
  margin-left: 50px;
  margin-top: 90px;
  z-index: 1;
  font-family: "Titillium Web";
}

.logo-container{

    height: 63px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.logo-container img{
  height: auto;
    width: 75px;
}




.book-section2{
  padding-top: 30px;
  padding-bottom: 130px;
}



.book-section2 .position{
  padding-right: 200px !important;
  right: 0;
}

.book-section2 .image-background {
  /* position: relative; */
  
  height: 700px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;


}


.book-section2 .forms{

  margin-top: -300px;
}


.book-section2  .main-head{
  color: #365274;
  font-size: 35px;
  font-family: 'Titillium Web';
  text-transform: uppercase;

}

.book-section2 #booking_form{
    width:90%;
}


@media(max-width:992px){
    .book-section2 #booking_form{
    width:100%;
}
}

.book-section2 input.form-control {
  border: 1px solid rgb(207 207 207 / 57%);
  border-radius: 9px;
  color: #000000;
  height: 45px;
  font-size: 16px;
  font-family: "Titillium Web";
  box-shadow: none;
  /* background-color: rgb(240 240 240 / 40%); */
}


.book-section2 button {
  width: 100%;
  height: 45px;
  background-color: rgb(2, 28, 59);
  color: #ffffff;
  font-size: 26px;
  border: none;
  border-radius: 9px;
  font-family: "Titillium Web";
}


.book-section2  .terms{
  width: 60%;
  font-family: "Titillium Web";
  font-size: 14px;
}


@media(max-width:992px){
  .book-section2  .terms{
    width: 100%;
    font-family: "Titillium Web";
    font-size: 14px;
  }
}


.main-offers {
  /* margin-top: 100px; */
  margin-bottom: 100px;
}


.main-offers .main-container{
  position: relative; /* Ensure the positioning context for the pseudo-element */
  border-radius: 20px ;
  /*background-size: cover;*/
  /*background-position: center;*/
  /*background-repeat: no-repeat;*/
  /*height: 500px;*/
  /*overflow: hidden;*/

}

/*.main-offers .main-container::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background: linear-gradient(rgba(0, 0, 0, 0.253), rgba(0, 0, 0, 0.5)); */
/*}*/


.main-offers .main-container .first{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
  overflow: hidden;
 /* z-index: 2; */
 border-top-left-radius: 20px;
    /* border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; */
    border-bottom-left-radius: 20px;
 padding: 0;
 margin: 0;
}


@media(max-width:992px){
    .main-offers .main-container .first{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
  overflow: hidden;
 /* z-index: 2; */
 border-top-left-radius: 20px;
     border-top-right-radius: 20px;
    border-bottom-right-radius: 0px; 
    border-bottom-left-radius: 0px;
 padding: 0;
 margin: 0;
}
}

.main-offers .main-container .first::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(rgba(0, 0, 0, 0.253), rgba(0, 0, 0, 0.5)); */
  border-radius: 20px;
}


.main-offers .main-container .first .first-head{
  font-family: 'Titillium Web';
  text-transform: uppercase;
  font-size: 28px;
  color: white;
  position: relative;
  z-index: 3 ;
  margin-left: 50px;
  margin-top: 50px;
}


.main-offers .main-container .first .sub-head{
  width:40%;
  color: white;
  font-size: 16px;
  margin-left: 50px;
  margin-top: 30px;
  font-family: 'Titillium Web';
 text-transform: capitalize;
  position: relative;
}


@media(max-width:992px){
    .main-offers .main-container .first .sub-head{
  width:90%;
  color: white;
  font-size: 16px;
  margin-left: 50px;
  margin-top: 30px;
  font-family: 'Titillium Web';
 text-transform: capitalize;
  position: relative;
  padding-bottom:30px;
}
}

.main-offers .main-container .second{

  background-color: #a9c5e7;
  position: relative;
  z-index:3 ;
  height: 500px;
  padding:0;
  margin:0;
  border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
 }


@media(max-width:992px){
  .main-offers .main-container .second{

  background-color: #a9c5e7;
  position: relative;
  z-index:3 ;
  height: 500px;
  padding:0;
  margin:0;
  border-bottom-right-radius: 20px; 
    border-bottom-left-radius: 20px;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
 }
  
}

 .main-offers .main-container .second .date{

  color: #365274;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Titillium Web';
  margin-left: 50px;
  padding-top: 50px;
  font-weight: bold;

 }


 .main-offers .main-container .second .to-date{

  color: #365274;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Titillium Web';
  margin-left: 50px;
  position: relative;
  margin-top:10px;
 }


 .main-offers .main-container .second .to{

  color: #365274;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Titillium Web';
  margin-left: 50px;
  position: relative;
    margin-top:10px;
    font-weight: bold;
  
 }


 .main-offers .main-container .second hr{
  width: 40%;
  color: rgb(255, 255, 255) !important;
  background-color: white;
  margin-left: 10px;
  margin-top: 14px;
  border-width: 3px;
  position: relative;
  z-index: 5 ;
 }


 .main-offers .main-container .second .loc{
 color: #365274;
  text-transform:capitalize;
  font-size: 16px;
  font-family: 'Titillium Web';
  margin-left: 35px;
  margin-top: 46px;
  
 }


 .main-offers .main-container .second button{
  height: 38px;
  width: 109px;
  border-radius: 12px;
  background-color: #0094FF;
  border: none;
  color: white;
  margin-left: 50px;
  font-size: 15px;
  margin-top: 180px;
  font-family: 'Titillium Web';
 }



@media(max-width:992px){
     .main-offers .main-container .second button{
  height: 38px;
  width: 109px;
  border-radius: 12px;
  background-color: #0094FF;
  border: none;
  color: white;
  margin-left: 50px;
  font-size: 15px;
  margin-top: 120px;
  font-family: 'Titillium Web';
 }
}

 .offers-inner 
 {
  
 }

 .offers-inner .main-container{
  position: relative; /* Ensure the positioning context for the pseudo-element */
  border-radius: 20px 20px 0 0  ;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
  overflow: hidden; 
  margin-bottom: 10px;

}

.offers-inner .main-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(rgba(0, 0, 0, 0.253), rgba(0, 0, 0, 0.5)); */
}



.offers-inner .sub-container{
 margin-top: 10px;
 background-color: #365274;
 border-radius: 0px 0px 20px 20px;
 /* padding-top: 30px;
 padding-left: 30px;
 padding-right: 30px;
 padding-bottom: 30px; */
 padding: 60px;

}

.offers-inner .sub-container .display{
    display:flex;

}

@media(max-width:992px){
   .offers-inner .sub-container .display{
    display:block;

} 

 .offers-inner .sub-container .slash{
display:none;
 
 
}

 .offers-inner .sub-container .bi-geo-alt{

display:none;
  
 }


.offers-inner .sub-container{
 margin-top: 10px;
 background-color: #365274;
 border-radius: 0px 0px 20px 20px;
 /* padding-top: 30px;
 padding-left: 30px;
 padding-right: 30px;
 padding-bottom: 30px; */
 padding: 25px;

}

}

.offers-inner .sub-container .date{
 font-size: 16px;
 color: white;
 text-transform: uppercase;

 
}

 .offers-inner .sub-container .slash{
 font-size:16px;
 color: white;
margin-top: 0px;
 
 
}

 .offers-inner .sub-container .slash-1{
 font-size:16px;
 color: white;
margin-top: 0px;
 
 
}

.offers-inner .sub-container .to-date{

  color: #a9c5e7;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Titillium Web';
  position: relative;
  
 }


 .offers-inner .sub-container .bi-geo-alt{

position: relative;
margin-top: -3px;
  
 }


 .offers-inner .sub-container .des{

  font-size: 16px;
  color: white;
  text-transform: uppercase;
    margin-top: 20px;
   }





.offers-inner .sub-container table {
    /* border: 1px solid rgb(255, 255, 255); */
    border-collapse: collapse;
    /* border-bottom: 1px solid rgb(255, 255, 255) !important; */
    border-radius: 15px;
    border-style: hidden; 
    box-shadow: 0 0 0 1px #ffffff; 
    border-bottom: none;
 
}



.offers-inner .sub-container table th {
  border: 1px solid rgb(255, 255, 255);
  border-collapse: collapse;
  border-bottom: 1px solid rgb(255, 255, 255) !important;

}


.offers-inner .sub-container table th,
td {
    padding: 5px;
    text-align: center;
    border-left: 1px solid rgb(255, 255, 255) !important;  
    font-size: 15px;
}



.register-sec{
  margin-top: 20px;
  background-color: #E9E9E9;
  position: relative;
  overflow:hidden;
 
}


.register-sec .img-sec{
  position: relative; /* Ensure the positioning context for the pseudo-element */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
  overflow: hidden; /* Hide overflow of pseudo-element */

}





.register-sec .reg-form{ 

  position: absolute;
  margin-top: -458px;
  padding-left: 30px;
}


.register-sec .reg-form  .main-head{ 
  color: #365274;
  font-size: 35px;
  font-family: 'Titillium Web';
}


.register-sec .reg-form .sub-head{ 
  color: #100000;
  font-size: 17px;
  font-family: 'Titillium Web';
  margin-top: 14px;

}


.register-sec .reg-form .form-control {
  display: block;
  width: 140%;
  height: 47px !important;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 15px;
  box-shadow: none;
}


@media(max-width:992px){
    .register-sec .reg-form .form-control {
  display: block;
  width: 90%;
  height: 47px !important;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 15px;
  box-shadow: none;
}

}


.register-sec .reg-form button{ 
 width: 103px;
 height: 38px;
 border-radius: 10px;
 border: none;
 background-color: #0094FF;
 color: white;
 margin-top: 30px;
 text-transform: uppercase;
 font-size: 18px;
 font-family: 'Titillium Web';
}


.br{
  border-top-right-radius: 19px;
  border-bottom-right-radius:19px;
}



.bl{
  border-top-left-radius: 19px;
  border-bottom-left-radius:19px;
}


@media(max-width:992px){
.br{
  border-top-right-radius: 19px;
  border-top-left-radius: 19px;
  border-bottom-right-radius:0px;
  /*border-bottom-left-radius:19px;*/
}



.bl{
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
  border-bottom-left-radius:0px;
  /*border-bottom-right-radius:19px;*/
}

}



  .sticky-bar {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #021c3b;
        padding: 10px;
        text-align: center;
        box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
        z-index:200;
    }
    .btn-compare
    {
        background-color: white;
        color: #021c3b; 
    }
    .sticky-bar .btn-compare:hover
    {
        background-color: #CCE3FF !important;
        color: white !important;
    }


    .compare_selected{
        background-color: #53a1ff !important;
        color: #fff;
    }

















/* new home banner section */



.slider-banner-section {
  position: relative;
}

.slider-banner-section .video-slider {
  width: 100%;
  min-height: 100vh;
  max-height: 100vh;
  /*margin-top: -100px;*/
}

.slider-banner-section .video-banner-img {
  width: 100%;
  min-height: 100vh;
  max-height: 100vh;
  object-fit: cover;
}

@media(max-width: 992px) {
  .slider-banner-section .video-banner-img {
    min-height: 100vh;
  }
}

.slider-banner-section .main-banner-text {
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: 3;
  color: #fff;
  padding: 0 15px; /* Added padding for responsiveness */
  
}


@media (min-height: 400px) and (max-height: 600px) {
    .slider-banner-section .main-banner-text {
        position: absolute !important;
        top: 55% !important;
        left: 0 !important;
        width: 100% !important;
        transform: translateY(-50%) !important;
        z-index: 3 !important;
        color: #fff !important;
        padding: 0 15px !important;
    }
}



@media(max-width: 992px) {
  .slider-banner-section .main-banner-text {
    top: 50%; /* Adjusted for better alignment on smaller screens */
  }

}

@media(max-height: 700px) {
  .slider-banner-section .main-banner-text {
    top: 55%; 
  }

}

.slider-banner-section span {
  font-size: 50px;
  font-family: 'Titillium Web';
  color: #ffffff;
  font-weight: 200;
  line-height: 1;
  text-transform: uppercase;
  z-index: 15 !important;
}


  @media(max-width:992px){
.slider-banner-section span{
  font-size: 35px;
  font-family: 'Titillium Web';
  color: #ffffff;
  font-weight: 200;
  line-height: 1;
  text-transform: uppercase;
  z-index: 15 !important;
}

}
  

.slider-banner-section .sub-head {
  color: #ffffff;
  font-family: 'Titillium Web';
  font-weight: 600;
  font-size: 50px;
  text-transform: uppercase;
  margin-top: 2px;
  line-height: 49px;
  margin-top:10px;
}


      @media(max-width:992px){
.slider-banner-section .sub-head{
    color: #ffffff;
    font-family: 'Titillium Web';
    font-weight: 600;
    font-size: 35px;
    text-transform: uppercase;
      margin-top: 20px;
      line-height: 40px;
  
  }

}


.slider-banner-section .body-text {
  color: #ffffff;
  font-size: 18px;
  padding-right: 50%;
  padding-bottom: 36px;
  margin-top: 20px; /* Adjusted margin */
}


   @media(max-width:992px){

.slider-banner-section .body-text{
  color: #ffffff;
  font-size: 18px;
  padding-right: 0% !important;
  padding-bottom: 36px;
  margin-top: -22px;

}
 }

.slider-banner-section .banner_description {
  margin-top: 30px; /* Adjusted margin for better spacing */
}

 @media(max-width:992px){
   .slider-banner-section .banner_description {
    margin-top: 30px !important;
}
  
 }


.slider-banner-section .buy-btn {
  width: 120px;
  height: 40px;
  color: #021c3b;
  background-color: #ffffff;
  border-radius: 10px;
  border: none;
  font-family: "Titillium Web";
  font-size: 16px;
}

.slider-banner-section .img-overlay {
  height: 100%;
  content: ' ';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #0000002b;
  opacity: 0.5;
  z-index: 0;
}

.slider-banner-section .video-slider .slick-dots {
  list-style: none;
  position: absolute;
  left: 50%;
  bottom: 35px;
  transform: translate(-50%, -5%);
  padding-left: 0;
}

.slider-banner-section .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  border: none;
  background-color: #fff;
  text-indent: -9999px;
  transition: all 300ms linear;
  vertical-align: middle;
}

.slider-banner-section .slick-dots li {
  display: inline-block;
  margin: 0 6px;
}

.slider-banner-section .slick-dots li.slick-active button {
  background-color: #a9c5e7;
  height: 13px;
  width: 13px;
}















/* news page */



.news-section{
/* padding-top: 100px; */
padding-bottom: 100px;
}


.news-section .blog-thumbnail {
    max-height: 300px;
    overflow: hidden;
}



.news-section .blog-thumbnail img {
  object-fit: cover;
  max-height: 300px;
  width: 100%;
}

.news-section  .blog-content-wrap {
  display: flex;
  align-items: start;
  gap: 20px;
  margin-top: 10px;
}

.news-section .blog-date {
  background-color: #365274;
  color: #ffffff;
  padding: 10px 13px;
  min-width: 65px;
  text-align: left;
  box-shadow: 2px 2px 0px #314b69;
  -webkit-box-shadow: 2px 2px 0px #314b69;
}

.news-section .blog-date>span {
  display: inline-block;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: 'Titillium Web';
}

.news-section .blog-wrap{
  margin-top: 50px;
}

.news-section .post-meta {
  color: #000000;
}

.news-section .bi-pencil-fill{
  position: relative;
  color: #365274;
  margin-left: -6px;
}


.news-section .blog-excerpt-title {
  color: #000000;
}

.news-section .blog-excerpt {
  height: 70px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-section .excerpt-read-more {
  color: #0094FF;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none;
}

.bi-arrow-right{
  position: relative;
  color: #000000;
  margin-left: 5px;
  margin-top: 100px;
}




/* News inner  page */

.news-inner{
  font-family: 'Titillium Web';
  padding-bottom: 100px;
  margin-top: 30px;
}
.news-inner .xl-h {
  color: #365274 !important;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 35px;
  line-height: 1.3;
  text-transform: capitalize;
}

.news-inner .blog-details img {
  max-width: 100%;
  height: auto;
}










.news-inner .news-related{
margin-top: 100px;
padding: 20px;
}

.news-inner .news-related .card{
  height: 450px;

  margin-left: 20px;
  margin-right: 20px;

}


.news-inner .news-related .blog-thumbnail {
  max-height: 300px;
  overflow: hidden;
}


.news-inner .news-related .blog-thumbnail img {
  object-fit: cover;
  height: 300px;
  width: 100%;
  object-position: center;
}


.news-inner .news-related .blog-date{
  background-color: #365274;
  color: #ffffff;
  padding: 10px 13px;
  min-width: 65px;
  text-align: left;
  box-shadow: 2px 2px 0px #314b69;
  -webkit-box-shadow: 2px 2px 0px #24282c;
}


.news-inner .news-related .blog-content-wrap {
  display: flex;
  align-items: start;
  gap: 20px;
  margin-top: 10px;
  padding: 20px;
}

.news-inner .news-related .blog-date>span {
  display: inline-block;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: 'Titillium Web';
}



.news-inner .news-related .blog-excerpt {
  height: 70px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}



.news-inner .news-related .slick-prev, .slick-next {
  /* background-color: #333; */
  color: white;
  padding: 10px;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.news-inner .news-related .slick-prev:hover, .slick-next:hover {
  /* background-color: #555; */
}

.news-inner .news-related .slick-prev, .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.news-inner .news-related .slick-prev {
  left: -70px;
  top: 45% !important;
  color: rgb(0, 0, 0);
  height: 51px;
  width: 51px;
  background-color: rgba(0, 0, 0, 0.13);
  border-radius: 50%;
  text-align: center;
}

.news-inner .news-related .slick-next {
  right: -67px;
  top: 45% !important;
  color: rgb(0, 0, 0);
  height: 51px;
  width: 51px;
  background-color: rgba(0, 0, 0, 0.13);
  border-radius: 50%;
  text-align: center;
  
}



.news-inner .news-related .slick-next:before {
  content: '>';
  font-size: 31px;
  color: #000000;
  margin-top: -110px !important;
}


.news-inner .news-related .slick-prev:before {
  content: '<';
  font-size: 31px;
  color: #000000;

}


@media(max-width:992px){
  .news-inner .news-related .slick-prev {
    left: -39px;
    top: 45% !important;
    color: rgb(0, 0, 0);
  }
  
  .news-inner .news-related .slick-next {
    right: -38px;
    top: 45% !important;
    color: rgb(0, 0, 0);
  }
  .news-inner .news-related .slick-next:before {
    content: '>';
    font-size: 31px;
    color: #000000;
  }
  
  
  .news-inner .news-related .slick-prev:before {
    content: '<';
    font-size: 31px;
    color: #000000;
  }
  
}















.news-inner h3{
  color:#365274 !important ;
}


.news-inner .recent-blogs {
  color: #365274 !important;
  font-size: 18px;
  font-weight: 500;
}


.news-inner .lb-wrap {
  display: flex;
  align-items: start;
  gap: 15px;
  padding: 15px 0;
  border-bottom: 1px solid #00000052;
}


.news-inner .lb-thumb img {
  min-width: 90px;
  max-width: 90px;
  height: 100px;
  object-fit: cover;
}


.news-inner .lb-title{
  color: #365274 !important;
  font-size:18px;
}


.news-inner .lb-excerpt {
  height: 47px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
  color: #000000;
}

.news-inner .bi-clock-history {
  position: relative;
  color: #000000;
  margin-left: 0px;
  color:#365274 ;
}






/*.loader-wrapper{*/
/*height: 100%;*/
/*width: 100%;*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*background-color: #365274;*/
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*}*/

/*.loader {*/
/*  display: inline-block;*/
/*  width: 30px;*/
/*  height: 30px;*/
/*  position: relative;*/
/*  border: 4px solid #Fff;*/
 
/*  animation: loader 2s infinite ease;*/
/*}*/

/*.loader-inner {*/
/*  vertical-align: top;*/
/*  display: inline-block;*/
/*  width: 100%;*/
/*  background-color: #fff;*/
/*  animation: loader-inner 2s infinite ease-in;*/
/*}*/

/*@keyframes loader {*/
/*  0% {*/
/*    transform: rotate(0deg);*/
/*  }*/
  
/*  25% {*/
/*    transform: rotate(180deg);*/
/*  }*/
  
/*  50% {*/
/*    transform: rotate(180deg);*/
/*  }*/
  
/*  75% {*/
/*    transform: rotate(360deg);*/
/*  }*/
  
/*  100% {*/
/*    transform: rotate(360deg);*/
/*  }*/
/*}*/

/*@keyframes loader-inner {*/
/*  0% {*/
/*    height: 0%;*/
/*  }*/
  
/*  25% {*/
/*    height: 0%;*/
/*  }*/
  
/*  50% {*/
/*    height: 100%;*/
/*  }*/
  
/*  75% {*/
/*    height: 100%;*/
/*  }*/
  
/*  100% {*/
/*    height: 0%;*/
/*  }*/
/*}*/

.contact-section .calc-emi{
height: 41px;
min-width: 170px;
background-color: #365274;
border: none;
color: white;
font-size: 17px;
border-radius: 12px;
font-family: 'Titillium Web';

}





.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: 0 !important;
  background-color: #1E3D61;
  /* border-top-left-radius: var(--bs-modal-inner-border-radius); */
  /* border-top-right-radius: var(--bs-modal-inner-border-radius); */
}

.modal-title {
  color: white;
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
  background-color: #1E3D61;
}

.modal-body .form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: white;
  background-color: #315074;
  background-clip: padding-box;
  /* border: var(--bs-border-width) solid var(--bs-border-color); */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--bs-border-radius);
  /* transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
  outline: none ;
  box-shadow: none;
  border: 1px solid #b9b9b9;
}



.modal-body .form-control::placeholder{
  color: #b9b9b9;
}

.modal-body .close-btn{
  min-width: 120px;
  height: 40px;
  font-size: 18px;
  border: none;
  background-color: #6c757d;
  color: white;
  border-radius: 10px;
}


.modal-body .submit-btn{
  min-width: 120px;
  height: 40px;
  font-size: 18px;
  border: none;
  background-color: #53a1ff;
  color: white;
  border-radius: 10px;
}



/*.modal-body .input-container form select, option {*/
/*  border: none;*/
/*  text-align-last: left;*/
/*  background-color: #e1e1e1;*/
/*  color: #878789;*/
/*  height:100px !important;*/
/*}*/

/*.contact-main .modal-body .input-container form select, option {*/
/*  border: none;*/
/*  text-align-last: left;*/
/*  background-color: #e1e1e1;*/
/*  color: #878789;*/
  
/*}*/




.no-comparison{
    font-family: 'Titillium Web';
    font-size:17px;
    color:#365274;
    padding-bottom:60px;
}