@font-face {
  font-family: "Alexandria", sans-serif !important";
  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;
}

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





html {
  scroll-behavior: smooth;
}
body{
    font-family: "Alexandria", sans-serif !important" ;
  }
  
  
  
  
  .web-navbar
  {
 display: inline-flex;
justify-content: space-around;
align-items: center;
position: fixed;
width: 100%;
z-index: 99;
 /*top: 20px; */
  background-color: rgba(255, 255, 255, 0.671) !important;
 transition: all 0.3s;
 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: 50px;*/
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: "Alexandria", sans-serif !important";
    margin-top: 15px;
  
  }
  
  .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;
  }
  
  /* .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;
  
  } */
  
   @media(max-width:992px){
    .nav-item{
      border-bottom: 1px solid rgba(0, 0, 0, 0.205);
    }
  }
  
  
  .nav-button{
    /*width: 100%;*/
    width: 110px;
    height:38px;
    color: #365274;
    background-color: #D9D9D9;
    border-radius: 10px;
    border: none;
    font-family: 'Titillium Web';
    font-size: 15px;
    /*margin-right: 48px;*/
    margin-top: 15px;
    text-transform: uppercase;
           transition: background-color 0.3s ease; /* Added transition property */
   
  }
  
  
  @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; /* Added transition property */
  
  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-right: 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';*/
    font-family: 'Gess';
    color: #ffffff;
    font-weight: 200;
    line-height: 1;
    text-transform: uppercase;
    z-index: 15 !important;
  }
  
    @media(max-width:700px){
    .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:700px){
 .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;
    font-family: 'GE-SS-Two-Medium';
  
  }
  
     @media(max-width:700px){

.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 .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 {
      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:700px){
  .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 .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-right: 20px;
        padding-top: 20px;
        padding-bottom: 30px;
        /* padding-left: 10px; */
         min-height: 413px;
    }
  
  
    .featured-section .sub-part  .body-text{
        color:#365274;
        font-size: 16px;
        font-family: "Titillium Web";
        padding-left: 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: right;
   

    
    
  }
  
  
  .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: right;
    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;
    right: 0;
    transition: all 250ms ease-in-out;
    border-radius: 10px;
      background: #021c3b;
  }
  
  .tab-slider--tabs2.slide:after {
    right: 50%;
  }
  
  .tab-slider--trigger2 {
    font-size: 16px;
    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;
    float: right;
    
  }
  
  .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" !important; 
    font-weight: 900;
    margin-top: 1px;
    margin-left: 51px;
  }
  
  
  .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-right: 12px;
   
   }
  
  
   .main-card .card .sub-head{
    color:#a9c5e7;
    font-size: 13px;
    font-family: "Titillium Web";
    font-weight: 400;
    margin-top: -15px;
    margin-right: 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: left;
     font-family: "Titillium Web";
     padding-left: 12px;
   }
  
   .main-card .card .months{
    font-size: 12px;
     margin-top: -15px; 
     text-align: left;
     color:#9fa3a3;
     font-family: "Titillium Web";
     padding-left: 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;
    
  }
  
  
  @media(max-width:992px){
       .main-card .card .view-details {
    width: 80px;
    height: 30px;
    background-color: white;
    border: none;
    border-radius: 10px;
    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-right: 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-left: 1px solid #e5e5e7;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
  }
  
        @media(max-width:992px){
    .bank-section .brand {
  border-left: 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(1n) {
    border-right: none;
    }
    

  .bank-section .brand:nth-child(5n) {
  border-left: 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: #8ae3ff; 
  
  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: 100px; */
  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: 16px; 
  
  text-align: center;
  margin-top: 40px;
  
  }
  
  .bank-section .emi-card img{
  
  margin-right: 60px;
  
  
  }
  
  
  @media(max-width:700px){
    .bank-section .emi-card img{

margin-right: 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-right: 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-right: 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-right: 20px;
  
  }
  
  
  .buy-section .side-bar  .budgut-range-price{
    padding: 0;
    font-size: 14px;
    /* font-weight: 600; */
    font-family: "Titillium Web";
    color: #909092;
    margin-right: auto;
    margin-left: 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-right: 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;
    -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  }
  
  
  
  
  /* Style the buttons that are used to open and close the accordion panel */
  /*.buy-section .side-bar .accordion {*/
  /*  background-color: #f0eeee;*/
  /*  cursor: pointer;*/
   
  /*  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-right: 14px;*/
  /*  width: 85% !important;*/
  /*}*/
  
  .buy-section .side-bar .accordion {
    background-color: #f0eeee;
    cursor: pointer;
    /* padding: 18px; */
    width: 85% !important; /* Moved to group similar properties together */
    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-right: 14px;
    direction: rtl !important; /* Ensures the overall direction is RTL */
    text-align: right !important; /* Ensures text alignment is also RTL */
}

.buy-section .side-bar .accordion .content {
    direction: rtl; /* Ensures the content inside the accordion follows RTL direction */
    text-align: right; /* Aligns text to the right */
}
  
.buy-section .side-bar .accordion:after{
  content: '+';
  font-size: 16px;
  color: rgb(54, 82, 116);
  float: left!important;
  transform: scale(1.5);
}
  
  
  .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-right: 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-right: 10px;
        margin-top: 12px;
            font-family: "Font Awesome 6 Free" !important;
    font-weight: 400;
}
 
  .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 .first-sec {
  position: relative;
  border-radius: 0px 10px 10px 0px !important;
  background-size: cover;
  background-position: center;
  min-height: 628px; /* Set height as needed */
  /* 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: 0px 10px 10px 0px !important;
  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 .text-container {
  position: absolute;
  margin-top: 150px;
  margin-right: 15%;
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white; 
  text-align: center;  */
  }
  
  
  
   .contact-section .contact-main .first-sec .address{
       margin-right: 10px;
       font-size:20px ; 
       font-family: Titillium Web ;
       margin-top: -5px;
   }
  
  
       .contact-section .contact-main .first-sec .address_1{
      margin-right: 10px;
      font-size:14px ;
      font-family: Titillium Web ;
      margin-top: -15px;
   }
  
  
  .contact-section .contact-main .second-sec .input-container form select, option {
    border: none;
    text-align-last: right;
    background-color: #e1e1e1;
    color: #878789;
}
  
  
  .contact-section .contact-main .second-sec{
  border-radius:  10px 0px 0px 10px;
  background-color: #a9c5e7;
  /*background-color: #f9f9f9;*/
  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;
/*background-color: #f9f9f9;*/
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: left 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;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}



 
 
 
 
 
 
 
  .contact-section .contact-main .second-sec  form .form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  height: 40px;
  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 .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: -1px !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-right: 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-right: 50px;
  margin-top: 40px;
  z-index: 1;
  font-family: "Titillium Web";
  }
  
  /* .land-page .box h3 {*/
  
  /*position: absolute;*/
  /*color: #fff;*/
  /*margin-right: 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-right: 0;
    font-family: "Font Awesome 6 Free" !important;
    font-weight:900;
    
}

  
  
  .buy-section .newcar-card .image-sec{
  width: 100%;
  margin-right: 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-right: auto;
  font-family: "Titillium Web";
  background-color: #CCCACA;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  border: none;
  height: 39px;
  width: 85px;
  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-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: right;
  
  /* border: 1px solid white; */
  
  
  }
  
  .new-car-inner .tab-slider--tabs2 {
  display: block;
  float: right;
  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  .fa-stack-1x, .fa-stack-2x {

    position: absolute;
    right: 0 !important;
    width: 100%;
    text-align: center;
  }
  
  
  .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-left: 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-right: 30px;
  }
  
  .services-deatils .service-description{
  
  margin-bottom: 20px;
  margin-right: 30px;
  font-family: "Titillium Web";
  color: #365274;
  font-size: 14px;
  }
  
  
  
  
  
  
  .emi-sec .tab-slider--nav2 {
  width: 100%;
  float: right;
  
  /* border: 1px solid white; */
  
  
  }
  
  .emi-sec .tab-slider--tabs2 {
  display: block;
  float: right;
  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;*/
  color: white;
  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: #365274;
  }
  
  .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;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  }
  
  
  
  .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-right: 49px;
      /*width: 48%;*/
   
    height: 403px;
     line-height: 27px;
    
  }
  
  
  .branches-section .contact{
  
    width: 90%;
    height: 85px;
    background-color: #365274;
    border-radius: 10px 0px 0px 10px;
    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: #212529;
    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;
  left: 56px;
   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;
  left: 20px;
   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-right: -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;
    left: 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;
    left: 20px;
    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-right: -14px;
    margin-top: 2px;
  }
  
  .land-page .box p {
    position: absolute;
    color: #fff;
    margin-right: 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 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;*/
   
    /*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-right: 50px;
    margin-top: 50px;
  }
  
  
  .main-offers .main-container .first .sub-head{
    width:40%;
    color: white;
    font-size: 16px;
    margin-right: 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-right: 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;
     border-top-left-radius: 20px;
    /* border-top-right-radius: 20px;*/
    /*border-bottom-right-radius: 20px; */
    border-bottom-left-radius: 20px;
   }
  
  
  @media(max-width:992px){
       .main-offers .main-container .second{
  
     background-color: #a9c5e7;
    position: relative;
    z-index:3 ;
    height: 500px;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
    border-bottom-right-radius: 20px; 
    border-bottom-left-radius: 20px;
   }
  }
  
   .main-offers .main-container .second .date{
  
    color: #365274;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Titillium Web';
    margin-right: 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-right: 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-right: 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-right: 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-right: 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-right: 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-right: 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; /* Hide overflow of pseudo-element */
    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;
    margin-right:10px;
    
   }
  
  
   .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-left-radius: 19px;
    border-bottom-left-radius:19px;
}


