@font-face {
            font-family: "GE SS Two Medium";
            src: url("ge-ss-two/GE_SS_Two_Medium.eot?") format("eot"), url("ge-ss-two/GE_SS_Two_Medium.woff") format("woff"), url("ge-ss-two/GE_SS_Two_Medium.ttf") format("truetype"), url("ge-ss-two/GE_SS_Two_Medium.svg#GESSTwoMedium-Medium") format("svg");
            font-weight: normal;
            font-style: normal;
        }
        
        .arab-font {
            direction: rtl;
            font-family: "Alexandria", sans-serif !important;
            font-optical-sizing: auto;
            font-weight: normal;
            font-style: normal;
        }
        
        html {
            scroll-behavior: smooth;
        }
        
        body {
            font-family: 'Titillium Web';
            width: 100%;
        }
        
        .web-navbar {
            display: inline-flex;
            justify-content: space-around;
            align-items: center;
            position: fixed;
            width: 100%;
            z-index: 99;
            top: 0px;
            transition: all 0.3s;
            /* background-color: rgba(255, 255, 255, 0.671) !important; */
            height: 100px;
        }
        
        .web-navbar.scrolling {
            background-color: rgb(24 24 24);
            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.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;
            letter-spacing: 2px;
            padding-left: 5px;
            padding-right: 5px;
            font-weight: 500;
            padding-top: 8px;
            padding-bottom: 8px;
            font-family: 'Titillium Web';
            margin-top: 15px;
        }
        /*.sticky {*/
        /*    position: fixed;*/
        /*    top: 0;*/
        /*    z-index: 1000;*/
        /*    width: 100%;*/
        /*}*/
        
        .web-navbar .nav-item .dropdown-item {
            font-size: 14px;
            text-transform: capitalize;
        }
        
        .navbar-toggler {
            color: #fff;
            padding: 2px!important;
            border-color: #fff;
        }
        
        .navbar-toggler i {
            font-size: 25px;
        }
        
        .container__navbar--scroll {
            position: fixed;
            top: 0px;
            width: 100%;
            -webkit-animation: slide-bottom 1s ease-in-out;
            animation: slide-bottom 1s ease-in-out;
        }
        
        .container__navbar--scroll-out {
            position: fixed;
            top: -56px;
            width: 100%;
            -webkit-animation: slide-out 1s ease-out;
            animation: slide-out 1s ease-out;
        }
        
        .navbar-image {
            height: 200px;
            width: 200px;
        }
        
        #categoryTabs .nav-item .nav-link {
            border-radius: 0;
            background-color: transparent;
            padding-left: 0px;
            padding-right: 0;
            border: 0;
        }
        
        #categoryTabs .nav-item .nav-link.active::before {
            display: none;
        }
        
        .prd-details-side .nav-item .nav-link {
            color: #030303;
        }
        
        .web-navbar .offcanvas {
            background-color: #fcfcfc;
        }
        
        .web-navbar .offcanvas .btn-close {
            padding: 0;
            display: block;
            margin-right: 10px;
            opacity: 0.8;
        }
        
        .web-navbar .offcanvas .btn-close i {
            color: #fff;
            font-size: 30px;
        }
        
        .modal-backdrop {
            z-index: -1;
        }
        
        @media(max-width:992px) {
            .nav-item {
                border-bottom: 1px solid rgba(0, 0, 0, 0.205);
            }
        }
        /* .nav-buy-button{
  width: 69px;
  height:38px;
  color: #365274;
  background-color: #b7c1cc;
  border-radius: 15px;
  border: none;
  font-family: 'Titillium Web';
  font-size: 18px;
  margin-right: 8px;
  margin-top: 15px;

}

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

} */
        
        .nav-button {
            width: 100%;
            height: 38px;
            color: #365274;
            background-color: #D9D9D9;
            border-radius: 10px;
            border: none;
            font-family: 'Titillium Web';
            font-size: 15px;
            margin-right: 28px;
            margin-top: 15px;
            text-transform: uppercase;
            transition: background-color 0.3s ease;
        }
        
        .nav-item .nav-link::before {
            position: absolute;
            bottom: 0;
            left: 0;
            right: auto;
            margin: auto;
            width: 0%;
            content: " ";
            opacity: 0;
            background: #aaa;
            height: 1px;
        }
        
        @media(max-width:992px) {
            .nav-button {
                width: 50%;
                height: 38px;
                color: #365274;
                background-color: transparent;
                border-radius: 10px;
                border: none;
                font-family: 'Titillium Web';
                font-size: 15px;
                /* margin-right: 28px; */
                margin-top: 15px;
                text-transform: uppercase;
                transition: background-color 0.3s ease;
                text-align: start;
            }
            .nav-button:focus,
            .nav-button:active {
                background-color: transparent !important;
                outline: none;
            }
        }
        
        .nav-button:hover {
            background-color: #CCE3FF;
        }
        
        .new-home-sec {
            margin-top: 50px;
        }
        
        .new-home-sec .first-sec {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
        }
        
        .new-home-sec #bg-video {
            position: absolute;
            top: 0;
            left: 0;
            min-width: 100%;
            min-height: 100%;
            z-index: 1;
        }
        
        .home-section {
            /*margin-top: 50px;*/
            /* border-radius: 20px; */
            /* background-color: #e1e1e1; */
        }
        
        .home-section .video-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -2;
            border-radius: 20px;
        }
        
        @media(max-width:700px) {
            .home-section .video-bg {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: -2;
                border-radius: 0px !important;
            }
        }
        
        .home-section .layout {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
            border-radius: 20px;
            background-color: rgb(0, 0, 0);
            opacity: .4;
        }
        
        @media(max-width:700px) {
            .home-section .layout {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: -1;
                border-radius: 0px !important;
                background-color: rgb(0, 0, 0);
                opacity: .4;
            }
        }
        
        .home-section .first-sec {
            /* background-color: #e1e1e1; */
            border-radius: 20px 0 0 20px;
            padding-left: 10%;
            padding-top: 10%;
            padding-right: 3%;
            padding-bottom: 10%;
            position: relative;
            overflow: hidden;
            width: 100%;
            /* height: 100vh; */
        }
        
        .home-section .first-sec .buy-btn {
            width: 120px;
            height: 40px;
            color: #021c3b;
            background-color: #ffffff;
            border-radius: 10px;
            border: none;
            font-family: "Titillium Web";
            font-size: 16px;
        }
        /* .home-section  #video-bg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 1;
} */
        
        .home-section .second-sec {
            /* background-color: #365274; */
            border-radius: 0 20px 20px 0;
        }
        
        .home-section .first-sec span {
            font-size: 70px;
            font-family: 'Titillium Web';
            color: #ffffff;
            font-weight: 200;
            line-height: 1;
            text-transform: uppercase;
            z-index: 15 !important;
        }
        
        @media(max-width:992px) {
            .home-section .first-sec span {
                font-size: 35px;
                font-family: 'Titillium Web';
                color: #ffffff;
                font-weight: 200;
                line-height: 1;
                text-transform: uppercase;
                z-index: 15 !important;
            }
        }
        
        .home-section .first-sec .sub-head {
            color: #ffffff;
            font-family: 'Titillium Web';
            font-weight: 600;
            font-size: 70px;
            text-transform: uppercase;
            margin-top: 2px;
            line-height: 70px;
        }
        
        @media(max-width:992px) {
            .home-section .first-sec .sub-head {
                color: #ffffff;
                font-family: 'Titillium Web';
                font-weight: 600;
                font-size: 35px;
                text-transform: uppercase;
                margin-top: 20px;
                line-height: 40px;
            }
        }
        
        .home-section .first-sec .main-heading {
            color: #ffffff;
            font-family: 'Titillium Web';
            font-weight: 700;
            font-size: 70px;
            text-transform: uppercase;
            margin-top: -50px;
        }
        
        .home-section .first-sec .body-text {
            color: #ffffff;
            font-size: 18px;
            padding-right: 30%;
            padding-bottom: 36px;
            margin-top: -22px;
        }
        
        @media(max-width:992px) {
            .home-section .first-sec .body-text {
                color: #ffffff;
                font-size: 18px;
                padding-right: 0% !important;
                padding-bottom: 36px;
                margin-top: -22px;
            }
        }
        
        .home-section .second-sec .image-container {
            position: relative;
        }
        
        .home-section .second-sec .img-sec {
            position: absolute;
            margin-top: 196px;
            right: 0;
            margin-right: -10%;
            width: 899px;
            z-index: 20;
        }
        
        @media(max-width:992px) {
            .home-section .second-sec .img-sec {
                display: none;
            }
        }
        /* tabs code */
        
        .tab-slider--nav {
            width: 100%;
            float: left;
            margin-bottom: 20px;
        }
        
        .tab-slider--tabs {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            list-style: none;
            position: relative;
            border-radius: 10px;
            overflow: hidden;
            background: #021c3b;
            height: 35px;
            user-select: none;
        }
        
        .tab-slider--tabs:after {
            content: "";
            width: 50%;
            background: #b7c1cc;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            transition: all 250ms ease-in-out;
            border-radius: 10px;
        }
        
        .tab-slider--tabs.slide:after {
            left: 50%;
        }
        
        .tab-slider--trigger {
            font-size: 17px;
            line-height: 1;
            font-family: 'Titillium Web';
            color: #ffffff;
            text-transform: uppercase;
            text-align: center;
            padding: 11px 20px;
            position: relative;
            z-index: 2;
            cursor: pointer;
            display: inline-block;
            transition: color 250ms ease-in-out;
            user-select: none;
        }
        
        .tab-slider--trigger.active {
            color: #fff;
        }
        
        .tab-slider--body {
            margin-bottom: 20px;
        }
        /* end tabscode */
        
        .input-container {
            /* position: absolute; */
            width: 100%;
            background-color: #e1e1e1;
            height: 51px;
            margin-top: 105px;
            border: 1px solid rgba(0, 0, 0, 0.637);
            border-radius: 16px;
            padding-right: 3%;
        }
        
        .input-container form {
            display: flex;
        }
        
        .input-container form select,
        option {
            border: none;
            text-align-last: center;
            background-color: #e1e1e1;
            color: #878789;
        }
        
        .input-container .form-control {
            border: none !important;
            /* margin-top: 10px; */
            /* margin-left: 2%; */
            background-color: #e1e1e1 !important;
            border-radius: 15px !important;
            color: #878789 !important;
            font-size: 12px !important;
            padding: 0 !important;
            /* width: 22px !important; */
        }
        
        .input-container form select:focus {
            outline: none !important;
            box-shadow: none !important;
        }
        
        .home-section .input-container .location {
            padding: 0;
            margin-top: 21px;
            right: 0;
            margin-right: 172px;
            font-size: 12px;
            color: #878789;
        }
        
        .home-section .input-container .fa-chevron-down {
            padding: 0;
            margin-top: 21px;
            right: 0;
            margin-right: 111px;
            font-size: 12px;
            color: #878789;
        }
        
        .home-section .input-container .search {
            position: relative;
            right: 0;
            margin-left: 13px;
            margin-right: 43px;
            margin-top: 18px;
            font-size: 20px;
            color: #878789;
        }
        
        .featured-section {
            overflow: hidden;
            padding-bottom: 30px;
        }
        
        .featured-section .container {
            /*padding-left: 4%;*/
            padding-top: 70px;
            padding-bottom: 70px;
        }
        
        .featured-section .container .img-sec {
            padding-left: 4%;
            /*padding: 18%;*/
            padding: 25%;
            height: 110px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            /* border-width: 0 1px 0px 0; 
  border-color: black;
  border-style: solid; */
        }
        
        @media(max-width:992px) {
            .featured-section .container .img-sec {
                padding-left: 4%;
                padding: 26%;
                /*height: 100px;*/
                /*display: flex;*/
                justify-content: flex-start;
                align-items: center;
                /* border-width: 0 1px 0px 0; 
  border-color: black;
  border-style: solid; */
            }
        }
        
        .featured-section .border-class {
            border: 1px solid 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 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-left: 20px;
            padding-top: 20px;
            padding-bottom: 30px;
            min-height: 413px;
        }
        
        .featured-section .sub-part .body-text {
            color: #000000;
            font-size: 16px;
            font-family: "Titillium Web";
            padding-right: 50px;
            margin-top: 20px;
            text-align: justify;
            margin-bottom: 12px;
        }
        
        .featured-section .sub-part .sub-text {
            font-size: 18px;
            line-height: 28px;
            color: #022249;
            font-weight: 400;
            font-family: "Titillium Web";
            padding: 0;
            margin-top: 50px;
        }
        
        .featured-section .sub-part .sub-count {
            font-size: 82px;
            text-transform: uppercase;
            color: #022249;
            font-weight: 600;
            font-family: "Titillium Web";
            margin-top: -45px;
            padding: 0;
        }
        
        .featured-section .sub-part .sub-text2 {
            font-size: 18px;
            line-height: 28px;
            color: #022249;
            font-weight: 400;
            font-family: "Titillium Web";
            margin-top: -39px;
        }
        
        .featured-section .sub-part .view-all-btn {
            width: 120px;
            height: 40px;
            color: white;
            background-color: #021c3b;
            border-radius: 10px;
            border: none;
            font-family: "Titillium Web";
            font-size: 16px;
            margin-top: 67px;
        }
        
        .featured-section .sub-part .image-sec {
            position: absolute;
            /*margin-top: -158px;*/
            width: 61%;
            right: 0;
        }
        /* product section */
        
        .product-section {
            background-color: #365274;
            position: relative;
            padding-top: 20px;
        }
        /* tabs2 */
        
        .tab-slider--nav2 {
            width: 100%;
            float: left;
            /* border: 1px solid white; */
        }
        
        .custom-spacing {
            /* margin-left: 1rem; 
    margin-right: 1rem; 
    padding-left: 3rem; 
    padding-right: 3rem;  */
            padding-top: 3rem;
            padding-bottom: 3rem;
        }
        
        @media(max-width:760px) {
            .custom-spacing {
                margin-left: 0rem;
                margin-right: 0rem;
                padding-left: 0rem;
                padding-right: 0rem;
                padding-top: 3rem;
                padding-bottom: 3rem;
            }
        }
        
        .tab-slider--tabs2 {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            list-style: none;
            position: relative;
            /* border-radius: 12px; */
            overflow: hidden;
            background: #ffffff;
            height: 40px;
            user-select: none;
            border: 1px solid #121212;
        }
        
        .tab-slider--tabs2:after {
            content: "";
            width: 50%;
            /*background: #021c3b;*/
            color: #020202;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            transition: all 250ms ease-in-out;
            /* border-radius: 10px; */
            background: #121212;
        }
        
        .tab-slider--tabs2.slide:after {
            left: 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;
        }
        
        .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 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";
            font-weight: 900;
            margin-top: 1px;
            margin-left: 1px;
        }
        
        .tab-slider--container .image-container .fvrt-icon .fa-regular,
        .far {
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            margin-top: 1px;
            margin-left: 1px;
        }
        
        .buy-section .product-sub-section .image-container {
            position: relative;
            border-radius: 14px;
        }
        
        .buy-section .product-sub-section .image-container .fvrt-icon {
            position: absolute;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background-color: #365274;
            margin-top: 10px;
            right: 0;
            margin-right: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: .8;
        }
        
        .buy-section .product-sub-section .image-container .fvrt-icon .fa-heart {
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            margin-top: 1px;
            margin-left: 1px;
        }
        
        .buy-section .product-sub-section .image-container .fvrt-icon .fa-regular,
        .far {
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            margin-top: 1px;
            margin-left: 1px;
        }
        
        .similar-sec .image-container .fvrt-icon {
            position: absolute;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background-color: #365274;
            margin-top: 10px;
            right: 0;
            margin-right: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: .8;
        }
        
        .similar-sec .image-container .fvrt-icon .fa-heart {
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            margin-top: 1px;
            margin-left: 1px;
        }
        
        .similar-sec .image-container .fvrt-icon .fa-regular,
        .far {
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            margin-top: 1px;
            margin-left: 1px;
        }
        
        .buy-section .fa-location-dot {
            position: relative;
            color: #000000;
            right: 10px;
            margin-top: 13px;
        }
        
        .buy-section .input-container .location {
            padding: 0;
            margin-top: 21px;
            right: 0;
            /* margin-right: 172px; */
            font-size: 12px;
            color: #878789;
        }
        
        .buy-section .location-box {
            right: 20px;
            z-index: 10;
            margin-top: 12px;
            color: #333 !important;
        }
        
        .main-card .card .container-fluid {
            background-color: #fff;
            border-width: 1px 0px 1px 0px;
            border-color: rgb(255, 255, 255);
            border-style: solid;
            /* border-radius: 0px 0px 14px 14px; */
            border: 1px solid 1px solid #0000004d;
        }
        
        .main-card .card .main-head {
            color: #121212;
            font-size: 12px;
            font-family: "Titillium Web";
            font-weight: 400;
            margin-top: 17px;
            margin-left: 12px;
        }
        
        .main-card .card .sub-head {
            color: #121212;
            font-size: 13px;
            font-family: "Titillium Web";
            font-weight: 400;
            margin-top: -15px;
            margin-left: 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: right;
            font-family: "Titillium Web";
            padding-right: 12px;
        }
        
        .main-card .card .months {
            font-size: 12px;
            margin-top: -15px;
            text-align: right;
            color: #121212;
            font-family: "Titillium Web";
            padding-right: 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;
        }
        
        .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-left: 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-right: 1px solid #e5e5e7;
            margin-bottom: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 25px;
        }
        
        @media(max-width:700px) {
            .bank-section .brand {
                border-right: none;
                margin-bottom: 40px;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-top: 25px;
            }
        }
        
        .bank-section .brand .img-sec {
            /*height: 45px;*/
            height: auto;
            width: 110px;
        }
        
        .bank-section .brand:nth-child(5n) {
            border-right: none;
        }
        
        .bank-section .main-emi-card {
            background-color: #021c3b;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 0px;
            padding-bottom: 25px;
            margin: 0;
            /* border-radius: 25px; */
            height: 460px;
        }
        
        @media(max-width:992px) {
            .bank-section .main-emi-card {
                background-color: #51BDF9;
                padding-left: 0px;
                padding-right: 0px;
                padding-top: 0px;
                padding-bottom: 25px;
                margin: 0;
                border-radius: 0px;
            }
        }
        
        .bank-section .emi-card {
            background-color: #a9c5e7;
            /* border-radius: 25px 25px 0  0; */
            /* padding: 50px; */
            padding-left: 50px;
            padding-right: 50px;
            padding-top: 50px;
            font-family: "Titillium Web";
        }
        
        @media(max-width:992px) {
            .bank-section .emi-card {
                background-color: #a9c5e7;
                border-radius: 0px 0px 0 0 !important;
                /* padding: 50px; */
                padding-left: 50px;
                padding-right: 50px;
                padding-top: 50px;
                font-family: "Titillium Web";
            }
        }
        
        .bank-section .emi-card .main-head {
            font-size: 26px;
            color: #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: 20px;
            text-align: center;
            margin-top: 40px;
        }
        
        .bank-section .emi-card img {
            margin-left: 60px;
        }
        
        @media(max-width:700px) {
            .bank-section .emi-card img {
                margin-left: 10%;
            }
        }
        /* review section */
        /* Default styles for larger screens */
        /*.review-section{*/
        /* background-color: white;*/
        /* padding-top: 100px;*/
        /* padding-bottom: 100px;*/
        /*}*/
        /* .review-section {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  min-height: 50vh;
  overflow: hidden;
} */
        
        .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: transparent;
            /* Make the card background transparent */
            z-index: 3;
            display: flex;
            margin: 0 auto;
            /* Center the cards */
            padding: 2%;
            overflow: hidden;
        }
        
        .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(5px);
            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-left: 33px;
            margin-top: 30px;
            z-index: 3;
        }
        
        .review-section .card .review {
            margin-top: 120px;
            margin-left: 20px;
            font-size: 15px;
            color: #ffffff;
            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: #365274;
                /*color: rgba(255, 255, 255, 0.8);*/
                /* line-height: 30px; */
                font-family: "Titillium Web";
                /* text-align: justify; */
                padding-right: 7%;
            }
        }
        
        .review-section .card .name {
            margin-left: 20px;
            font-family: "Titillium Web";
            /*color: white;*/
            color: white;
            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-left: 20px;
        }
        
        .buy-section .side-bar .budgut-range-price {
            padding: 0;
            font-size: 14px;
            /* font-weight: 600; */
            font-family: "Titillium Web";
            color: #fff;
            margin-left: auto;
            margin-right: 10%;
        }
        
        .buy-section .side-bar #progress {
            background: linear-gradient(to right, #ffffff 0%, #000000 10%, #7c7979 40%, #000000 100%);
            border-radius: 8px;
            height: 3px;
            width: 85%;
            outline: none;
            transition: background 450ms ease-in;
            -webkit-appearance: none;
            margin-left: 20px;
        }
        
        /* .buy-section .side-bar #progress::-webkit-slider-thumb {
            width: 10%;
            height: 30px;
            margin-top: -15px;
            -webkit-appearance: none;
            cursor: pointer;
            background: url('{{ asset('images/logo/car.png') }}') center no-repeat; 
        } */
        
        /* Style the buttons that are used to open and close the accordion panel */
        
        .buy-section .side-bar .accordion {
            background-color: #686868;
            cursor: pointer;
            /* padding: 18px; */
            width: 100%;
            text-align: left;
            border: none;
            outline: none;
            transition: 0.4s;
            font-size: 17px;
            font-weight: 600;
            font-family: "Titillium Web";
            color: #fff;
            margin-left: 14px;
            width: 85% !important;
        }
        
        .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: #fff;
            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-left: 0;
            margin-bottom: 0;
            list-style: none;
            background-color: #2d3640;
            border-radius: 20px 20px 0 0;
            font-family: "Titillium Web";
            overflow: hidden !important;
        }
        
        .my-account-sec .profile-body .nav .nav-link:focus,
        .nav-link:hover {
            /* color: #858585 !important; */
            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-left: 10px;
            margin-top: 12px;
        }
        
        .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 .input-container form select,
        option {
            border: none;
            text-align-last: left;
            background-color: #e1e1e1;
            color: #878789;
        }
        
        .contact-section .contact-main .first-sec {
            position: relative;
            /* border-radius: 10px 0 0 10px; */
            background-size: cover;
            background-position: center;
            min-height: 628px;
            /* Add any other styles you need */
        }
        
        @media(max-width:992px) {
            .contact-section .contact-main .first-sec {
                position: relative;
                background-size: cover;
                border-radius: 0px 0 0 0px;
                background-position: center;
                min-height: 628px;
                /* Set height as needed */
                /* Add any other styles you need */
            }
        }
        
        .contact-section .contact-main .overlay {
            position: absolute;
            /* Position the overlay relative to its parent */
            top: 0;
            left: 0;
            border-radius: 10px 0 0 10px;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.384);
            /* Semi-transparent black overlay */
        }
        
        @media(max-width:992px) {
            .contact-section .contact-main .overlay {
                position: absolute;
                /* Position the overlay relative to its parent */
                top: 0;
                left: 0;
                border-radius: 0px 0 0 0px;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.384);
                /* Semi-transparent black overlay */
            }
        }
        
        .contact-section .contact-main .first-sec .first-sec-content {
            /* margin-top: 30px; */
        }
        
        .contact-section .contact-main .first-sec .address {
            margin-left: 10px;
            font-size: 20px;
            font-family: Titillium Web;
            margin-top: -5px;
        }
        
        .contact-section .contact-main .first-sec .address_1 {
            margin-left: 10px;
            font-size: 16px;
            font-family: Titillium Web;
            margin-top: -15px;
        }
        
        .contact-section .contact-main .first-sec .text-container {
            position: absolute;
            margin-top: 150px;
            margin-left: 15%;
            /* top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white; 
text-align: center;  */
        }
        
        .contact-section .contact-main .second-sec {
            /* border-radius: 0px 10px 10px 0px; */
            background-color: rgb(255, 255, 255);
            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;
                min-height: 628px;
                /* Set height as needed */
                overflow: hidden;
            }
        }
        
        .contact-section .contact-main .second-sec form select {
            display: block;
            width: 100%;
            height: 40px;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #365274;
            background-color: white;
            border: 1px solid #c5cad1;
            border-radius: 10px;
            appearance: none;
            /* Hide default arrow */
            -webkit-appearance: none;
            -moz-appearance: none;
            position: relative;
            background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' width=\'24\' height=\'24\'%3E%3Cpath d=\'M7 10l5 5 5-5H7z\' fill=\'%23365274\'/%3E%3C/svg%3E');
            background-repeat: no-repeat;
            background-position: right 10px center;
            /* Position the icon to the right */
            background-size: 25px;
            /* Size of the icon */
            padding-right: 30px;
            /* Adjust padding to make space for the icon */
            cursor: pointer;
            /* Change cursor to pointer */
        }
        
        .contact-section .contact-main .second-sec form select::after {
            content: '';
            display: inline-block;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            
        }
        
        .contact-section .contact-main .second-sec form .form-control {
            display: block;
            width: 100%;
            height: 40px;
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #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-sec .custom-file-input {
            display: none;
        }
        
        .contact-section .contact-main .second-sec .form-sec .custom-file-label {
            display: inline-block;
            padding: 12px 12px;
            cursor: pointer;
            border: 1px solid #ced4da;
            border-radius: 4px;
            width: 100%;
            height: 52px;
            border-radius: 15px;
        }
        
        .contact-section .contact-main .second-sec form .submit {
            width: 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: 6px !important;
            position: relative !important;
        }
        
        .map-container .map-sub-section .main-card2 .main-head {
            font-size: 22px !important;
            color: #365274 !important;
            font-family: "Titillium Web";
            margin-left: 10px;
            margin-top: 5px;
        }
        
        .map-container .map-sub-section .main-card2 .body-head {
            font-size: 17px !important;
            color: #365274 !important;
            font-family: "Titillium Web";
            /* margin-left: 10px; */
            /* line-height: 10px; */
            margin-top: 17px;
        }
        
        .feedback-section {
            overflow: hidden;
        }
        
        .feedback-section .emooji-icon-size {
            font-size: 90px;
        }
        
        @media(max-width:992px) {
            .feedback-section .emooji-icon-size {
                font-size: 36px;
            }
        }
        
        .feedback-section .emoji-class {
            position: relative !important;
        }
        
        .feedback-section form .form-control {
            display: block;
            width: 100%;
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: transparent;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 15px;
            /* transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
        }
        
        .feedback-section form input {
            height: 52px;
        }
        
        .feedback-section form select {
            height: 52px;
            color: rgba(0, 0, 0, 0.61) !important;
        }
        
        .feedback-section form select option {
            order: none;
            text-align-last: left !important;
            background-color: #e1e1e1;
            color: #878789;
        }
        
        .feedback-section form .form-control:focus {
            box-shadow: none !important;
            /* Remove the box shadow */
        }
        
        .feedback-section form .submit-sec {
            background-color: #365274;
            padding-top: 30px;
            padding-bottom: 30px;
            border-radius: 10px;
        }
        
        .feedback-section form .submit-sec .head {
            text-transform: uppercase;
            font-size: 25px;
            font-family: "Titillium Web";
            color: white;
            text-align: center;
        }
        
        .contact-section1 {
            padding-top: 75px;
            /* padding-bottom: 75px; */
            background-color: #000000;
        }
        
        .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-left: 50px;
            margin-top: 40px;
            z-index: 1;
            font-family: "Titillium Web";
        }
        
        .land-page .display {
            display: flex;
        }
        
        @media(max-width:992px) {
            .land-page .display {
                display: block;
            }
            .land-page .box {
                width: 100% !important;
                height: 440px;
                transition: width 1s;
                margin-top: auto;
                overflow: hidden;
                position: relative;
                padding: 10px;
            }
            .land-page .box:hover {
                width: 100% !important;
                filter: brightness(100%) !important;
            }
            .land-page .box img {
                object-fit: cover;
                width: 100%;
                height: 100%;
                filter: brightness(100%);
                border-radius: 20px !important;
                transition: filter 1s;
                /* Transition for filter property */
            }
        }
        
        .land-page .box:hover i {
            visibility: visible;
            transition-delay: .6s;
        }
        
        .land-page .box img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            filter: brightness(70%);
            /* Initial brightness filter */
            border-radius: 20px !important;
            transition: filter 1s;
            /* Transition for filter property */
        }
        
        .land-page .box:hover img {
            filter: brightness(100%);
            /* Remove brightness filter on hover */
        }
        
        .sub-conotact-sec {
            background-size: cover;
            background-position: center;
            color: white;
            position: relative;
            z-index: 1;
        }
        
        .sub-conotact-sec::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgb(0 0 0 / 36%);
            border-radius: 10px;
            /* Ensure the overlay has same border-radius as the image */
            transition: background-color 0.3s;
            /* Smooth transition for hover effect */
            z-index: 2;
        }
        
        .sub-conotact-sec .card {
            height: 300px;
            border-radius: 0px;
            border: 1px solid white;
            background-color: transparent;
            border-top: none;
            transition: 1s all;
            z-index: 3;
            background-position: center;
        }
        
        .sub-conotact-sec .card .post {
            font-size: 30px;
            font-family: "Titillium Web";
            color: white;
            margin: auto;
            text-transform: uppercase;
            transition: 1s all;
            z-index: 10;
        }
        
        .sub-conotact-sec .card .post .coming-soon {
            font-size: 18px;
            font-family: "Titillium Web";
            color: white;
            /*margin: auto;*/
            text-transform: uppercase;
            transition: 1s all;
            z-index: 10;
            text-align: center;
        }
        /* .sub-conotact-sec .card:hover .post {
text-align: left; 
}

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



} */
        
        .sub-conotact-sec .card:nth-child(1n) {
            border-left: none;
        }
        
        .offers-secton {
            background-color: #B6B4B8;
            /* padding-bottom: 100px; */
            /* border-radius: 30px; */
        }
        
        .offers-secton .text-container {
            padding-left: 20%;
            padding-right: 20%;
        }
        
        @media(max-width:992px) {
            .offers-secton .text-container {
                padding-left: 20px;
                padding-right: 20px;
                padding-top: 20px;
                padding-bottom: 20px;
            }
        }
        
        .offers-secton .main-head {
            font-family: "Titillium Web";
            font-size: 35px;
            text-transform: uppercase;
            color: #fcfcfc;
            font-weight: 600;
        }
        
        .offers-secton .sub-body {
            margin-top: 15px;
            font-family: "Titillium Web";
            font-size: 12px;
            color: #fcfcfc;
        }
        
        .offers-secton .container2 {
            width: 100%;
            max-width: 1000px;
            margin: auto;
        }
        
        .offers-secton .swiper {
            width: 100%;
            height: 100%;
        }
        
        .offers-secton .swiper-slide {
            text-align: center;
            font-size: 18px;
            /* background: #fff; */
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .offers-secton .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 .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .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 .main-head {
            font-size: 35px;
            /* Adjust size as needed */
            color: white;
            text-transform: uppercase;
            font-weight: 600;
            margin: 0;
        }
        
        .offers-secton .image-section .text-content .subtext {
            font-size: 12px;
            /* Adjust size as needed */
            margin: 10px 0 0 0;
            color: white;
        }
        
        .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;
        }
        
        /* .buy-section .newcar-card {
            width: 100%;
            min-height: 250px;
            background-color: #D9D9D9;
            padding: 20px 20px;
            transition: 1s ease;
        } */


        .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;
            right: 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-left: auto;
            margin-right: 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: left;
            /* border: 1px solid white; */
        }
        
        .new-car-inner .tab-slider--tabs2 {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            list-style: none;
            position: relative;
            /* border-radius: 12px; */
            overflow: hidden;
            background: #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 .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-right: 1px solid black;
            border-bottom: 1px solid black;
            font-size: 14px;
            padding: 0;
            margin: 0;
        }
        
        @media(max-width:992px) {
            .new-car-inner .engine-spec .first-sec {
                display: flex;
                justify-content: space-between;
                font-family: "Titillium Web";
                border-radius: inherit;
                color: #365274;
                border-right: 0px solid black;
                border-bottom: 1px solid black;
                font-size: 14px;
                padding: 0;
                margin: 0;
            }
        }
        
        .new-car-inner .engine-spec .dot {
            color: #365274;
            width: 7px;
            height: 7px;
            background-color: #365274;
            border-radius: 50%;
            margin-top: 26px;
            margin-left: 10px;
        }
        
        .new-car-inner .engine-spec .feature-sec {
            justify-content: space-between;
            font-family: "Titillium Web";
            border-radius: inherit;
            color: #365274;
            /* padding-bottom: 20px; */
            padding-top: 20px;
            font-size: 14px;
            padding-left: 15px;
            margin: 0;
        }
        
        .engine-spec .row .col-lg-6:nth-child(2) .first-sec {
            border-right: none;
        }
        
        .new-car-inner .engine-spec .row:last-child .col-lg-6 .first-sec {
            border-bottom: none;
        }
        
        .services-deatils .services-title {
            font-family: "Titillium Web";
            color: #121212;
            font-weight: 600;
            letter-spacing: 3px;
            font-size: 28px;
            line-height: 1.3;
            text-transform: uppercase;
            margin-left: 30px;
        }
        
        .services-deatils .service-description {
            margin-bottom: 20px;
            margin-left: 30px;
            font-family: "Titillium Web";
            color: #121212;
            font-size: 14px;
        }
        
        .emi-sec .tab-slider--nav2 {
            width: 100%;
            float: left;
            /* border: 1px solid white; */
        }
        
        .emi-sec .tab-slider--tabs2 {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            list-style: none;
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            background: #D9D9D9;
            height: 40px;
            user-select: none;
            /* border: 1px solid white; */
        }
        
        .emi-sec .tab-slider--tabs2:after {
            content: "";
            width: 50%;
            background: #021c3b;
            color: #020202;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            transition: all 250ms ease-in-out;
            border-radius: 10px;
        }
        
        .emi-sec .tab-slider--tabs2.slide:after {
            left: 50%;
        }
        
        .emi-sec .tab-slider--trigger2 {
            font-size: 17px;
            line-height: 1;
            font-family: 'Titillium Web';
            color: #365274;
            text-transform: uppercase;
            text-align: center;
            padding: 11px 20px;
            position: relative;
            z-index: 2;
            cursor: pointer;
            display: inline-block;
            transition: color 250ms ease-in-out;
            user-select: none;
            width: 200px;
        }
        
        .emi-sec .tab-slider--trigger2.active {
            color: #ffffff;
        }
        
        .emi-sec.tab-slider--body2 {
            margin-bottom: 20px !important;
        }
        
        .emi-sec .first-sec {
            border: 1px solid #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;
        }
        
        .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-left: 49px;
            width: 75%;
            /* background: red; */
            height: 403px;
            line-height: 27px;
        }
        
        .branches-section .contact {
            width: 90%;
            height: 85px;
            background-color: #365274;
            border-radius: 0 10px 10px 0;
            margin-top: 30px;
            line-height: 17px;
        }
        
        .branches-section .call {
            font-size: 17px;
            color: white;
            font-family: 'Titillium Web';
            margin-top: 15px;
            text-transform: uppercase;
        }
        
        .branches-section .bi-telephone {
            margin-top: 12px;
            position: relative;
            font-size: 18px;
        }
        
        .branches-section .bi-geo-alt {
            margin-top: 14px;
            position: relative;
            font-size: 19px;
        }
        
        .login .login-top {
            margin-top: 200px;
        }
        
        @media(max-width:992px) {
            .login .login-top {
                margin-top: 70px;
                padding-bottom: 90px;
            }
        }
        
        .login form .form-control {
            display: block;
            width: 100%;
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: white;
            background-color: transparent;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 15px;
            height: 50px;
            /* transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
        }
        
        .login-main {
            border-radius: 20px;
            background-color: #365274;
            margin-bottom: 30px;
        }
        
        .login-image {
            background-size: cover;
            background-position: center;
            border-radius: 20px 0 0 20px;
            height: 600px;
        }
        
        @media(max-width:992px) {
            .login-main {
                border-radius: 0px;
                background-color: #365274;
                margin-bottom: 30px;
            }
            .login-image {
                background-size: cover;
                background-position: center;
                border-radius: 0px 0 0 0px;
                height: 600px;
            }
        }
        
        .login form .form-control::placeholder {
            color: white;
        }
        
        .login form .form-control:focus,
        input:focus {
            color: white;
        }
        
        .login form .forgot {
            margin-top: 10px;
            color: white;
            font-family: 'Titillium Web';
            font-size: 16px;
        }
        
        .login form .lgn-btn {
            margin-top: 10px;
            color: white;
            font-family: 'Titillium Web';
            font-size: 18px;
            background-color: #0094FF;
            border-radius: 10px;
            width: 103px;
            height: 38px;
            border: none;
        }
        
        .home-section .first-sec {
            height: 680px;
        }
        
        .banner_description {
            margin-top: 90px !important;
        }
        
        .buy-section .side-bar .panel .type-of-vehicle button.active {
            background-color: black;
            color: #fff;
        }
        
        .whatsapp-float-icon1 {
            position: fixed;
            width: 50px;
            height: 50px;
            bottom: 146px;
            right: 60px;
            background-color: #53a1ff;
            color: #53A1FF;
            border-radius: 50px;
            text-align: center;
            font-size: 60px;
            /*box-shadow: 2px 2px 3px #0000000c; */
            z-index: 100;
            transition: 0.5s all;
        }
        
        @media(max-width:992px) {
            .whatsapp-float-icon1 {
                position: fixed;
                width: 50px;
                height: 50px;
                bottom: 146px;
                right: 17px;
                background-color: #53a1ff;
                color: #53A1FF;
                border-radius: 50px;
                text-align: center;
                font-size: 60px;
                /*box-shadow: 2px 2px 3px #0000000c; */
                z-index: 100;
                transition: 0.5s all;
            }
        }
        /* .whatsapp-float-icon1 .offers{*/
        /*    font-size:16px;*/
        /*    color:white;*/
        /*    margin-top:13px;*/
        /*}*/
        
        .whatsapp-float-icon1 .bi-telephone-fill {
            color: rgb(255, 255, 255);
            z-index: 101;
            /* position: relative; */
            margin-left: -12px;
            margin-top: 8px;
            font-size: 24px;
        }
        
        .whatsapp-float-icon1:hover {
            transform: scale(1.2);
            transition: 0.5s all;
        }
        
        .whatsapp-float-icon {
            position: fixed;
            width: 50px;
            height: 50px;
            bottom: 80px;
            right: 60px;
            background-color: #25d366;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 2px 2px 3px #0000000c;
            z-index: 100;
        }
        
        @media(max-width:992px) {
            .whatsapp-float-icon {
                position: fixed;
                width: 50px;
                height: 50px;
                bottom: 80px;
                right: 17px;
                background-color: #25d366;
                color: #FFF;
                border-radius: 50px;
                text-align: center;
                font-size: 30px;
                box-shadow: 2px 2px 3px #0000000c;
                z-index: 100;
            }
        }
        
        .bi-whatsapp {
            color: rgb(255, 255, 255);
            z-index: 101;
            /* position: relative; */
            margin-left: -14px;
            margin-top: 2px;
        }
        
        .land-page .box p {
            position: absolute;
            color: #fff;
            margin-left: 50px;
            margin-top: 90px;
            z-index: 1;
            font-family: "Titillium Web";
        }
        
        .logo-container {
            height: 63px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        
        .logo-container img {
            height: auto;
            width: 75px;
        }
        
        .book-section2 {
            padding-top: 30px;
            padding-bottom: 130px;
        }
        
        .book-section2 .position {
            padding-right: 200px !important;
            right: 0;
        }
        
        .book-section2 .image-background {
            /* position: relative; */
            height: 700px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
        
        .book-section2 .forms {
            margin-top: -300px;
        }
        
        .book-section2 .main-head {
            color: #365274;
            font-size: 35px;
            font-family: 'Titillium Web';
            text-transform: uppercase;
        }
        
        .book-section2 #booking_form {
            width: 90%;
        }
        
        @media(max-width:992px) {
            .book-section2 #booking_form {
                width: 100%;
            }
        }
        
        .book-section2 input.form-control {
            border: 1px solid rgb(207 207 207 / 57%);
            border-radius: 9px;
            color: #000000;
            height: 45px;
            font-size: 16px;
            font-family: "Titillium Web";
            box-shadow: none;
            /* background-color: rgb(240 240 240 / 40%); */
        }
        
        .book-section2 button {
            width: 100%;
            height: 45px;
            background-color: rgb(2, 28, 59);
            color: #ffffff;
            font-size: 26px;
            border: none;
            border-radius: 9px;
            font-family: "Titillium Web";
        }
        
        .book-section2 .terms {
            width: 60%;
            font-family: "Titillium Web";
            font-size: 14px;
        }
        
        @media(max-width:992px) {
            .book-section2 .terms {
                width: 100%;
                font-family: "Titillium Web";
                font-size: 14px;
            }
        }
        
        .main-offers {
            /* margin-top: 100px; */
            margin-bottom: 100px;
        }
        
        .main-offers .main-container {
            position: relative;
            /* Ensure the positioning context for the pseudo-element */
            border-radius: 20px;
            /*background-size: cover;*/
            /*background-position: center;*/
            /*background-repeat: no-repeat;*/
            /*height: 500px;*/
            /*overflow: hidden;*/
        }
        /*.main-offers .main-container::before {*/
        /*  content: "";*/
        /*  position: absolute;*/
        /*  top: 0;*/
        /*  left: 0;*/
        /*  width: 100%;*/
        /*  height: 100%;*/
        /*  background: linear-gradient(rgba(0, 0, 0, 0.253), rgba(0, 0, 0, 0.5)); */
        /*}*/
        
        .main-offers .main-container .first {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 500px;
            overflow: hidden;
            /* z-index: 2; */
            border-top-left-radius: 20px;
            /* border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; */
            border-bottom-left-radius: 20px;
            padding: 0;
            margin: 0;
        }
        
        @media(max-width:992px) {
            .main-offers .main-container .first {
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                height: 500px;
                overflow: hidden;
                /* z-index: 2; */
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
                border-bottom-right-radius: 0px;
                border-bottom-left-radius: 0px;
                padding: 0;
                margin: 0;
            }
        }
        
        .main-offers .main-container .first::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /*background: linear-gradient(rgba(0, 0, 0, 0.253), rgba(0, 0, 0, 0.5)); */
            border-radius: 20px;
        }
        
        .main-offers .main-container .first .first-head {
            font-family: 'Titillium Web';
            text-transform: uppercase;
            font-size: 28px;
            color: white;
            position: relative;
            z-index: 3;
            margin-left: 50px;
            margin-top: 50px;
        }
        
        .main-offers .main-container .first .sub-head {
            width: 40%;
            color: white;
            font-size: 16px;
            margin-left: 50px;
            margin-top: 30px;
            font-family: 'Titillium Web';
            text-transform: capitalize;
            position: relative;
        }
        
        @media(max-width:992px) {
            .main-offers .main-container .first .sub-head {
                width: 90%;
                color: white;
                font-size: 16px;
                margin-left: 50px;
                margin-top: 30px;
                font-family: 'Titillium Web';
                text-transform: capitalize;
                position: relative;
                padding-bottom: 30px;
            }
        }
        
        .main-offers .main-container .second {
            background-color: #a9c5e7;
            position: relative;
            z-index: 3;
            height: 500px;
            padding: 0;
            margin: 0;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
        }
        
        @media(max-width:992px) {
            .main-offers .main-container .second {
                background-color: #a9c5e7;
                position: relative;
                z-index: 3;
                height: 500px;
                padding: 0;
                margin: 0;
                border-bottom-right-radius: 20px;
                border-bottom-left-radius: 20px;
                border-top-left-radius: 0px;
                border-top-right-radius: 0px;
            }
        }
        
        .main-offers .main-container .second .date {
            color: #365274;
            text-transform: uppercase;
            font-size: 18px;
            font-family: 'Titillium Web';
            margin-left: 50px;
            padding-top: 50px;
            font-weight: bold;
        }
        
        .main-offers .main-container .second .to-date {
            color: #365274;
            text-transform: uppercase;
            font-size: 16px;
            font-family: 'Titillium Web';
            margin-left: 50px;
            position: relative;
            margin-top: 10px;
        }
        
        .main-offers .main-container .second .to {
            color: #365274;
            text-transform: uppercase;
            font-size: 18px;
            font-family: 'Titillium Web';
            margin-left: 50px;
            position: relative;
            margin-top: 10px;
            font-weight: bold;
        }
        
        .main-offers .main-container .second hr {
            width: 40%;
            color: rgb(255, 255, 255) !important;
            background-color: white;
            margin-left: 10px;
            margin-top: 14px;
            border-width: 3px;
            position: relative;
            z-index: 5;
        }
        
        .main-offers .main-container .second .loc {
            color: #365274;
            text-transform: capitalize;
            font-size: 16px;
            font-family: 'Titillium Web';
            margin-left: 35px;
            margin-top: 46px;
        }
        
        .main-offers .main-container .second button {
            height: 38px;
            width: 109px;
            border-radius: 12px;
            background-color: #0094FF;
            border: none;
            color: white;
            margin-left: 50px;
            font-size: 15px;
            margin-top: 180px;
            font-family: 'Titillium Web';
        }
