@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;
            }
            
            @media(max-width:992px) {
                .offcanvas-header {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
                    background-color: #000000;
                }
                .web-navbar .offcanvas-body {
                    flex-grow: 1;
                    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
                    overflow-y: auto;
                    background-color: black;
                }
            }
            
            .web-navbar.scrolling {
                background-color: rgb(24 24 24);
                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: 63px;
                max-width: 220px;
            }
            
            .web-navbar .nav-item .nav-link {
                /* color: #365274; */
                color: white;
                font-size: 15px;
                text-transform: uppercase;
                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;
                padding-bottom: 30px;
            }
            
            .featured-section .container {
                /*padding-left: 4%;*/
                padding-top: 70px;
                padding-bottom: 70px;
            }
            
            .featured-section .border-class {
                border: 1px solid rgba(0, 0, 0, 0.363);
                margin-top: 15px;
                /* border-radius: 10px; */
            }
            
            @media(max-width:992px) {
                .featured-section {
                    padding: 20px;
                }
                .featured-section .border-class {
                    border: 1px solid rgba(0, 0, 0, 0.363);
                    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; */
                color: #121212;
                font-size: 30px;
                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 rgba(0, 0, 0, 0.363);
                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: #000000;
                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 #121212;
            }
            
            .tab-slider--tabs2:after {
                content: "";
                width: 50%;
                background: #121212;
                color: #020202;
                height: 100%;
                position: absolute;
                top: 0;
                right: 0;
                transition: all 250ms ease-in-out;
                /* border-radius: 10px; */
                background: #121212;
            }
            
            .tab-slider--tabs2.slide:after {
                right: 50%;
            }
            
            .tab-slider--trigger2 {
                font-size: 15px;
                line-height: 1;
                font-family: 'Titillium Web';
                color: #121212;
                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: 156px;
                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 {
                margin-left: 10px;
                margin-bottom: 35px;
                /* border-radius: 12px 12px 0px 0px; */
                border: 1px solid #0000004d;
            }
            
            .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: #fff;
                border-width: 1px 0px 1px 0px;
                border-color: rgb(255, 255, 255);
                border-style: solid;
                border: 1px solid 1px solid #0000004d;
                /* border-radius: 0px 0px 14px 14px; */
            }
            
            .main-card .card .main-head {
                color: #121212;
                font-size: 12px;
                font-family: "Titillium Web";
                font-weight: 400;
                margin-top: 17px;
                margin-right: 12px;
            }
            
            .main-card .card .sub-head {
                color: #121212;
                font-size: 13px;
                font-family: "Titillium Web";
                font-weight: 400;
                margin-top: -15px;
                margin-right: 12px;
                line-height: 16px;
            }
            
            .main-card .card .location {
                color: #121212;
                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: #121212;
                text-align: left;
                font-family: "Titillium Web";
                padding-left: 12px;
            }
            
            .main-card .card .months {
                font-size: 12px;
                margin-top: -15px;
                text-align: left;
                color: #121212;
                font-family: "Titillium Web";
                padding-left: 12px;
            }
            
            .main-card .card .view-details {
                min-width: 110px;
                height: 35px;
                background-color: #121212;
                border: none;
                /* border-radius: 12px; */
                font-size: 15px;
                font-family: "Titillium Web";
                /* margin-left: 20px; */
                /* margin-right: 10px; */
                margin-top: -10px;
                margin-bottom: 12px;
                color: white;
                text-transform: uppercase;
            }
/*             
            @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: 30px;
                font-family: "Titillium Web";
                padding-bottom: 30px;
                font-weight: 600;
                /* color: #365274; */
                color: #121212;
                margin-right: 15px;
                text-transform: uppercase;
            }
            /* .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: #121212;
                /* padding-left: 36px; */
            }
            
            .bank-section .emi-card .body-text {
                font-size: 14px;
                color: #121212;
                /* padding-left: 36px; */
                margin-top: 20px;
            }
            
            .bank-section .emi-card button {
                background-color: #ffffff;
                width: 122px;
                height: 76px;
                border: none;
                /* border-radius: 12px; */
                color: #121212;
                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 {
                padding-top: 100px;
                padding-bottom: 100px;
                position: relative;
                min-height: 50vh;
                /* Ensure the section stretches to full height */
                overflow: hidden;
                /* Ensure the content doesn't overflow */
                background-size: cover;
                /* Ensure the image covers the entire section */
                background-position: center;
                /* Center the background image */
                background-repeat: no-repeat;
                /* Prevent the image from repeating */
                z-index: 1;
                /* Ensure it stays behind other content */
            }
            /* Optional: Adjust the overlay effect if necessary */
            
            .review-section::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0, 0, 0, 0.5);
                /* Optional: dark overlay */
                z-index: 0;
                /* Ensure the overlay stays below the content */
            }
            
            .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;
    background-color:#a9c5e7;
    border: 1px solid #E9E9E9;
    z-index: 3;
    display: flex;
    margin: 0 auto;
    padding: 2%;
  }
   */
            
            .review-section .card {
                position: relative;
                height: 330px;
                background-color: transparent;
                /* Make the card background transparent */
                z-index: 3;
                display: flex;
                margin: 0 auto;
                /* Center the cards */
                padding: 2%;
                overflow: hidden;
                /* Ensure the pseudo-element stays within the card */
                color: white;
            }
            
            .review-section .card::before {
                content: '';
                /* Create an empty content for the pseudo-element */
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0, 0, 0, 0.432);
                /* Adjust opacity as needed */
                backdrop-filter: saturate(180%) blur(6px);
                z-index: 1;
                /* Place it below the card content */
            }
            
            @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; */
                z-index: 3;
            }
            
            .review-section .card .review {
                margin-top: 120px;
                margin-left: 20px;
                font-size: 15px;
                color: #ffffff;
                /*color: rgba(255, 255, 255, 0.8);*/
                /* line-height: 30px; */
                font-family: "Titillium Web";
                /* text-align: justify; */
                padding-right: 7%;
                opacity: 1;
                position: relative;
                z-index: 1;
            }
            
            @media (min-width: 1000px) and (max-width: 1400px) {
                .review-section .card .review {
                    margin-top: 70px;
                    margin-left: 20px;
                    font-size: 15px;
                    color: #ffffff;
                    /*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;
                z-index: 2;
                position: relative;
            }
            
            .review-section .card .rating {
                margin-top: 30px;
                margin-right: 20px;
                color: white;
                font-size: 20px;
            }
            
            footer {
                background-color: #000000;
                /* 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;
                padding-bottom: 100px;
                overflow: hidden;
                background-color: #000000;
            }
            
            .buy-section .side-bar {
                background-color: #686868;
                /* 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: #fff;
                margin-right: 20px;
            }
            
            .buy-section .side-bar .budgut-range-price {
                padding: 0;
                font-size: 14px;
                /* font-weight: 600; */
                font-family: "Titillium Web";
                color: #fff;
                margin-right: auto;
                margin-left: 10%;
            }
            
            .buy-section .side-bar #progress {
                background: linear-gradient(to right, #fff 0%, #ffffff 10%, #7c7979 40%, #000000 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: #686868;
                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: #fff;
                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: #fff;
                float: left!important;
                transform: scale(1.5);
            }
            
            .buy-section .side-bar .panel {
                padding: 0 18px;
                background-color: #686868;
                max-height: 0;
                overflow: hidden;
                transition: max-height .3s ease-out;
                color: #fff;
                margin-left: 20px;
                width: 85%;
            }
            
            .buy-section .side-bar .accordion:after {
                content: '+';
                /* Unicode character for "plus" sign (+) */
                font-size: 16px;
                color: rgb(255, 255, 255);
                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 #fff;
                /* border-radius: 9px; */
                min-width: 60px;
                margin-top: 12px;
                font-family: "Titillium Web";
                text-align: center;
                color: #fff;
                font-size: 14px;
                font-weight: 400px;
                background-color: #686868;
            }
            
            .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: #686868;
                overflow-y: scroll;
                margin-bottom: 25px;
                color: #fff;
            }
            
            .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 #ffff;
                /* border-radius: 9px;
                width: 160px; */
                margin-top: 12px;
                font-family: "Titillium Web";
                text-align: center;
                color: #fff;
                font-size: 14px;
                font-weight: 400px;
                /* display: block; */
                background-color: #686868;
            }
            
            .buy-section .side-bar .panel .fuel-type button:hover {
                background-color: #adadad;
            }
            
            .buy-section .side-bar .panel .fuel-type button.active {
                background-color: black;
                color: #fff;
            }
            
            .buy-section .side-bar .panel .transmission-type button {
                height: 30px;
                border: 1px solid #fff;
                /* border-radius: 9px;
                min-width: 220px; */
                margin-top: 12px;
                font-family: "Titillium Web";
                text-align: center;
                color: #fff;
                font-size: 14px;
                font-weight: 400px;
                /* display: block; */
                background-color: #686868;
            }
            
            .buy-section .side-bar .panel .transmission-type button:hover {
                background-color: #adadad;
            }
            
            .buy-section .side-bar .panel .transmission-type button.active {
                background-color: black;
                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 #ffffff;
                /* border-radius: 9px; */
                /* min-width: 220px; */
                margin-top: 12px;
                font-family: "Titillium Web";
                text-align: center;
                color: #fff;
                font-size: 14px;
                font-weight: 400px;
                /* display: block; */
                background-color: #686868;
            }
            
            .buy-section .side-bar .panel .year-type button:hover {
                background-color: #adadad;
            }
            
            .buy-section .side-bar .panel .year-type button.active {
                background-color: black;
                color: #fff;
            }
            
            .buy-section .side-bar .panel .comforts button {
                height: 30px;
                border: 1px solid #fff;
                /* border-radius: 9px; */
                /* min-width: 220px; */
                margin-top: 12px;
                font-family: "Titillium Web";
                text-align: center;
                color: #fff;
                font-size: 14px;
                font-weight: 400px;
                /* display: block; */
                background-color: #686868;
            }
            
            .buy-section .side-bar .panel .comforts button:hover {
                background-color: #adadad;
            }
            
            .buy-section .side-bar .panel .comforts button.active {
                background-color: black;
                color: #fff;
            }
            
            .product-sub-section .head {
                font-family: "Titillium Web";
                color: white;
                font-size: 28px;
                text-transform: uppercase;
                font-weight: 600;
            }
            
            .product-sub-section .head-body {
                font-family: "Titillium Web";
                color: white;
                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; */
                color: #c62127 !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;
                background-color: #000000;
            }
            
            .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: white;
                font-weight: 600;
            }
            
            .contact-section .main-body {
                font-family: "Titillium Web";
                font-size: 14px;
                color: #fff;
                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 .form-check-input:checked {
                background-color: #5e5e5e91;
                border-color: #5e5e5e91;
            }


            .contact-section .contact-main .form-check-input:focus {
                border-color: none;
                outline: 0;
                box-shadow: none;
            }

            .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: rgb(255, 255, 255);
                /*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: black;
                    /*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: #121212;
                background-color: transparent;
                background-clip: padding-box;
                border: 1px solid #121212;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border-radius: 0px;
                /* transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
            }
            
            .contact-section .contact-main .second-sec form .form-control::placeholder {
                color: #121212;
                /* 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: #121212;
                background-color: transparent;
                background-clip: padding-box;
                border: 1px solid #121212;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border-radius: 0px;
                outline: none;
            }
            
            .contact-section .contact-main .second-sec form .text-area::placeholder {
                color: #121212;
                /* 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: 90px;
                height: 35px;
                background-color: #121212;
                /* border-radius: 10px; */
                border: none;
                color: white;
                font-family: "Titillium Web";
                font-size: 15px;
                margin-top: 40px;
                text-transform: uppercase;
            }
            
            .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; */
                background-color: black;
            }
            
            .contact-section1 .main-head {
                font-family: "Titillium Web";
                font-size: 35px;
                text-transform: uppercase;
                color: white;
                font-weight: 600;
            }
            
            .contact-section1 .main-body {
                font-family: "Titillium Web";
                font-size: 14px;
                color: white;
                width: 40%;
                margin-top: 20px;
                padding-bottom: 20px;
            }
            
            @media(max-width:992px) {
                .contact-section1 .main-body {
                    font-family: "Titillium Web";
                    font-size: 14px;
                    color: white;
                    width: 100%;
                    margin-top: 20px;
                    padding-bottom: 20px;
                }
            }
            
            .land-page {
                padding-bottom: 50px;
                background-color: #000000;
            }
            
            .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 {
                position: relative;
                height: 550px;
                width: 100%;
            }
            
            .offers-secton .image-section .overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.5);
                /* Black overlay with 50% opacity */
            }
            
            .offers-secton .image-section .text-content {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: white;
                /* Change the color as needed */
                text-align: center;
            }
            
            .offers-secton .image-section .text-content h2 {
                font-size: 24px;
                /* Adjust size as needed */
                margin: 0;
            }
            
            .offers-secton .image-section .text-content p {
                font-size: 16px;
                /* Adjust size as needed */
                margin: 10px 0 0 0;
            }
            






            .buy-section .newcar-card {
                /* width: 100%;
                transition: 1s ease; */
          
            }
            
    
    
    
    
            .buy-section .newcar-card .main-image {
                overflow: hidden;
                position: relative;
            }
            
            .buy-section .newcar-card .main-image .overlay {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 1;
                background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
                pointer-events: none;
            }
            
            .buy-section .newcar-card .main-image img {
                height: 300px;
                width: 100%;
                object-fit: cover;
            }
            
            .buy-section .newcar-card .main-image .brand-img-sec {
                position: absolute;
                top: 10px;
                left: 10px;
                z-index: 2;
            }
            
            .buy-section .newcar-card .main-image .brand-img-sec img {
                max-width: 80px;
                height: auto;
            }
            
           .buy-section .newcar-card .info {
        position: absolute;
        bottom: 25px;
        left: 10px;
        z-index: 2;
        color: #FFF;
        display: flex;
        justify-content: flex-end;
        width: calc(100% - 20px);
    }
            
            .buy-section .newcar-card .name {
                line-height: 30px;
                font-size: 20px;
                font-family: "Titillium Web";
            }
            
            .buy-section .newcar-card .view-details-btn {
                font-family: "Titillium Web";
                background-color: #ffffff;
                /* border-radius: 10px; */
                text-align: center;
                font-size: 15px;
                border: none;
                height: 35px;
                width: 122px;
                transition: 1s ease;
                text-transform: uppercase;
            }
            
            .buy-section .newcar-card .view-details-btn1 {
                margin-right: auto;
                margin-left: 10px;
                font-family: "Titillium Web";
                background-color: #ffffff;
                /* border-radius: 10px; */
                text-align: center;
                font-size: 15px;
                border: none;
                height: 35px;
                min-width: 122px;
                transition: 1s ease;
                text-transform: uppercase;
            }
            
            .buy-section .newcar-card .info button {
                margin-top: 5px;
            }
            
            .buy-section .newcar-card:hover .view-details-btn,
            .buy-section .newcar-card:hover .view-details-btn1 {
                background-color: white;
                transition: 1s ease;
            }
            
            .buy-section .view-details-btn1:hover,
            .buy-section .view-details-btn:hover {
                box-shadow: 0px 0px 10px 0px rgb(92, 169, 189);
            }
    
    
    





            .buy-inner-sec .sub-image-part {
                width: 95%;
                height: 100px;
                background-size: cover;
                background-position: center;
                object-fit: contain;
                /* border-radius: 10px; */
                position: relative;
                /* Add this to make ::after position relative to .sub-image-part */
                cursor: pointer;
            }
            
            @media(max-width:992px) {
                .buy-inner-sec .sub-image-part {
                    width: 95%;
                    /*height: 100px; */
                    height: 180px;
                    background-size: cover;
                    background-position: center;
                    object-fit: contain;
                    /* border-radius: 10px; */
                    position: relative;
                    /* Add this to make ::after position relative to .sub-image-part */
                    cursor: pointer;
                }
            }
            
            .buy-inner-sec .sub-image-part::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(255, 255, 255, 0);
                /* Initially transparent */
                /* border-radius: 10px; */
                /* Ensure the overlay has same border-radius as the image */
                transition: background-color 0.3s;
                /* Smooth transition for hover effect */
            }
            
            .buy-inner-sec .sub-image-part:hover::after {
                background-color: rgba(255, 255, 255, 0.5);
                /* White overlay on hover */
            }
            
            .buy-inner-sec .thumb-container {
                width: 280px;
                /*height: 400px;*/
                margin-left: 10px;
                margin-top: 50px;
            }
            
            @media(max-width:992px) {
                .buy-inner-sec .thumb-container {
                    width: auto;
                    /*height: 400px;*/
                    margin-left: 10px;
                    margin-top: 150px;
                }
            }
            
            .buy-inner-sec .image-sec-2 {
                margin-top: 40px;
            }
            
            .buy-inner-sec .image-sec-2 .img-fluid {
                width: 95%;
                height: 440px;
                background-size: cover;
                background-position: center;
                object-fit: cover;
                /* border-radius: 20px; */
                position: relative;
            }
            /*  .buy-inner-sec  .myaccordion .fa-stack {*/
            /*     font-size: 18px;*/
            /*     top:-38px;*/
            /*    left: 28px;*/
            /*}*/
            /*.image-sec-2 .img-fluid{*/
            /*    max-width: 615px;*/
            /*    height: auto;*/
            /*    margin-top: 46px;*/
            /*}*/
            
            .new-car-inner {
                /* padding:200px; */
            }
            
            .new-car-inner .tab-slider--nav2 {
                width: 100%;
                float: 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: #ffffff;
                height: 40px;
                user-select: none;
                /* border: 1px solid white; */
            }
            
            .new-car-inner .tab-slider--tabs2:after {
                content: "";
                width: 50%;
                background: black;
                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: 15px;
                line-height: 1;
                font-family: 'Titillium Web';
                color: black;
                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: 150px;
            }
            
            .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: -10px; */
            }
            
            .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: #121212;
                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: #121212;
                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: #121212;
                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 #ffffffcf;
                /* border-radius: 10px; */
                padding: 25px;
                /*padding-bottom: 70px;*/
                /*padding-bottom: 150px;*/
                height: 524px;
            }
            
            .emi-sec .first-sec .first-cont {
                color: #fff !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: white;
                padding-left: 45px;
                padding-right: 45px;
            }
            
            .emi-sec .second-sec .sec-cont {
                color: #121212 !important;
                font-family: 'Titillium Web';
                font-size: 18px;
                margin-top: 40px;
            }
            
            .emi-sec .second-sec .first2-cont {
                color: #121212 !important;
                font-family: 'Titillium Web';
                font-size: 16px;
            }
            
            .emi-sec .second-sec .total {
                color: #121212 !important;
                font-family: 'Titillium Web';
                font-size: 23px;
                font-weight: 500;
                margin-top: 20px;
            }
            
            .emi-sec .second-sec button {
                width: 100%;
                height: 40px;
                border: none;
                /* border-radius: 10px;.emi-sec .second-sec button */
                text-align: center;
                font-family: 'Titillium Web';
                font-size: 15px;
                color: white;
                margin-top: 10px;
                background-color: #121212;
            }
            
            .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: black;
                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 {
            padding-top: 100px;
        }


        .offers-inner .main-head {
            font-family: "Titillium Web";
            font-size: 35px;
            text-transform: uppercase;
            color: white;
            font-weight: 600;
        }


        .offers-inner .main-body {
            font-family: "Titillium Web";
            font-size: 14px;
            color: #fff;
            width: 60%;
            margin-top: 20px;
            padding-bottom: 40px;
        
        
        }



        .offers-inner .main-image-sec{
            height: 400px;
            object-fit: cover;
            width: 100%;
        }


        .offers-inner .main-heading-text{
            color: #fff ;
            font-size: 28px;

        }



        .offers-inner .sub-heading-body{
            color: #fff ;
            font-size: 14px;
            margin-top: 20px;
        }



        .offers-inner .bottom-text{
            margin-top: 250px;
            font-size: 18px;
            color: white;
        }


        
        @media(max-width:992px){
            .offers-inner .bottom-text{
                margin-top: 20px;
                font-size: 18px;
                color: white;
            }
        }
        
        .offers-inner .date{
        color: white;


        }


        .offers-inner .to{
            color: white;
            margin-left: 10px;
        }





            .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: #121212;
                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: 15px;
                /* direction: rtl !important; */
            }
            
            .slider-banner-section .img-overlay {
                height: 100%;
                content: ' ';
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                background: #000000;
                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: 40px;
                min-width: 135px;
                background-color: white;
                color: #121212;
                font-size: 15px;
                /* border-radius: 12px; */
                font-family: 'Titillium Web';
                border: none;
            }
            
            .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;
            }
            /* new design */
            
            .slick-dotted.slick-slider {
                margin-bottom: 0 !important;
            }
            
            .new-featured-sec {
                background-color: #121212;
                overflow: hidden;
            }
            
            .slick-dotted.slick-slider {
                margin-bottom: 0 !important;
            }
            
            .new-featured-sec .ftr-image {
                height: 400px;
                width: 100%;
                object-fit: cover;
            }
            
            .new-featured-sec .image-container {
                position: relative;
                height: 400px;
            }
            
            .new-featured-sec .image-overlay {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0, 0, 0, 0.5);
                z-index: 1;
            }
            
            .new-featured-sec .overlay-text {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: white;
                font-size: 30px;
                text-align: center;
                z-index: 2;
            }
            
            .new-featured-sec .body-text {
                padding-right: 10%;
                padding-top: 100px;
                padding-bottom: 50px;
            }
            
            .new-featured-sec #image-heading {
                color: white;
                font-size: 30px;
            }
            
            .new-featured-sec #image-description {
                color: white;
                font-size: 18px;
                width: 70%;
            }
            
            @media(max-width:992px) {
                .new-featured-sec #image-description {
                    color: white;
                    font-size: 18px;
                    width: 100%;
                    padding-left: 30px;
                }
            }
            
            .new-featured-sec #view-button {
                width: 85px;
                height: 35px;
                background-color: white;
                color: #000000;
                border: none;
                font-size: 15px;
                text-transform: uppercase;
            }
            
            .land-new-page {
                /* margin-top: 30px; */
                background-color: #000000;
                padding-bottom: 65px;
            }
            
            .land-new-page .main-card {
                margin-top: 40px;
            }
            
            .land-new-page .main-card .image-sec {
                position: relative;
                overflow: hidden;
            }
            
            .land-new-page .main-card .image-sec:hover .overlay {
                display: flex;
                transition: opacity 0.3s ease;
                opacity: 1;
            }
            
            .land-new-page .main-card .image-sec .overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #ffffff1e;
                display: flex;
                justify-content: center;
                align-items: center;
                opacity: 0;
                transition: opacity 0.3s ease;
            }
            
            .land-new-page .main-card .image-sec .details-button {
                background-color: #000000;
                color: white;
                /* padding: 10px 20px; */
                border: none;
                text-decoration: none;
                font-size: 15px;
                transition: background-color 0.3s;
                text-align: center;
                width: 95px;
                height: 35px;
                text-transform: uppercase;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            .land-new-page .main-card .image-sec .details-button:hover {
                background-color: #ffffff;
                color: #000000;
            }
            
            .land-new-page .main-card img {
                height: 400px;
                width: 100%;
                object-fit: cover;
            }
            
            .land-new-page .main-card .body {
                margin-top: 30px;
            }
            
            .land-new-page .main-card .main-head {
                color: #fff;
                font-size: 28px;
                z-index: 1;
                font-family: "Titillium Web";
            }
            
            .land-new-page .main-card .sub-head {
                color: #fff;
                font-size: 16px;
                z-index: 1;
                font-family: "Titillium Web";
            }







            .bank-section .new-calc {
                position: relative;
            }
            
            .bank-section .new-calc img {
                width: 100%;
                height: auto;
                max-width: 400px;
            }
            
            .bank-section .overlay-text {
                position: absolute;
                top: 20%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: rgb(0, 0, 0);
                font-size: 20px;
                text-align: left;
                font-weight: bold;
            }
            
            .bank-section .subheading {
                position: absolute;
                top: 28%;
                left: 50%;
                transform: translate(-50%, 0);
                color: rgb(0, 0, 0);
                font-size: 16px;
                text-align: left;
                font-weight: normal;
            }
            
            .bank-section .btn {
                position: absolute;
                bottom: 17%;
                left: 50%;
                transform: translate(-50%, 0);
                text-align: center;
                font-weight: normal;
            }
            
            .bank-section .btn button {
                background-color: black;
                color: white;
                min-width: 140px;
                height: 40px;
                border: none;
                font-size: 15px;
                text-transform: capitalize;
            }
    
    
            
            

            
        .main-offers .new-offer-part .main-card {
            margin-top: 40px;
            padding-left: 20px;
            padding-right: 20px;
        }
        
        .main-offers .new-offer-part .main-card .image-sec {
            position: relative;
            overflow: hidden;
        }
        
        .main-offers .new-offer-part .main-card .image-sec:hover .overlay {
            display: flex;
            transition: opacity 0.3s ease;
            opacity: 1;
        }
        
        .main-offers .new-offer-part .main-card .image-sec .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #ffffff1e;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .main-offers .new-offer-part .main-card .image-sec .details-button {
            background-color: #000000;
            color: white;
            /* padding: 10px 20px; */
            border: none;
            text-decoration: none;
            font-size: 15px;
            transition: background-color 0.3s;
            width: 95px;
            height: 35px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items:center ;
            text-transform: uppercase;
        }
        
        .main-offers .new-offer-part .main-card .image-sec .details-button:hover {
            background-color: #ffffff;
            color: #000000;
        }


        .main-offers .new-offer-part .main-card .image-sec .date-info {
            position: absolute;
            bottom: 10px;
            width: 100%;
            display: flex;
            justify-content: space-between;
            color: white; /* Change as needed */
            font-size: 14px; /* Adjust size as needed */
        }
        
        .main-offers .new-offer-part .main-card .image-sec .start-date,
        .main-offers .new-offer-part .main-card .image-sec .end-date {
            padding: 5px 10px; /* Padding for spacing */
        }

        
        .main-offers .new-offer-part .main-card img {
            height: 400px;
            width: 100%;
            object-fit: cover;
        }
        
        .main-offers .new-offer-part .main-card .body {
            margin-top: 10px;
            display: flex;
        }
        
        .main-offers .new-offer-part .main-card .main-head {
            color: #fff;
            font-size: 20px;
            z-index: 1;
            font-family: "Titillium Web";
        }
        
        .main-offers .new-offer-part .main-card .sub-head {
            color: #fff;
            font-size: 16px;
            z-index: 1;
            margin-right: auto;
            font-family: "Titillium Web";
        
        }