.bl{
    border-top-right-radius: 19px;
    border-bottom-right-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; 
    }
    .btn-compare:hover
    {
        background-color: white !important;
        color: black !important; 
    }

  
  
  
  
  

/* new home banner section */


.slider-banner-section {
  position: relative;
  /*direction: rtl; */
  text-align: right; /* Ensure text is aligned to the right */
}

.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%;
  right: 0; /* Changed from left to right */
  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;
          top: 55%;
          right: 0; /* Changed from left to right */
          width: 100%;
          transform: translateY(-50%);
          z-index: 3;
          color: #fff;
          padding: 0 15px; /* Added padding for responsiveness */
    }
}



@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;
  direction: rtl; 
  text-align: right; 
  position: relative;
}

@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-left: 50%; 
  padding-bottom: 36px;
  margin-top: 20px; /* Adjusted margin */
}

@media(max-width: 992px) {
  .slider-banner-section .body-text {
    color: #ffffff;
    font-size: 18px;
    padding-left: 0% !important; /* Changed from padding-right to padding-left */
    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;
  /* direction: rtl !important; */
}

.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;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  direction: ltr;
}











/* 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-right: -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 {
    right: -54px;
    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: 10px; */
    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;
  left: -48px;
  }
  
  
  
  .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;
    /* margin-right: -45px; */

  }
  

  
  @media(max-width:992px){
    .news-inner .news-related .slick-prev {
      right: -45px;
      top: 45% !important;
      color: rgb(0, 0, 0);
    }
    
    .news-inner .news-related .slick-next {
     
      top: 45% !important;
      color: rgb(0, 0, 0);
      left: -45px;
    }
    .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-right: 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';

}



.fa-stack-1x{
        font-family: "Font Awesome 6 Free" !important;
}


  .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: right;
  background-color: #e1e1e1;
  color: #878789;
}


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