/*         
        @media(max-width:992px) {
            .main-heading-text {
                height: 38px;
                width: 109px;
                border-radius: 12px;
                background-color: #0094FF;
                border: none;
                color: white;
                margin-left: 50px;
                font-size: 15px;
                margin-top: 120px;
                font-family: 'Titillium Web';
            }
        }
         */



        .offers-inner {
            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: 50px;
            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;
            padding-right: 10px;

        }


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


        .offers-inner .location-icon{
            color: white;
        }

        .offers-inner .location-icon .bi-geo-alt{
            position: relative;
            margin-left: 0;
            margin-top: 10px !important;
        }



        .offers-inner .main-container {
            position: relative;
            /* Ensure the positioning context for the pseudo-element */
            border-radius: 20px 20px 0 0;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 500px;
            overflow: hidden;
            margin-bottom: 10px;
        }
        
        .offers-inner .main-container::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /*background: linear-gradient(rgba(0, 0, 0, 0.253), rgba(0, 0, 0, 0.5)); */
        }
        
        .offers-inner .sub-container {
            margin-top: 10px;
            background-color: #365274;
            border-radius: 0px 0px 20px 20px;
            padding: 60px;
        }
        







        .offers-inner .sub-container .display {
            display: flex;
        }
        
        @media(max-width:992px) {
            .offers-inner .sub-container .display {
                display: block;
            }
            .offers-inner .sub-container .slash {
                display: none;
            }
            .offers-inner .sub-container .bi-geo-alt {
                display: none;
            }
            .offers-inner .sub-container {
                margin-top: 10px;
                background-color: #365274;
                border-radius: 0px 0px 20px 20px;
                /* padding-top: 30px;
 padding-left: 30px;
 padding-right: 30px;
 padding-bottom: 30px; */
                padding: 25px;
            }
        }
        
        .offers-inner .sub-container .date {
            font-size: 16px;
            color: white;
            text-transform: uppercase;
        }
        
        .offers-inner .sub-container .slash {
            font-size: 16px;
            color: white;
            margin-top: 0px;
        }
        
        .offers-inner .sub-container .slash-1 {
            font-size: 16px;
            color: white;
            margin-top: 0px;
        }
        
        .offers-inner .sub-container .to-date {
            color: #a9c5e7;
            text-transform: uppercase;
            font-size: 16px;
            font-family: 'Titillium Web';
            position: relative;
        }
        
        .offers-inner .sub-container .bi-geo-alt {
            position: relative;
            margin-top: -3px;
        }
        
        .offers-inner .sub-container .des {
            font-size: 16px;
            color: white;
            text-transform: uppercase;
            margin-top: 20px;
        }
        
        .offers-inner .sub-container table {
            /* border: 1px solid rgb(255, 255, 255); */
            border-collapse: collapse;
            /* border-bottom: 1px solid rgb(255, 255, 255) !important; */
            border-radius: 15px;
            border-style: hidden;
            box-shadow: 0 0 0 1px #ffffff;
            border-bottom: none;
        }
        
        .offers-inner .sub-container table th {
            border: 1px solid rgb(255, 255, 255);
            border-collapse: collapse;
            border-bottom: 1px solid rgb(255, 255, 255) !important;
        }
        
        .offers-inner .sub-container table th,
        td {
            padding: 5px;
            text-align: center;
            border-left: 1px solid rgb(255, 255, 255) !important;
            font-size: 15px;
        }
        
        .register-sec {
            margin-top: 20px;
            background-color: #E9E9E9;
            position: relative;
            overflow: hidden;
        }
        
        .register-sec .img-sec {
            position: relative;
            /* Ensure the positioning context for the pseudo-element */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 500px;
            overflow: hidden;
            /* Hide overflow of pseudo-element */
        }
        
        .register-sec .reg-form {
            position: absolute;
            margin-top: -458px;
            padding-left: 30px;
        }
        
        .register-sec .reg-form .main-head {
            color: #365274;
            font-size: 35px;
            font-family: 'Titillium Web';
        }
        
        .register-sec .reg-form .sub-head {
            color: #100000;
            font-size: 17px;
            font-family: 'Titillium Web';
            margin-top: 14px;
        }
        
        .register-sec .reg-form .form-control {
            display: block;
            width: 140%;
            height: 47px !important;
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: transparent;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 15px;
            box-shadow: none;
        }
        
        @media(max-width:992px) {
            .register-sec .reg-form .form-control {
                display: block;
                width: 90%;
                height: 47px !important;
                padding: .375rem .75rem;
                font-size: 1rem;
                font-weight: 400;
                line-height: 1.5;
                color: #212529;
                background-color: transparent;
                background-clip: padding-box;
                border: 1px solid #ced4da;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border-radius: 15px;
                box-shadow: none;
            }
        }
        
        .register-sec .reg-form button {
            width: 103px;
            height: 38px;
            border-radius: 10px;
            border: none;
            background-color: #0094FF;
            color: white;
            margin-top: 30px;
            text-transform: uppercase;
            font-size: 18px;
            font-family: 'Titillium Web';
        }
        
        .br {
            border-top-right-radius: 19px;
            border-bottom-right-radius: 19px;
        }
        
        .bl {
            border-top-left-radius: 19px;
            border-bottom-left-radius: 19px;
        }
        
        @media(max-width:992px) {
            .br {
                border-top-right-radius: 19px;
                border-top-left-radius: 19px;
                border-bottom-right-radius: 0px;
                /*border-bottom-left-radius:19px;*/
            }
            .bl {
                border-top-left-radius: 19px;
                border-top-right-radius: 19px;
                border-bottom-left-radius: 0px;
                /*border-bottom-right-radius:19px;*/
            }
        }
        
        .sticky-bar {
            position: fixed;
            bottom: 0;
            width: 100%;
            background-color: #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;
        }
        
        .sticky-bar .btn-compare:hover {
            background-color: #CCE3FF !important;
            color: white !important;
        }
        
        .compare_selected {
            background-color: #53a1ff !important;
            color: #fff;
        }
        /* new home banner section */
        
        .slider-banner-section {
            position: relative;
        }
        
        .slider-banner-section .video-slider {
            width: 100%;
            min-height: 100vh;
            max-height: 100vh;
            /*margin-top: -100px;*/
        }
        
        .slider-banner-section .video-banner-img {
            width: 100%;
            min-height: 100vh;
            max-height: 100vh;
            object-fit: cover;
        }
        
        @media(max-width: 992px) {
            .slider-banner-section .video-banner-img {
                min-height: 100vh;
            }
        }
        
        .slider-banner-section .main-banner-text {
            position: absolute;
            top: 60%;
            left: 0;
            width: 100%;
            transform: translateY(-50%);
            z-index: 3;
            color: #fff;
            padding: 0 15px;
            /* Added padding for responsiveness */
        }
        
        @media (min-height: 400px) and (max-height: 600px) {
            .slider-banner-section .main-banner-text {
                position: absolute !important;
                top: 55% !important;
                left: 0 !important;
                width: 100% !important;
                transform: translateY(-50%) !important;
                z-index: 3 !important;
                color: #fff !important;
                padding: 0 15px !important;
            }
        }
        
        @media(max-width: 992px) {
            .slider-banner-section .main-banner-text {
                top: 50%;
                /* Adjusted for better alignment on smaller screens */
            }
        }
        
        @media(max-height: 700px) {
            .slider-banner-section .main-banner-text {
                top: 55%;
            }
        }
        
        .slider-banner-section span {
            font-size: 50px;
            font-family: 'Titillium Web';
            color: #ffffff;
            font-weight: 200;
            line-height: 1;
            text-transform: uppercase;
            z-index: 15 !important;
        }
        
        @media(max-width:992px) {
            .slider-banner-section span {
                font-size: 35px;
                font-family: 'Titillium Web';
                color: #ffffff;
                font-weight: 200;
                line-height: 1;
                text-transform: uppercase;
                z-index: 15 !important;
            }
        }
        
        .slider-banner-section .sub-head {
            color: #ffffff;
            font-family: 'Titillium Web';
            font-weight: 600;
            font-size: 50px;
            text-transform: uppercase;
            margin-top: 2px;
            line-height: 49px;
            margin-top: 10px;
        }
        
        @media(max-width:992px) {
            .slider-banner-section .sub-head {
                color: #ffffff;
                font-family: 'Titillium Web';
                font-weight: 600;
                font-size: 35px;
                text-transform: uppercase;
                margin-top: 20px;
                line-height: 40px;
            }
        }
        
        .slider-banner-section .body-text {
            color: #ffffff;
            font-size: 18px;
            padding-right: 50%;
            padding-bottom: 36px;
            margin-top: 20px;
            /* Adjusted margin */
        }
        
        @media(max-width:992px) {
            .slider-banner-section .body-text {
                color: #ffffff;
                font-size: 18px;
                padding-right: 0% !important;
                padding-bottom: 36px;
                margin-top: -22px;
            }
        }
        
        .slider-banner-section .banner_description {
            margin-top: 30px;
            /* Adjusted margin for better spacing */
        }
        
        @media(max-width:992px) {
            .slider-banner-section .banner_description {
                margin-top: 30px !important;
            }
        }
        
        .slider-banner-section .buy-btn {
            width: 120px;
            height: 40px;
            color: #021c3b;
            background-color: #ffffff;
            /* border-radius: 10px; */
            border: none;
            font-family: "Titillium Web";
            font-size: 15px;
            text-transform: uppercase;
        }
        
        .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;
        }
        /* news page */
        
        .news-section {
            /* padding-top: 100px; */
            padding-bottom: 100px;
        }
        
        .news-section .blog-thumbnail {
            max-height: 300px;
            overflow: hidden;
        }
        
        .news-section .blog-thumbnail img {
            object-fit: cover;
            max-height: 300px;
            width: 100%;
        }
        
        .news-section .blog-content-wrap {
            display: flex;
            align-items: start;
            gap: 20px;
            margin-top: 10px;
        }
        
        .news-section .blog-date {
            background-color: #365274;
            color: #ffffff;
            padding: 10px 13px;
            min-width: 65px;
            text-align: left;
            box-shadow: 2px 2px 0px #314b69;
            -webkit-box-shadow: 2px 2px 0px #314b69;
        }
        
        .news-section .blog-date>span {
            display: inline-block;
            font-weight: 600;
            letter-spacing: 1px;
            font-family: 'Titillium Web';
        }
        
        .news-section .blog-wrap {
            margin-top: 50px;
        }
        
        .news-section .post-meta {
            color: #000000;
        }
        
        .news-section .bi-pencil-fill {
            position: relative;
            color: #365274;
            margin-left: -6px;
        }
        
        .news-section .blog-excerpt-title {
            color: #000000;
        }
        
        .news-section .blog-excerpt {
            height: 70px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .news-section .excerpt-read-more {
            color: #0094FF;
            font-weight: 400;
            letter-spacing: 1px;
            text-decoration: none;
        }
        
        .bi-arrow-right {
            position: relative;
            color: #000000;
            margin-left: 5px;
            margin-top: 100px;
        }
        /* News inner  page */
        
        .news-inner {
            font-family: 'Titillium Web';
            padding-bottom: 100px;
            margin-top: 30px;
        }
        
        .news-inner .xl-h {
            color: #365274 !important;
            font-weight: 400;
            letter-spacing: 1px;
            font-size: 35px;
            line-height: 1.3;
            text-transform: capitalize;
        }
        
        .news-inner .blog-details img {
            max-width: 100%;
            height: auto;
        }
        
        .news-inner .news-related {
            margin-top: 100px;
            padding: 20px;
        }
        
        .news-inner .news-related .card {
            height: 450px;
            margin-left: 20px;
            margin-right: 20px;
        }
        
        .news-inner .news-related .blog-thumbnail {
            max-height: 300px;
            overflow: hidden;
        }
        
        .news-inner .news-related .blog-thumbnail img {
            object-fit: cover;
            height: 300px;
            width: 100%;
            object-position: center;
        }
        
        .news-inner .news-related .blog-date {
            background-color: #365274;
            color: #ffffff;
            padding: 10px 13px;
            min-width: 65px;
            text-align: left;
            box-shadow: 2px 2px 0px #314b69;
            -webkit-box-shadow: 2px 2px 0px #24282c;
        }
        
        .news-inner .news-related .blog-content-wrap {
            display: flex;
            align-items: start;
            gap: 20px;
            margin-top: 10px;
            padding: 20px;
        }
        
        .news-inner .news-related .blog-date>span {
            display: inline-block;
            font-weight: 600;
            letter-spacing: 1px;
            font-family: 'Titillium Web';
        }
        
        .news-inner .news-related .blog-excerpt {
            height: 70px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .news-inner .news-related .slick-prev,
        .slick-next {
            /* background-color: #333; */
            color: white;
            padding: 10px;
            border: none;
            cursor: pointer;
            font-size: 16px;
        }
        
        .news-inner .news-related .slick-prev:hover,
        .slick-next:hover {
            /* background-color: #555; */
        }
        
        .news-inner .news-related .slick-prev,
        .slick-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
        }
        
        .news-inner .news-related .slick-prev {
            left: -70px;
            top: 45% !important;
            color: rgb(0, 0, 0);
            height: 51px;
            width: 51px;
            background-color: rgba(0, 0, 0, 0.13);
            border-radius: 50%;
            text-align: center;
        }
        
        .news-inner .news-related .slick-next {
            right: -67px;
            top: 45% !important;
            color: rgb(0, 0, 0);
            height: 51px;
            width: 51px;
            background-color: rgba(0, 0, 0, 0.13);
            border-radius: 50%;
            text-align: center;
        }
        
        .news-inner .news-related .slick-next:before {
            content: '>';
            font-size: 31px;
            color: #000000;
            margin-top: -110px !important;
        }
        
        .news-inner .news-related .slick-prev:before {
            content: '<';
            font-size: 31px;
            color: #000000;
        }
        
        @media(max-width:992px) {
            .news-inner .news-related .slick-prev {
                left: -39px;
                top: 45% !important;
                color: rgb(0, 0, 0);
            }
            .news-inner .news-related .slick-next {
                right: -38px;
                top: 45% !important;
                color: rgb(0, 0, 0);
            }
            .news-inner .news-related .slick-next:before {
                content: '>';
                font-size: 31px;
                color: #000000;
            }
            .news-inner .news-related .slick-prev:before {
                content: '<';
                font-size: 31px;
                color: #000000;
            }
        }
        
        .news-inner h3 {
            color: #365274 !important;
        }
        
        .news-inner .recent-blogs {
            color: #365274 !important;
            font-size: 18px;
            font-weight: 500;
        }
        
        .news-inner .lb-wrap {
            display: flex;
            align-items: start;
            gap: 15px;
            padding: 15px 0;
            border-bottom: 1px solid #00000052;
        }
        
        .news-inner .lb-thumb img {
            min-width: 90px;
            max-width: 90px;
            height: 100px;
            object-fit: cover;
        }
        
        .news-inner .lb-title {
            color: #365274 !important;
            font-size: 18px;
        }
        
        .news-inner .lb-excerpt {
            height: 47px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin-bottom: 0;
            color: #000000;
        }
        
        .news-inner .bi-clock-history {
            position: relative;
            color: #000000;
            margin-left: 0px;
            color: #365274;
        }
        /*.loader-wrapper{*/
        /*height: 100%;*/
        /*width: 100%;*/
        /*position: absolute;*/
        /*top: 0;*/
        /*left: 0;*/
        /*background-color: #365274;*/
        /*display: flex;*/
        /*justify-content: center;*/
        /*align-items: center;*/
        /*}*/
        /*.loader {*/
        /*  display: inline-block;*/
        /*  width: 30px;*/
        /*  height: 30px;*/
        /*  position: relative;*/
        /*  border: 4px solid #Fff;*/
        /*  animation: loader 2s infinite ease;*/
        /*}*/
        /*.loader-inner {*/
        /*  vertical-align: top;*/
        /*  display: inline-block;*/
        /*  width: 100%;*/
        /*  background-color: #fff;*/
        /*  animation: loader-inner 2s infinite ease-in;*/
        /*}*/
        /*@keyframes loader {*/
        /*  0% {*/
        /*    transform: rotate(0deg);*/
        /*  }*/
        /*  25% {*/
        /*    transform: rotate(180deg);*/
        /*  }*/
        /*  50% {*/
        /*    transform: rotate(180deg);*/
        /*  }*/
        /*  75% {*/
        /*    transform: rotate(360deg);*/
        /*  }*/
        /*  100% {*/
        /*    transform: rotate(360deg);*/
        /*  }*/
        /*}*/
        /*@keyframes loader-inner {*/
        /*  0% {*/
        /*    height: 0%;*/
        /*  }*/
        /*  25% {*/
        /*    height: 0%;*/
        /*  }*/
        /*  50% {*/
        /*    height: 100%;*/
        /*  }*/
        /*  75% {*/
        /*    height: 100%;*/
        /*  }*/
        /*  100% {*/
        /*    height: 0%;*/
        /*  }*/
        /*}*/
        
        .contact-section .calc-emi {
            height: 40px;
            min-width: 135px;
            background-color: white;
            color: #121212;
            font-size: 15px;
            /* border-radius: 12px; */
            font-family: 'Titillium Web';
            border:none;
            text-transform: uppercase;
            
        }
        
        .modal-header {
            display: flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: space-between;
            padding: var(--bs-modal-header-padding);
            border-bottom: 0 !important;
            background-color: #1E3D61;
            /* border-top-left-radius: var(--bs-modal-inner-border-radius); */
            /* border-top-right-radius: var(--bs-modal-inner-border-radius); */
        }
        
        .modal-title {
            color: white;
            margin-bottom: 0;
            line-height: var(--bs-modal-title-line-height);
        }
        
        .modal-body {
            position: relative;
            flex: 1 1 auto;
            padding: var(--bs-modal-padding);
            background-color: #1E3D61;
        }
        
        .modal-body .form-control {
            display: block;
            width: 100%;
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: white;
            background-color: #315074;
            background-clip: padding-box;
            /* border: var(--bs-border-width) solid var(--bs-border-color); */
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: var(--bs-border-radius);
            /* transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
            outline: none;
            box-shadow: none;
            border: 1px solid #b9b9b9;
        }
        
        .modal-body .form-control::placeholder {
            color: #b9b9b9;
        }
        
        .modal-body .close-btn {
            min-width: 120px;
            height: 40px;
            font-size: 18px;
            border: none;
            background-color: #6c757d;
            color: white;
            border-radius: 10px;
        }
        
        .modal-body .submit-btn {
            min-width: 120px;
            height: 40px;
            font-size: 18px;
            border: none;
            background-color: #53a1ff;
            color: white;
            border-radius: 10px;
        }
        /*.modal-body .input-container form select, option {*/
        /*  border: none;*/
        /*  text-align-last: left;*/
        /*  background-color: #e1e1e1;*/
        /*  color: #878789;*/
        /*  height:100px !important;*/
        /*}*/
        /*.contact-main .modal-body .input-container form select, option {*/
        /*  border: none;*/
        /*  text-align-last: left;*/
        /*  background-color: #e1e1e1;*/
        /*  color: #878789;*/
        /*}*/
        
        .no-comparison {
            font-family: 'Titillium Web';
            font-size: 17px;
            color: #365274;
            padding-bottom: 60px;
        }
        /* new design */
        
        .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-left: 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-right: 30px;
            }
        }
        
        .new-featured-sec #view-button {
            width: 85px;
            height: 35px;
            background-color: white;
            color: #000000;
            border: none;
            text-transform: uppercase;
            font-size: 15px;
        }
        
        .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;
            text-transform: capitalize;
            font-size: 15px;
        }


        




        .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;
            font-family: "Titillium Web";
            margin-left: auto;
        }