*, *::before, *::after { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; outline: none; } @font-face { font-family:'Cabinet Grotesk Extrabold'; src: url('../font/Cabinet Grotesk Extrabold.eot'); src: url('../font/Cabinet Grotesk Extrabold.eot?#iefix') format('embedded-opentype'), url('../font/Cabinet Grotesk Extrabold.woff2') format('woff2'), url('../font/Cabinet Grotesk Extrabold.woff') format('woff'), url('../font/Cabinet Grotesk Extrabold.svg#Cabinet Grotesk Extrabold') format('svg'); font-weight: 800; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Cabinet Grotesk Medium'; src: url('../font/Cabinet Grotesk Medium.eot'); src: url('../font/Cabinet Grotesk Medium.eot?#iefix') format('embedded-opentype'), url('../font/Cabinet Grotesk Medium.woff2') format('woff2'), url('../font/Cabinet Grotesk Medium.woff') format('woff'), url('../font/Cabinet Grotesk Medium.svg#Cabinet Grotesk Medium') format('svg'); font-weight: 500; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Cabinet Grotesk'; src: url('../font/Cabinet Grotesk Bold.eot'); src: url('../font/Cabinet Grotesk Bold.eot?#iefix') format('embedded-opentype'), url('../font/Cabinet Grotesk Bold.woff2') format('woff2'), url('../font/Cabinet Grotesk Bold.woff') format('woff'), url('../font/Cabinet Grotesk Bold.svg#Cabinet Grotesk Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Cabinet Grotesk'; src: url('../font/Cabinet Grotesk Regular.eot'); src: url('../font/Cabinet Grotesk Regular.eot?#iefix') format('embedded-opentype'), url('../font/Cabinet Grotesk Regular.woff2') format('woff2'), url('../font/Cabinet Grotesk Regular.woff') format('woff'), url('../font/Cabinet Grotesk Regular.svg#Cabinet Grotesk Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } html, body { font-family:'Cabinet Grotesk' !important; font-weight: 400; font-size:18px; color:#0b0b0b; line-height:1.5; padding:0; margin:0; } a { color:#0b0b0b; text-decoration:none; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; display: inline-block; } .container{max-width: 1410px !important;} .form-control::-moz-placeholder {color: #fff !important; opacity: 1;} .form-control:-ms-input-placeholder {color: #fff !important;} .form-control::-webkit-input-placeholder {color: #fff !important;} .main-header .header-inner .rightside .btn-group.active, .main-header .header-inner .rightside .btn-user.active{opacity: 0; visibility: hidden;} .main-header .header-inner .rightside .btn-search{position: relative;} .main-header .header-inner .rightside .btn-search svg{ cursor: pointer;position: relative;z-index: 1;} .main-header .header-inner .rightside .btn-search input { position: absolute;right: 0;opacity:0; width:0px; transition:all .5s ease; margin-right: 0px; color: #FFF; font-family:'Cabinet Grotesk Medium'; font-size: 16px; font-style: normal; font-weight: 400; background: transparent; border: none; border-bottom: 1px solid #FFF; padding-bottom: 5px} .main-header .header-inner .rightside .btn-search input.active { opacity:1; width:190px; transition:all .5s ease;padding:0 24px 5px 0;} .autocomplete { position: relative; display: inline-block; } #autocomplete-list { position: absolute; border: 1px solid #ccc; max-height: 300px; overflow-y: hidden; z-index: 1000; overflow-x: hidden; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #ccc; } .autocomplete-items div:hover {background-color: #e9e9e9;} #search-results {background: #fff;padding: 0px 10px;border-radius: 10px;top: 45px;right: 0;min-width: 300px;max-width: 300px;z-index: 3;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);max-height: 290px;overflow-x: auto;position: absolute;} #search-results .autocomplete-suggestion {padding: 5px 8px;cursor: pointer;border-radius: 10px;transition: all .3s;margin: 5px 0;color: #8a153b !important;position: relative;display: flex;align-items: center;} #search-results .autocomplete-suggestion:hover{color: #fff !important;background-color: #8a153b !important; } #search-results .autocomplete-suggestion:hover a{color: #fff !important;} .main-header ul.dropdown-menu {background: #fff;padding: 0px 10px;border-radius: 10px;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);} .main-header ul.dropdown-menu li a.dropdown-item {padding: 5px 8px;cursor: pointer;border-radius: 10px;transition: all .3s;margin: 5px 0;color: #8a153b !important; font-size: 16px; line-height: 20px;} .main-header ul.dropdown-menu li:hover a.dropdown-item, .main-header ul.dropdown-menu li a.dropdown-item.active{color: #fff !important;background-color: #8a153b !important; } .mobile-header .rightside .btn-search{position: relative;} .mobile-header .rightside .btn-search svg{ cursor: pointer; position: absolute; top: 5px; right: 0} .mobile-header .rightside .btn-search input { opacity:0; width:0px; transition:all .5s ease; margin-right: 0px; color: #FFF; font-family:'Cabinet Grotesk Medium'; font-size: 16px; font-style: normal; font-weight: 400; background: transparent; border: none; border-bottom: 1px solid #FFF; padding-bottom: 5px; } .mobile-header .rightside .btn-search input.active { opacity:1; transition:all .5s ease;} .main-header{ position: fixed; width: 100%; transition: all 0.3s; z-index: 99; top: 26px;} .main-header.scrolled{background: #fff; transition: all 0.3s;} .main-header .logo{display: none;} .main-header .number-social{display: flex; justify-content: flex-end; align-items: center; padding: 30px 40px 14px 40px; transition: all 0.3s;} .main-header .number-social ul.social-link{margin: 0px; padding: 0px; list-style: none; display: flex;} .main-header .number-social ul.social-link li{margin-right: 10px; width: 16px; height: 16px;} .main-header .number-social ul.social-link li a svg {vertical-align: top; width: 100%; height: 100%;} .main-header .number-social .phone{font-family:'Cabinet Grotesk Medium'; color: #FFF; font-size: 16px; font-weight: 500; line-height: 20px;} .main-header .header-inner{display: flex; justify-content: space-between; align-items: center; padding: 0 40px; transition: all 0.3s;} .main-header .header-inner .rightside{display: flex; align-items: center;} .main-header .header-inner .rightside .btn-group{transition:all .5s ease;;} .main-header .header-inner .rightside .btn-user{margin:0 35px; transition:all .5s ease;} .main-header .header-inner ul.header-menu{margin: 0px; padding: 0px; list-style: none; display: flex;} .main-header .header-inner ul.header-menu li{margin-left: 12px;} .main-header .header-inner ul.header-menu li a {font-family: 'Cabinet Grotesk Medium';color: #FFF;font-size: 16px;font-weight: 500;line-height: 20px;text-decoration: none;transition: all 0.3s;padding: 10px 14px;border-radius: 10px;} .main-header .header-inner ul.header-menu li a.active, .main-header .header-inner ul.header-menu li a:hover {background: #fff;color: #000;} .main-header .header-inner .dropdown-toggle{background: transparent; border: none; display: flex; padding: 0px; font-family:'Cabinet Grotesk Medium'; color: #FFF; font-size: 16px; font-weight: 500; line-height: 24px; margin-left: 15px} .main-header .header-inner .dropdown-toggle svg{vertical-align: top; margin-right: 6px} .main-header .header-inner .dropdown-toggle::after {content: none;} .main-header.scrolled{top: 0px; transition: all 0.3s;} .main-header.scrolled .number-social{display: none; transition: all 0.3s;} .main-header.scrolled .logo-white{display: none;} .main-header.scrolled .logo{display: block;} .main-header.scrolled .header-inner{padding: 18px 0; transition: all 0.3s;} .main-header.scrolled .header-inner ul.header-menu li a{color: #000; transition: all 0.3s;} .main-header.scrolled .header-inner .rightside .btn-user svg path{stroke: #000;} .main-header.scrolled .header-inner .rightside .btn-search svg path{stroke: #000;} .main-header.scrolled .header-inner .dropdown-toggle{color: #000} .main-header.scrolled .header-inner .dropdown-toggle svg path{stroke:#000} .main-header.scrolled .header-inner .rightside .btn-search input.active{border-bottom: 1px solid #000; color: #000;} .main-header.scrolled .header-inner ul.header-menu li a.active, .main-header.scrolled .header-inner ul.header-menu li a:hover {background: #000;color: #fff;} .mobile-header{display: none} .footer-area{background: #000; border-radius: 30px; padding: 55px 45px 32px 45px; margin-bottom: 40px;} .footer-area .d-flex{gap: 60px;} .footer-area .logo-area{width: 22%;} .footer-area .logo-area .logo{margin: 0 0 12px 0;} .footer-area .footer-link{width: 14%;} .footer-area .newsletter-area{width: 50%;} .footer-area .newsletter-area .info{color: #FFF; font-family:'Cabinet Grotesk'; font-size: 16px; font-weight: 400; line-height: 170%; letter-spacing: 0.56px;} .footer-area .newsletter-block{display: flex; gap: 8px; margin-bottom: 20px;} .footer-area .newsletter-block .btn-primary{display: flex; background: #fff; align-items: center; border: none; font-family:'Cabinet Grotesk'; color: #000; font-size: 16px; font-weight: 400; line-height: 170%; letter-spacing: 0.56px; padding: 0 20px; border-radius: 10px} .footer-area .newsletter-block .btn-primary svg{margin-left: 10px;} .footer-area .newsletter-block .form-control{font-family:'Cabinet Grotesk'; border-radius: 8px; border: 0.5px solid #FFF; height: auto; background: transparent; padding: 15px 20px; color: #FFF; font-size: 16px; font-weight: 400; line-height: 170%; letter-spacing: 0.56px;} .footer-area .newsletter-block .form-control::-moz-placeholder {color: #fff !important; opacity: 1;} .footer-area .newsletter-block .form-control:-ms-input-placeholder {color: #fff !important;} .footer-area .newsletter-block .form-control::-webkit-input-placeholder {color: #fff !important;} .footer-area .newsletter-block .form-control:focus{box-shadow: none;} .footer-area h2{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 30px; font-weight: 700; line-height: 36px; text-transform: capitalize; margin: 0 0 6px 0;} .footer-area ul.link{margin: 0px; padding: 0px; list-style: none;} .footer-area ul.link li a{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 16px; font-weight: 400; line-height: 170%; letter-spacing: 0.56px; text-decoration: none;} .footer-area p{color: #FFF; font-family:'Cabinet Grotesk'; font-size: 14px; font-weight: 400; line-height: 22px;} .footer-area .copyright{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 16px; font-weight: 400; line-height: 170%; letter-spacing: 0.56px; text-align: center; margin-top: 40px;} .footer-area .copyright a{color: #fff; text-decoration: none; font-weight: 700;} .home-banner-area{margin-top: 26px;} .home-banner-area .search-area{width: 100%; height: 715px; border-radius: 30px; overflow: hidden; position: relative;} .home-banner-area .search-area img{position:absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; object-fit: cover;} .home-banner-area .search-area .hero-main-slider{position:absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%;} .home-banner-area .search-area .hero-main-slider .swiper-slide img{position:absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; object-fit: cover;} .home-banner-area .search-area .hero-main-slider .swiper-slide{width: 100%; height: 100%} .home-banner-area .search-area .hero-main-slider::before{content: ''; background: rgba(0, 0, 0, 0.29); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2;} .home-banner-area .search-area .hero-main-slider::after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%); height:142px; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1;} .home-banner-area .search-area::before{content: ''; background: rgba(0, 0, 0, 0.29); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1;} .home-banner-area .search-area::after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%); height:142px; position: absolute; top: 0px; left: 0px; width: 100%;} .home-banner-area .search-block{position: absolute; top: 265px; left: 50%; margin-left: -555px; width: 1110px; z-index: 4; padding-right: 258px} .home-banner-area .search-block .mb-2{margin-bottom: 40px !important} .home-banner-area .search-block .mb-2 label{font-family:'Cabinet Grotesk Extrabold'; color: #FFF; font-size: 20px; font-weight: 800; line-height: 25px; margin: 0 0 12px 0} .home-banner-area .search-block .form-control{border-radius: 10px; border: 1px solid #FFF; background: rgba(0, 0, 0, 0.26); color: #fff; font-family:'Cabinet Grotesk Medium'; font-weight: 500; font-size: 16px; padding: 22px 40px;} .home-banner-area .search-block .form-control option{background: #fff; color: #000; font-family: arial} .home-banner-area .search-block .form-control:focus{box-shadow: none} .home-banner-area .search-block .d-flex{align-items: center;} .home-banner-area .search-block .custom-select{position: relative;} .home-banner-area .search-block .custom-select select{width: 100%; color: #FFF; font-family:'Cabinet Grotesk Extrabold'; font-size: 20px; font-weight: 800; line-height: 26px; background: transparent; border: none; padding: 0px;} .home-banner-area .search-block .custom-select label{font-family:'Cabinet Grotesk Medium'; color: #FFF; font-size: 16px; font-weight: 500; line-height: 26px;} .home-banner-area .search-block .custom-select select option { color: black; background: #fff; font-size: 15px; font-weight: 400; font-family: arial} .home-banner-area .search-block .custom-select.age-select{margin-right: 50px; width: 108px; padding-left: 32px;} .home-banner-area .search-block .custom-select.age-select label{position: absolute; top: 0px; left: 0px; } .home-banner-area .search-block .custom-select.type-select{margin-right: 50px; width: 177px; padding-left: 70px;} .home-banner-area .search-block .custom-select.type-select label{position: absolute; top: 0px; left: 0px; } .home-banner-area .search-block .custom-select.brand-select{margin-right: 50px; width: 184px; padding-left: 78px;} .home-banner-area .search-block .custom-select.brand-select label{position: absolute; top: 0px; left: 0px; } .home-banner-area .search-block .btn-search{position: absolute; bottom: 0px; right: 0px; min-width: 210px; background: #000; border:none; font-family:'Cabinet Grotesk Medium'; border-radius: 10px; color: #FFF; font-size: 16px; font-weight: 500; padding: 15px 0} .home-banner-area .search-block .btn-search img{margin-left: 10px} .home-banner-area .search-block .price-range{width: 232px;} .home-banner-area .search-block .price-range label{font-family:'Cabinet Grotesk Medium'; color: #FFF; font-size: 16px; font-weight: 500; line-height: 20px; margin: 0 0 8px 0} .home-banner-area .search-block .price-range .irs--round {height: 25px;} .home-banner-area .search-block .price-range .irs-min, .home-banner-area .search-block .price-range .irs-max{display: none} .home-banner-area .search-block .price-range .irs--round .irs-line{top: 1px; height: 1px;} .home-banner-area .search-block .price-range .irs--round .irs-bar{top: 0px; height: 3px; background-color: #fff;} .home-banner-area .search-block .price-range .irs--round .irs-handle{width: 7px; height: 7px; border: none; top: -2px;} .home-banner-area .search-block .price-range .irs-from, .home-banner-area .search-block .price-range .irs-to, .home-banner-area .search-block .price-range .irs-single{top: 10px; background: transparent; padding: 0px;} .home-banner-area .search-block .price-range .irs-from::before, .home-banner-area .search-block .price-range .irs-to::before, .home-banner-area .search-block .price-range .irs-single::before{content: none} .accordion-body .mb-2 .price-range{width: 297px;} .accordion-body .mb-2 .price-range label{font-family:'Cabinet Grotesk Medium'; color: #000; font-size: 16px; font-weight: 500; line-height: 20px; margin: 0 0 8px 0} .accordion-body .mb-2 .price-range .irs--round {height: 25px;} .accordion-body .mb-2 .price-range .irs-min, .accordion-body .mb-2 .price-range .irs-max{display: none} .accordion-body .mb-2 .price-range .irs--round .irs-line{top: 1px; height: 1px; background-color: #000;} .accordion-body .mb-2 .price-range .irs--round .irs-bar{top: 0px; height: 3px; background-color: #000;} .accordion-body .mb-2 .price-range .irs--round .irs-handle{width: 7px; height: 7px; border: none; top: -2px; background-color: #000} .accordion-body .mb-2 .price-range .irs-from, .accordion-body .mb-2 .price-range .irs-to, .accordion-body .mb-2 .price-range .irs-single{top: 10px; color: #000; background: transparent; padding: 0px;} .accordion-body .mb-2 .price-range .irs-from::before, .accordion-body .mb-2 .price-range .irs-to::before, .accordion-body .mb-2 .price-range .irs-single::before{content: none} /* .home-banner-area .search-block .age-dropdown{position: relative; margin-right: 50%; max-width: 110px} .home-banner-area .search-block .age-dropdown select{width: 100%; color: #FFF; font-family:'Cabinet Grotesk Extrabold'; font-size: 20px; font-weight: 800; line-height: 26px; background: transparent; border: none; padding: 0px;} .home-banner-area .search-block .age-dropdown label{font-family:'Cabinet Grotesk Medium'; color: #FFF; font-size: 16px; font-weight: 500; line-height: 26px;} .home-banner-area .search-block .age-dropdown select option { color: black; background: #fff} */ .home-banner-area .container{position: relative; } .brand-area{padding: 45px 0;} .brand-area .titlebar{display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px 0;} .brand-area .titlebar h2{font-family:'Cabinet Grotesk'; margin: 0px; color: #000; font-size: 35px;font-weight: 700; line-height: 42px; text-transform: capitalize;} .brand-area .titlebar a{font-family:'Cabinet Grotesk Medium'; color: #010101; font-size: 18px; font-weight: 500; line-height: 22px; text-decoration: none;} .brand-area .swiper-slide{max-width: 120px !important;} .brand-area .brand-box{text-align: center;} .brand-area .brand-box .logo-block{width: 50px; margin: 0px auto 15px auto; height: 50px; position: relative; overflow: hidden; } .brand-area .brand-box .logo-block img{max-width: 100%; max-height: 100%; object-fit: contain; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;} .brand-area .brand-box .name{font-family:'Cabinet Grotesk'; color: #000; font-size: 14px; font-weight: 400; line-height: 21px; text-transform: capitalize;} .brand-area .brand-box .name span{display: block;} .collection-area{padding: 20px 0 40px 0;} .collection-area h2{font-family:'Cabinet Grotesk'; margin: 0px; color: #000; font-size: 35px;font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0 0 8px 0;} .collection-area p{font-family:'Cabinet Grotesk'; color: #000; font-size: 14px; font-weight: 400; line-height: 20px; max-width: 580px; margin: 0 0 9px 0;} .collection-area .swiper-slide{padding-bottom: 30px; width: 270px;} .collection-area .collection-block{border-radius: 30px; background: #F0F0F0; padding: 30px 30px 200px 30px; position: relative; overflow: hidden; margin-bottom: 20px;} .collection-area .collection-block .btn-arrow{position: absolute; top: 60px; right: 60px; opacity: 0; transition: all 0.3s;} .collection-area .collection-block:hover .btn-arrow{position: absolute; top: 30px; right: 30px; opacity: 1; transition: all 0.3s;} .collection-area .collection-block .name{color: #000; font-family:'Cabinet Grotesk Extrabold'; font-size: 26px; font-weight: 800; line-height: 115%; text-transform: uppercase; margin: 0 0 12px 0; width: 80%;} .collection-area .collection-block .name a{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden; min-height: 60px; width: 1000px;} .collection-area .collection-block .available{font-family:'Cabinet Grotesk'; color: #000; font-size: 16px; font-weight: 400; line-height: 20px; position: relative; padding-bottom: 18px;} .collection-area .collection-block .available::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 32px; height: 1px; background: #000;} .collection-area .collection-block .car-img{width: 355px; position: absolute; bottom: 15px; left: 30px; transition: all 0.3s;} .collection-area .collection-block .car-img img{width: 100%;} .collection-area .collection-block:hover .car-img{left: -100px; transition: all 0.3s;} .exclusiveoffer-area{padding: 0 0 52px 0;} .exclusiveoffer-area h2{font-family:'Cabinet Grotesk'; margin: 0px; color: #000; font-size: 35px;font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0 0 8px 0;} .exclusiveoffer-area p{font-family:'Cabinet Grotesk'; color: #000; font-size: 14px; font-weight: 400; line-height: 20px; max-width: 580px; margin: 0 0 35px 0;} .exclusiveoffer-area .banner-area{display: flex; gap: 20px;} /* .exclusiveoffer-area .banner-area .banner-1{width: 40%; background: #F0F0F0; min-height: 450px; position: relative; overflow: hidden; border-radius: 30px; padding: 52px;} .exclusiveoffer-area .banner-area .banner-1 img{height: 374px; right: -176px; position: absolute; bottom: 22px;} .exclusiveoffer-area .banner-area .banner-1::before{content: ''; position: absolute; top: 52px; right: 58px; background: url(../images/logo-icon.png); width: 256px; height: 306px; opacity: 0.6;} .exclusiveoffer-area .banner-area .banner-2{width: 60%; background: #6BDCC7; min-height: 450px; position: relative; overflow: hidden; border-radius: 30px; padding: 52px; text-align: right;} .exclusiveoffer-area .banner-area .banner-2 img{position: absolute; bottom: 70px; left: 52px;} .exclusiveoffer-area .banner-area .banner-2::before{content: ''; position: absolute; top: 42px; left: 76px; background: url(../images/logo-icon.png); width: 228px; height: 273px; opacity: 0.2; background-size: cover;} */ .exclusiveoffer-area .banner-area .banner-1{width: 40%; background: #F0F0F0; min-height: 450px; position: relative; overflow: hidden; border-radius: 30px;} .exclusiveoffer-area .banner-area .banner-1 .swiper-slide{min-height: 450px; position: relative; overflow: hidden; padding: 52px;} .exclusiveoffer-area .banner-area .banner-1 .swiper-slide img{height: 374px; right: -176px; position: absolute; bottom: 22px;} .exclusiveoffer-area .banner-area .banner-1::before{content: ''; position: absolute; top: 52px; right: 58px; background: url(../images/logo-icon.png); width: 256px; height: 306px; opacity: 0.6; background-repeat: no-repeat;} .exclusiveoffer-area .banner-area .banner-2 {width: 60%; background: #6BDCC7; min-height: 450px; position: relative; overflow: hidden; border-radius: 30px; text-align: right;} .exclusiveoffer-area .banner-area .banner-2 .swiper-slide{min-height: 450px; position: relative; overflow: hidden; padding: 52px; } .exclusiveoffer-area .banner-area .banner-2 .swiper-slide img{position: absolute; bottom: 70px; left: 52px;} .exclusiveoffer-area .banner-area .banner-2::before{content: ''; position: absolute; top: 42px; left: 76px; background: url(../images/logo-icon.png); width: 228px; height: 273px; opacity: 0.2; background-size: cover; background-repeat: no-repeat;} .exclusiveoffer-area .banner-area h3{font-family:'Cabinet Grotesk Medium'; color: #000; font-size: 30px; font-weight: 500; line-height: 115%; text-transform: capitalize; margin: 0 0 10px 0;} .exclusiveoffer-area .banner-area .sub{font-family:'Cabinet Grotesk'; color: #000; font-size: 20px; font-weight: 400; line-height: 95.5%; text-transform: capitalize; margin: 0 0 15px 0;} .exclusiveoffer-area .banner-area .btn-serach{font-family:'Cabinet Grotesk Medium'; padding: 0 38px; border-radius: 10px; background: #000; color: #FFF; font-size: 14px; font-weight: 500; line-height: 40px; border: none; display: inline-block; text-decoration: none;} .car-list-section{padding: 0 0 52px 0;} .car-list-section .titlebar{display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px 0;} .car-list-section .titlebar h2{font-family:'Cabinet Grotesk'; margin: 0px; color: #000; font-size: 35px;font-weight: 700; line-height: 42px; text-transform: capitalize;} .car-list-section .titlebar a{font-family:'Cabinet Grotesk Medium'; color: #010101; font-size: 18px; font-weight: 500; line-height: 22px; text-decoration: none;} .car-list-section .swiper-slide{max-width: 384px;} .car-block{border-radius: 30px; background: #F2F2F2; overflow: hidden; margin-bottom: 50px;} .car-block .car-img{width: 100%; position: relative; overflow: hidden; height: 280px; } .car-block .car-img img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;} .car-block .car-img::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 132px; background: linear-gradient(1deg, #000 1.4%, rgba(0, 0, 0, 0.00) 99.26%); z-index: 1;} .car-block .car-img .brand-logo{height: 46px;width: 46px;top: 20px; left: 20px; position: absolute;} .car-block .car-img .brand-logo img{height: 100%; width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: contain;} .car-block .car-img .btn-wishlist{position: absolute; top: 25px; right: 20px; background: rgba(255, 255, 255, 0.37); border: #fff 1px solid; border-radius: 50%; padding: 6px; width: 30px; height: 30px;} .car-block .car-img .btn-wishlist svg{width: 100%; height: 100%; vertical-align: top;} .car-block .car-img .btn-wishlist:hover{background: #fff;} .car-block .car-img .btn-wishlist.selected {background: #fff;} .car-block .car-img .bottombar{position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 1; padding: 20px 25px;} .car-block .car-img .bottombar .carname{font-family:'Cabinet Grotesk Medium'; color: #FFF; font-size: 23px; font-weight: 500; line-height: 115%; text-transform: capitalize; margin: 0 0 10px 0;} .car-block .car-img .bottombar .price{font-family:'Cabinet Grotesk Extrabold'; color: #FFE500; font-size: 16px; font-weight: 800; line-height: 95.5%; text-transform: capitalize;} .car-block .car-img .bottombar .price span{font-size: 12px; font-family:'Cabinet Grotesk Medium';} .car-block .car-img .bottombar .price del{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 16px; font-weight: 400; line-height: 95.5%; text-transform: capitalize; margin-right: 20px;} .car-block .car-img .bottombar .km{position: absolute; bottom: 18px; right: 20px; background: #FFD7E4; border-radius: 10px; color: #8A153B; font-size: 16px; font-family:'Cabinet Grotesk Medium'; font-weight: 500; line-height: 95.5%; text-transform: capitalize; padding: 6px 7px;} .car-block .car-detail{padding: 25px;} .car-block .car-detail ul.car-info{margin: 0px 0px 12px 0px; padding: 0px; list-style: none; display: flex;} .car-block .car-detail ul.car-info li{font-family:'Cabinet Grotesk Medium'; background: #fff; border-radius: 10px; padding: 8px 14px; color: #000; font-size: 12px; font-weight: 500; line-height: 20px; margin-right: 10px;} .car-block .car-detail ul.car-info li svg{margin-right: 4px;} .car-block .car-detail .d-flex{justify-content: space-between; align-items: center;} .car-block .car-detail .logo{width: 125px; height: 62px; position: relative; overflow: hidden;} .car-block .car-detail .logo img{max-width: 100%; max-height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: contain;} .car-block .car-detail .rightside{width: 48%;} .car-block .car-detail .rightside ul{margin: 0px; padding: 0px; list-style: none; position: relative;} .car-block .car-detail .rightside ul li{font-family:'Cabinet Grotesk';color: #000; font-size: 14px; font-weight: 400; line-height: 95.5%; text-transform: capitalize; margin: 10px 0; padding-left: 18px; position: relative;} .car-block .car-detail .rightside ul li::before{content: ''; position: absolute; top:0px; left: 0px; width: 12px; height: 12px; background: url(../images/arrow.png) center center no-repeat; background-size: cover;} .document-section{padding: 0 0 52px 0;} .document-section h2{font-family:'Cabinet Grotesk'; margin: 0px; color: #000; font-size: 35px;font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0 0 30px 0;} .document-section .document-flex{display: flex; gap: 22px;} .document-section .document-flex .document-block{width: 50%; border-radius: 30px; background: #EFF2F4; display: flex; align-items: center; min-height: 330px; overflow: hidden;} .document-section .document-flex .document-block .photo-block{width: 48%; height: 100%; position: relative;} .document-section .document-flex .document-block .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .document-section .document-flex .document-block .content-block{width: 52%; padding: 0 40px;} .document-section .document-flex .document-block .content-block h3{font-family:'Cabinet Grotesk'; color: #000; font-size: 30px; font-weight: 700; line-height: 36px; text-transform: capitalize; margin: 0 0 10px 0;} .document-section .document-flex .document-block .content-block ul{margin: 0px; padding: 0px; list-style: none; position: relative;} .document-section .document-flex .document-block .content-block ul li{font-family:'Cabinet Grotesk Medium'; color: #000; font-size: 20px; font-weight: 500; line-height: 36px; text-transform: capitalize; padding-left: 24px; position: relative;} .document-section .document-flex .document-block .content-block ul li::before{content: ''; position: absolute; top:10px; left: 0px; width: 16px; height: 16px; background: url(../images/arrow.png) center center no-repeat; background-size: cover;} .register-banner-area{padding: 0 0 50px 0;} .register-banner-area .banner-flex{background: url(../images/banner-5.jpg) center center no-repeat; background-size: 100%; padding: 156px 0; border-radius: 30px; position: relative; overflow: hidden; text-align: center;} .register-banner-area .banner-flex.yacht{background: url(../images/banner-6.png) center center no-repeat; background-size: 100%; padding: 156px 0; border-radius: 30px; position: relative; overflow: hidden; text-align: center; background-size: cover;} .register-banner-area .banner-flex::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.27) 0%, rgba(0, 0, 0, 0.00) 100%);} .register-banner-area .banner-flex h2{color: #FFF; font-family:'Cabinet Grotesk'; font-size: 40px; font-weight: 700; line-height: 50px; text-transform: capitalize; text-align: center; position: relative; z-index: 1; margin: 0 0 20px 0;} .register-banner-area .banner-flex .btn-register{font-family:'Cabinet Grotesk Medium'; background: #000; line-height: 40px; padding: 0 66px; border-radius: 10px; color: #FFF; font-size: 14px; font-weight: 500; position: relative; z-index: 1; text-decoration: none;} .why-hire-car-area{padding: 0 0 40px 0;} .why-hire-car-area h2{font-family:'Cabinet Grotesk'; margin: 0px; color: #000; font-size: 35px;font-weight: 700; line-height: 42px; margin: 0 0 8px 0;} .why-hire-car-area p{font-family:'Cabinet Grotesk'; color: #000; font-size: 14px; font-weight: 400; line-height: 20px; width: 62%; margin: 0 0 30px 0;} .why-hire-car-area ul.photo-list{margin: 0px; padding: 0px; list-style: none; display: flex; gap: 14px;} .why-hire-car-area ul.photo-list li{width: 25%;} .why-hire-car-area ul.photo-list li .photo-block{width: 100%; height: 254px; border-radius: 30px; overflow: hidden; position: relative;} .why-hire-car-area ul.photo-list li .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .why-hire-car-area ul.photo-list li .photo-block::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 160px; z-index: 1; background: linear-gradient(1deg, #000 1.4%, rgba(0, 0, 0, 0.00) 99.26%);} .why-hire-car-area ul.photo-list li .photo-block .title{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 20px; font-weight: 700; line-height: 24px; position: absolute; bottom: 30px; left: 0px; padding: 0 40px; z-index: 1;} .testimonial-main{padding: 0 0 40px 0;} .testimonial-main .testimonial-inner{border-radius: 30px; background: #FDF6F5; padding: 75px 0 35px 0; position: relative;} .testimonial-main .testimonial-inner::before{content: ''; position: absolute; top: 0px; left: 80px; width: 112px; height: 224px; background: url(../images/quote-icon.png) center center no-repeat;} .testimonial-main .testimonial-inner .sliderarea{width: 50%; margin: 0 auto; position: relative; padding-left: 225px;} .testimonial-main .testimonial-inner .swiper-slide{padding-bottom: 40px;} .testimonial-main .testimonial-inner h2{font-family:'Cabinet Grotesk'; color: #000; font-size: 35px; font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0px; position: absolute; left: 0px; top: 35px;} .testimonial-main .testimonial-inner p{font-family:'Cabinet Grotesk'; color: #000; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0 0 15px 0;} .testimonial-main .testimonial-inner .name{font-family:'Cabinet Grotesk'; color: #000; font-size: 20px; font-weight: 700; line-height: 162.5%; text-transform: capitalize;} .testimonial-main .testimonial-inner .swiper-pagination{text-align: left;} .testimonial-main .testimonial-inner .swiper-pagination .swiper-pagination-bullet{background: #ECD4D9; opacity: 1; width: 12px; height: 12px;} .testimonial-main .testimonial-inner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #C48598;} .faq-section{padding: 0 0 40px 0;} .faq-section .accordion{border-top: #CDCDCD 1px solid;} .faq-section .accordion-item{border: none; border-bottom: #CDCDCD 1px solid; padding-bottom: 10px;} .faq-section .accordion-item:first-of-type{border-radius: 0px !important;} .faq-section .accordion-item:first-of-type .accordion-button{border-radius: 0px !important;} .faq-section .accordion-item .accordion-button{border-radius: 0px !important; padding: 26px 20px 15px 0px; font-family:'Cabinet Grotesk Extrabold'; color: #000; font-size: 25px; font-weight: 800; line-height: 30px;} .faq-section .accordion-item .accordion-button::before {content: ''; position: absolute; width: 2px; border-radius: 3px; height: 18px; background: #000; top: 31px; right: 13px; transform: rotate(90deg);} .faq-section .accordion-item .accordion-button::after { content: ''; position: absolute; border-radius: 3px; width: 18px; height: 2px; background: #000; top: 39px; right: 5px;} .faq-section .accordion-item .accordion-button.collapsed::before { content:''; position:absolute;width:2px; border-radius: 3px; height:18px; background:#000; top:31px; right:13px ; transform: rotate(0deg)} .faq-section .accordion-item .accordion-button:not(.collapsed){background: transparent !important; box-shadow: none;} .faq-section .accordion-item .accordion-button:focus{box-shadow: none;} .faq-section .accordion-item .accordion-body{font-family:'Cabinet Grotesk'; padding: 0 0 10px 0; color: #000; font-size: 18px; font-weight: 400; line-height: 22px} .faq-section .accordion-item:last-of-type{border-radius: 0px !important;} .faq-section .accordion-item:last-of-type .accordion-button{border-radius: 0px !important;} .updateddaily-section{padding: 0 0 30px 0;} .updateddaily-section .light-box{border-radius: 30px 30px 0px 0px; background: #DEE5EF; padding: 40px 36px;} .updateddaily-section .light-box h2{font-family:'Cabinet Grotesk'; color: #000; font-size: 35px; font-weight: 700; line-height: 42px; text-transform: capitalize;} .updateddaily-section .light-box .sub{font-family:'Cabinet Grotesk'; color: #000; font-size: 14px; font-weight: 400; line-height: 20px; width: 60%; margin: 0 0 40px 0;} .updateddaily-section .light-box .inner-area{display: flex; gap: 115px;} .updateddaily-section .light-box .inner-area .content-block{width: 33.33%;} .updateddaily-section .light-box .inner-area .content-block h3{color: #000; font-family:'Cabinet Grotesk Extrabold'; font-size: 25px; font-weight: 800; line-height: 30px; margin: 0 0 15px 0;} .updateddaily-section .light-box .inner-area .content-block p{color: #000; font-family:'Cabinet Grotesk'; font-size: 14px; font-weight: 400; line-height: 26px; margin: 0px;} .updateddaily-section .btn-faqlink{border-radius: 0px 0px 30px 30px; background: #000; font-family:'Cabinet Grotesk'; padding: 22px 45px; color: #DEE5EF; font-size: 36px; font-weight: 700; line-height: 45px; text-transform: capitalize; width: 100%; display: flex; text-decoration: none; align-items: center; justify-content: space-between;} .signin-page{margin: 26px 0 30px 0;} .signin-page .form-block{display: flex; background: #000; border-radius: 30px; overflow: hidden; position: relative;} .signin-page .form-block::after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%); height:142px; position: absolute; top: 0px; left: 0px; width: 100%;} .signin-page .form-block .leftside{width: 52%; min-height: 1024px; position: relative; overflow: hidden;} .signin-page .form-block .leftside::before{background: linear-gradient(269deg, #000 0.71%, rgba(0, 0, 0, 0.00) 99.23%); width: 360px; height: 100%; position: absolute; top: 0px; right: 0px; content: ''; z-index: 1;} .signin-page .form-block .leftside .photo-block{width: 100%; height: 100%; overflow: hidden; position: relative; } .signin-page .form-block .leftside .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .signin-page .form-block .rightside{width: 48%; padding: 170px 120px 96px 120px;} .signin-page .form-block .logo-icon{margin: 0 auto 15px auto; width: 72px;} .signin-page .form-block .logo-icon img{width: 100%;} .signin-page .form-block h1{font-family:'Cabinet Grotesk Extrabold'; color: #FFF; text-align: center; font-size: 32px; font-weight: 800; line-height: 40px; letter-spacing: 0.64px;} .signin-page .form-block p{font-family:'Cabinet Grotesk'; color: #FFF; text-align: center; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0.32px;} .signin-page .form-block .mb-3{margin-bottom: 24px !important; position: relative;} .signin-page .form-block .form-control{font-family:'Cabinet Grotesk'; padding: 24px 0px; color: #FFF; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0.28px; border: none; border-bottom: #fff 1px solid; background: transparent; border-radius: 0px;} .signin-page .form-block .form-control:focus{box-shadow: none;} .signin-page .form-block .form-check{text-align: left; position: relative; } .signin-page .form-block .form-check-label{font-family:'Cabinet Grotesk Medium'; color: #FFF; font-size: 14px; font-weight: 500; text-align: left;} .signin-page .form-block .form-check-label a{color: #fff; text-decoration: underline;} .signin-page .form-block .btn-google{width: 100%; font-family:'Cabinet Grotesk Medium'; padding: 15px; border-radius: 10px; border: 1px solid #DEDEDE; background: transparent; color: #FFF; font-size: 14px; font-weight: 500; line-height: 18px;} .signin-page .form-block .btn-google svg{margin-right: 8px;} .signin-page .form-block .btn-google:hover{background: #DEDEDE; color: #000;} .signin-page .form-block .btn-google:hover svg path{fill: #000;} .signin-page .form-block .btn-login{width: 100%; font-family:'Cabinet Grotesk Medium'; padding: 15px; border-radius: 10px; border: 1px solid #FFF; background: #fff; color: #000; font-size: 14px; font-weight: 500; line-height: 18px; margin-bottom: 14px;} .signin-page .form-block .btn-login:hover{background: #000; color: #fff; border: #fff 1px solid;} .signin-page .form-block .pd-top{margin: 20px 0 0 0} .signin-page .form-block .pd-top a{ color: #3EC1F3} .signin-page .form-block .pd{text-align: center;} .signin-page .form-block .pd .link{font-family:'Cabinet Grotesk'; color: #fff; text-align: center; display: inline-block; text-decoration: none; margin-top: 25px; font-size: 14px; font-weight: 400; line-height: 18px; letter-spacing: 0.28px; } .signin-page .form-block .rightside #emailError, .signin-page .form-block .rightside .mb-3 label.error{ color: red !important;display: block;text-align: left;font-family: 'Verdana';font-size: 14px;font-style: normal;font-weight: 400;line-height: 19px;letter-spacing: 0.18px; margin: 5px 0 0 0} .signin-page .form-block .rightside .mb-3 span.error{ color: red !important;display: block;text-align: left;font-family: 'Montserrat';font-size: 12px;font-style: normal;font-weight: 400;line-height: 19px;letter-spacing: 0.18px; margin: 5px 0 0 0} .rent-banner-area{margin: 26px 0 25px 0} .rent-banner-area .inner-area{border-radius: 30px; overflow: hidden; position: relative; width: 100%; height: 468px; padding: 230px 0 165px 0} .rent-banner-area .inner-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .rent-banner-area .inner-area::after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%); height:142px; position: absolute; top: 0px; left: 0px; width: 100%;} .rent-banner-area .inner-area::before{border-radius: 30px; background: rgba(0, 0, 0, 0.47); position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; content: ''; z-index: 1} .rent-banner-area .inner-area .content-area{position: relative; z-index: 1; text-align: center;} .rent-banner-area .inner-area .content-area h1{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 35px; font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0 0 6px 0} .rent-banner-area .inner-area .content-area p{font-family:'Cabinet Grotesk'; margin: 0px; color: #FFF; font-size: 18px; font-weight: 400; line-height: 20px} .car-list-page{padding: 30px 0} .car-list-page .btn-filter{display: none} .car-list-page .d-flex{display: flex;} .car-list-page .d-flex .filter-area{width: 33%; padding-right: 30px;} .car-list-page .d-flex .filter-area .sticky{ position: sticky; top: 110px;} .car-list-page .d-flex .filter-area .border-block{border-radius: 30px; border: 1px solid #E9E9E9; padding: 35px; margin: 0 0 25px 0} .car-list-page .d-flex .filter-area .border-block .title{display: flex; font-family:'Cabinet Grotesk Medium'; color: #000; font-size: 18px; font-weight: 500; margin: 0 0 25px 0} .car-list-page .d-flex .filter-area .border-block .title svg{margin-right: 18px} .car-list-page .d-flex .filter-area .border-block .title .close-filter{display: none} .car-list-page .d-flex .filter-area .border-block ul.filter-list{margin: 0px; padding: 0px; list-style: none} .car-list-page .d-flex .filter-area .border-block ul.filter-list li{margin: 0px 0px 20px 0px;} .car-list-page .d-flex .filter-area .border-block input[type=checkbox].css-radio {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; } .car-list-page .d-flex .filter-area .border-block input[type=checkbox].css-radio + label.css-checkbtn{font-family:'Cabinet Grotesk Medium'; color: #000; font-size: 16px; font-weight: 500; line-height: 21px; text-transform: capitalize; position: relative; padding-left: 35px; display: block;} .car-list-page .d-flex .filter-area .border-block input[type=checkbox].css-radio + label.css-checkbtn svg{margin-right: 10px; width: 21px; height: 21px} .car-list-page .d-flex .filter-area .border-block input[type=checkbox].css-radio + label.css-checkbtn::before{content: ''; width: 21px; height: 21px; border-radius: 6px; border: 1px solid #E9E9E9; background: #fff; position: absolute; top: 0px; left: 0px} .car-list-page .d-flex .filter-area .border-block input[type=checkbox].css-radio:checked + label.css-checkbtn::before{border: 1px solid #8A153B; background: #8A153B;} .car-list-page .d-flex .filter-area .border-block input[type=checkbox].css-radio:checked + label.css-checkbtn::after{content: ''; position: absolute; top: 7px; left: 5px; width: 11px; height: 8px; background: url(../images/check-icon.png) center center no-repeat} .car-list-page .d-flex .filter-area .border-block .checkbox-block{border-top:#E9E9E9 1px solid; padding: 21px 0} .car-list-page .d-flex .filter-area .border-block .form-select{font-size: 14px} .car-list-page .d-flex .filter-area .border-block .form-select:focus{box-shadow: none} .car-list-page .d-flex .filter-area .border-block .accordion{border-top: #E9E9E9 1px solid;} .car-list-page .d-flex .filter-area .border-block .accordion-item{border: none; border-bottom: #E9E9E9 1px solid; padding-bottom: 5px;} .car-list-page .d-flex .filter-area .border-block .accordion-item .accordion-button{border-radius: 0px !important; padding: 20px 0px 15px 0px; font-family:'Cabinet Grotesk Medium'; color: #000; font-size: 16px; font-weight: 500; line-height: 20px; text-transform: capitalize;} .car-list-page .d-flex .filter-area .border-block .accordion-item .accordion-button:not(.collapsed){background: transparent !important; box-shadow: none;} .car-list-page .d-flex .filter-area .border-block .btn-area{display: flex; gap:20px; margin-top: 25px} .car-list-page .d-flex .filter-area .border-block .btn-area .btn-clear{width: 50%; border-radius: 10px; border: 1px solid #000; font-family:'Cabinet Grotesk Medium'; color: #000; font-size: 14px; font-weight: 500; line-height: 20px; text-transform: capitalize; padding: 10px; text-align: center;} .car-list-page .d-flex .filter-area .border-block .btn-area .btn-result{width: 50%; border-radius: 10px; border: 1px solid #000; font-family:'Cabinet Grotesk Medium'; color: #fff; background: #000; font-size: 14px; font-weight: 500; line-height: 20px; text-transform: capitalize; padding: 10px; text-align: center;} .car-list-page .d-flex .filter-area .border-block .accordion-button::after {transform: rotate(-90deg) !important} .car-list-page .d-flex .filter-area .border-block .accordion-button:not(.collapsed)::after {transform: rotate(0deg) !important; } .car-list-page .d-flex .filter-area .border-block .accordion-item .accordion-button:focus{box-shadow: none;} .car-list-page .d-flex .filter-area .border-block .accordion-item .accordion-body{font-family:'Cabinet Grotesk'; padding: 0 0 5px 0; color: #000; font-size: 14px; font-weight: 400; line-height: 22px} .car-list-page .d-flex .filter-area .guide-detail .accordion-item{border: #E9E9E9 1px solid; margin: 0 0 20px 0; border-radius: 10px} .car-list-page .d-flex .filter-area .guide-detail .accordion-item .accordion-button{padding: 15px 20px; font-family:'Cabinet Grotesk Medium'; color: #000; font-size: 16px; font-weight: 500; line-height: 20px; text-transform: capitalize; border-radius: 10px} .car-list-page .d-flex .filter-area .guide-detail .accordion-item .accordion-button:not(.collapsed){background: transparent !important; box-shadow: none;} .car-list-page .d-flex .filter-area .guide-detail .accordion-button::after {transform: rotate(-90deg) !important} .car-list-page .d-flex .filter-area .guide-detail .accordion-button:not(.collapsed)::after {transform: rotate(0deg) !important; } .car-list-page .d-flex .filter-area .guide-detail .accordion-item .accordion-button:focus{box-shadow: none;} .car-list-page .d-flex .filter-area .guide-detail .accordion-item .accordion-body{font-family:'Cabinet Grotesk'; padding: 0 20px 1px 20px; color: #000; font-size: 14px; font-weight: 400; line-height: 22px} .car-list-page .d-flex .filter-area .guide-detail .accordion-item .accordion-body ul{margin: 0px; padding: 0px 0px 0px 12px} .car-list-page .d-flex .filter-area .guide-detail .accordion-item .accordion-body ul li{margin-bottom: 10px} .car-list-page .d-flex .list-area{width: 67%} .car-list-page .d-flex .sort-area{display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: #E9E9E9 1px solid; margin-bottom: 18px} .car-list-page .d-flex .sort-area p{color: #000; font-size: 14px; font-weight: 500; line-height: 18px; text-transform: capitalize; margin: 0px} .car-list-page .d-flex .sort-area .form-select{border: none; padding: 0px 36px 0px 0px; color: #000; font-size: 14px; font-weight: 500; line-height: 18px; text-transform: capitalize;} .car-list-page .d-flex .sort-area .form-select:focus{box-shadow: none} .car-list-page .d-flex ul.apply-filter-list{margin: 0px; font-family:'Cabinet Grotesk Medium'; padding: 0px 0px 24px 0px; list-style: none; display: flex; flex-wrap: wrap; gap: 8px 0;} .car-list-page .d-flex ul.apply-filter-list li{font-family:'Cabinet Grotesk Medium'; align-items: center; display: flex; padding: 2px 4px 2px 12px; border-radius: 8px; border: 1px solid #8A153B; color: #8A153B; font-size: 14px; font-weight: 500; line-height: 18px; text-transform: capitalize; margin-right: 10px; cursor: pointer; } .car-list-page .d-flex ul.apply-filter-list li svg path{stroke:#8A153B} .car-list-page .d-flex ul.apply-filter-list li:first-child{border: #E9E9E9 1px solid; color: #000} .car-list-page .d-flex ul.apply-filter-list li:first-child svg path{stroke:#000} .car-list-page ul.carlist-area{margin: 0 -15px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; } .car-list-page ul.carlist-area li{width: 50%; padding: 0 15px; margin-bottom: 30px} .car-list-page ul.carlist-area li .car-info-block{background: #F2F2F2; border-radius: 30px; overflow: hidden;} .car-list-page ul.carlist-area li .car-info-block .car-photo-area{width: 100%; height: 312px; overflow: hidden; position: relative;} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .carphotoslider{width: 100%; height: 100%} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .swiper-slide{width: 100%; height: 100%; position: relative;} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .swiper-slide::before{background: linear-gradient(1deg, #000 1.4%, rgba(0, 0, 0, 0.00) 99.26%); content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 176px; z-index: 2} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .swiper-slide img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .bottombar{position: absolute; bottom: 0px; left: 0px; z-index: 3; width: 84%; padding: 16px 20px} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .bottombar .name a{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 23px; font-weight: 700; line-height: 115%; text-transform: capitalize; margin: 0 0 12px 0} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .bottombar ul.car-info{margin: 0px; padding: 0px; list-style: none; display: flex;} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .bottombar ul.car-info li{font-family:'Cabinet Grotesk Medium'; background: #000; border-radius: 10px; padding: 8px 14px; color: #fff; font-size: 12px; font-weight: 500; line-height: 20px; margin-right: 10px; width: auto; margin-bottom: 0px} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .bottombar ul.car-info li svg{margin-right: 4px;} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .brand-logo{height: 25px; width: 50px;top: 20px; left: 20px; position: absolute; z-index: 3} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .brand-logo img{height: 100%; width:100%;object-fit: contain;} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .btn-verified{position: absolute; gap: 4px; top: 20px; left: 76px; z-index: 3; border-radius: 8px; font-family:'Cabinet Grotesk Medium'; padding: 5px 8px 5px 5px; background: #8A153B; display: flex; align-items: center; color: #FFF; font-size: 12px; font-weight: 500; line-height: 16px; text-transform: capitalize; } .car-list-page ul.carlist-area li .car-info-block .car-photo-area .btn-wishlist{position: absolute; top: 25px; right: 20px; background: rgba(255, 255, 255, 0.37); border: #fff 1px solid; border-radius: 50%; padding: 6px; width: 30px; height: 30px; z-index: 3} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .btn-wishlist svg{width: 100%; height: 100%; vertical-align: top;} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .btn-wishlist:hover{background: #fff;} .car-list-page ul.carlist-area li .car-info-block .car-photo-area .btn-wishlist.selected{background: #fff;} .car-list-page ul.carlist-area li .car-info-block .car-detail-block{padding: 20px} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block{display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block .km{font-family:'Cabinet Grotesk Medium'; border-radius: 10px; background: #FFF; color: #000; font-size: 16px; font-weight: 500; line-height: 26px; text-transform: capitalize; padding: 0 7px} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block .price{font-family:'Cabinet Grotesk Extrabold'; color: #8A153B; font-size: 20px; font-weight: 800; line-height: 20px; text-transform: capitalize;} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block .price del{font-family:'Cabinet Grotesk'; color: #000; font-size: 16px; font-weight: 400; text-transform: capitalize; margin-right: 15px} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block .price span{font-family:'Cabinet Grotesk Medium'; color: #8A153B; font-size: 12px; font-weight: 500; text-transform: capitalize;} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .d-flex{display: flex; align-items: center; justify-content:space-between;} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .complogo{width: 125px; height: 62px; position: relative; overflow: hidden;} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .complogo img{max-width: 100%; max-height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; object-fit: contain;} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .rightside{text-align: right; } .car-list-page ul.carlist-area li .car-info-block .car-detail-block .leftside{width: 50%;} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .leftside ul{margin: 0px; padding: 0px; list-style: none; position: relative;} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .leftside ul li{font-family:'Cabinet Grotesk';color: #000; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: capitalize; margin: 5px 0; padding-left: 18px; position: relative; width: 100%; padding-right: 0px} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .leftside ul li::before{content: ''; position: absolute; top:3px; left: 0px; width: 12px; height: 12px; background: url(../images/arrow.png) center center no-repeat; background-size: cover;} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .location{font-family:'Cabinet Grotesk'; color: #000; text-align: right; font-size: 14px; font-weight: 400; line-height: 149%; text-transform: capitalize; display: flex; align-items: center; justify-content: flex-end; margin-top: 8px} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .location img{margin-left: 5px} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .btn-area{display: flex; gap:9px; margin-top: 15px} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .btn-area a{width: 33.33%; align-items: center; justify-content: center; display: flex; font-family:'Cabinet Grotesk Medium'; font-size: 14px; font-weight: 500; line-height: 18px; text-transform: capitalize; padding: 12px; border-radius: 10px} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .btn-area a img{width: 18px; margin-right: 5px} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .btn-area a.btn-call{background: #435A64; color: #fff} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .btn-area a.btn-whatsapp{background: #4FCE5D; color: #000} .car-list-page ul.carlist-area li .car-info-block .car-detail-block .btn-area a.btn-enquire{background: #fff; color: #8A153B} .car-list-page ul.carlist-area li .yacht-info-block{background: #F2F2F2; border-radius: 30px; overflow: hidden;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area{width: 100%; height: 312px; overflow: hidden; position: relative;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .carphotoslider{width: 100%; height: 100%} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .swiper-slide{width: 100%; height: 100%; position: relative;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .swiper-slide::before{background: linear-gradient(1deg, #000 1.4%, rgba(0, 0, 0, 0.00) 99.26%); content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 176px; z-index: 2} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .swiper-slide img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .bottombar{position: absolute; bottom: 0px; left: 0px; z-index: 3; width: 84%; padding: 16px 20px} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .bottombar .name{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 23px; font-weight: 700; line-height: 115%; text-transform: capitalize; margin: 0 0 12px 0} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .bottombar ul.car-info{margin: 0px; padding: 0px; list-style: none; display: flex;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .bottombar ul.car-info li{font-family:'Cabinet Grotesk Medium'; background: #000; border-radius: 10px; padding: 8px 14px; color: #fff; font-size: 12px; font-weight: 500; line-height: 20px; margin-right: 10px; width: auto; margin-bottom: 0px} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .bottombar ul.car-info li svg{margin-right: 4px;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .btn-verified{position: absolute; top: 20px; left: 20px; z-index: 3; border-radius: 8px; font-family:'Cabinet Grotesk Medium'; padding: 5px 8px 5px 5px; background: #8A153B; display: flex; align-items: center; color: #FFF; font-size: 12px; font-weight: 500; line-height: 16px; text-transform: capitalize;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .btn-verified img{margin-right: 4px} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .btn-wishlist{position: absolute; top: 25px; right: 20px; background: rgba(255, 255, 255, 0.37); border: #fff 1px solid; border-radius: 50%; padding: 6px; width: 30px; height: 30px; z-index: 3} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .btn-wishlist svg{width: 100%; height: 100%; vertical-align: top;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .btn-wishlist.selected{background: #fff;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .btn-wishlist:hover{background: #fff;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block{padding: 20px} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .price-block{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .price-block .price{font-family:'Cabinet Grotesk Extrabold'; color: #8A153B; font-size: 20px; font-weight: 800; line-height: 20px; text-transform: capitalize; width: 50%} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .price-block .price span{font-family:'Cabinet Grotesk Medium'; color: #8A153B; font-size: 12px; font-weight: 500; text-transform: capitalize;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .d-flex{display: flex; justify-content:space-between;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .complogo{width: 125px; height: 62px; position: relative; overflow: hidden;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .complogo img{max-width: 100%; max-height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; object-fit: contain;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .rightside{text-align: right; } .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .leftside{width: 50%;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .leftside ul{margin: 0px; padding: 0px; list-style: none; position: relative;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .leftside ul li{font-family:'Cabinet Grotesk';color: #000; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: capitalize; margin: 5px 0; padding-left: 18px; position: relative; width: 100%; padding-right: 0px} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .leftside ul li::before{content: ''; position: absolute; top:3px; left: 0px; width: 12px; height: 12px; background: url(../images/arrow.png) center center no-repeat; background-size: cover;} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .location{font-family:'Cabinet Grotesk'; color: #000; text-align: right; font-size: 14px; font-weight: 400; line-height: 149%; text-transform: capitalize; display: flex; align-items: center; justify-content: flex-end; margin-top: 8px} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .location img{margin-left: 5px} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .btn-area{display: flex; gap:9px; margin-top: 15px} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .btn-area a{width: 33.33%; align-items: center; justify-content: center; display: flex; font-family:'Cabinet Grotesk Medium'; font-size: 14px; font-weight: 500; line-height: 18px; text-transform: capitalize; padding: 12px; border-radius: 10px} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .btn-area a img{width: 18px; margin-right: 5px} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .btn-area a.btn-call{background: #435A64; color: #fff} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .btn-area a.btn-whatsapp{background: #4FCE5D; color: #000} .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .btn-area a.btn-enquire{background: #fff; color: #8A153B} .car-list-page .swiper-button-prev, .car-list-page .swiper-button-next{z-index: 3 !important; width: 24px !important; height: 24px !important;} .car-list-page .swiper-button-next{position: absolute !important; bottom: 20px !important; right: 16px !important; top: auto !important;} .car-list-page .swiper-button-prev{position: absolute !important; bottom: 20px !important; right: 46px !important; left: auto !important; top: auto !important;} .car-list-page .swiper-button-prev::after, .car-list-page .swiper-button-next::after {content: none !important} .specifing-banner-area {margin: 26px 0 0 0} .specifing-banner-area .inner-area{border-radius: 30px; overflow: hidden; position: relative; width: 100%; height: 290px;} .specifing-banner-area .inner-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .specifing-banner-area .inner-area::after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%); height:142px; position: absolute; top: 0px; left: 0px; width: 100%;} .specifing-banner-area .inner-area::before{border-radius: 30px; background: rgba(0, 0, 0, 0.47); position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; content: ''; z-index: 1} .specifing-banner-area .inner-area .content-area{position: relative; z-index: 1; text-align: center;} .specifing-banner-area .inner-area .content-area h1{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 35px; font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0 0 6px 0} .specifing-banner-area .inner-area .content-area p{font-family:'Cabinet Grotesk'; margin: 0px; color: #FFF; font-size: 18px; font-weight: 400; line-height: 20px} .specifing-detail { margin-top: 32px; display: flex; flex-wrap: wrap; column-gap: 32px;} .specifing-detail .side-cart-area{ width: 31.68%; } .specifing-detail .left-detail-area{ width: 66%; } .specifing-detail .side-cart-area .view-yacht{ border-radius: 10px;background: #8A153B;width: 100%;padding: 11px 0px;text-align: center;color: #FFF;font-family: 'Cabinet Grotesk';font-size: 22px;margin-top: 15px; } .specifing-detail .left-detail-area .detail-car { background: #000; border-radius: 30px; overflow: hidden; padding-bottom: 27px; position: relative;} .specifing-detail .left-detail-area .detail-car .image-area .brand-logo {height: 25px;width: 50px;top: 25px; left: 20px; position: absolute;z-index: 3} .specifing-detail .left-detail-area .detail-car .image-area .brand-logo img { height: 100%; width: 100%;object-fit: contain;} .specifing-detail .left-detail-area .detail-car .image-area { height: 572px; overflow: hidden; position: relative; } .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider { border-radius: 30px; overflow: hidden; position: absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0; } .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider:before { content: " "; border-radius: 30px; background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 50%); position: absolute; height: 100%; width: 100%; z-index: 5; } .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider .swiper-slide { overflow: hidden; border-radius: 30px; } .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider .swiper-slide img { width: 100%; height: 100%; position: absolute; object-fit: cover; } .specifing-detail .left-detail-area .detail-car .image-area .vrified { position: absolute; z-index: 1; width: 100%; padding: 28px 46px 28px 85px; display: flex; justify-content: space-between; } .specifing-detail .left-detail-area .detail-car .image-area .vrified .verified-area { border-radius: 8px; background: #8A153B; padding: 5px 6px; display: flex;align-items: center;gap: 5px;} .specifing-detail .left-detail-area .detail-car .image-area .vrified .verified-area span{ color: #FFF; font-family:'Cabinet Grotesk'; font-size: 12px; font-weight: 500; line-height: normal; text-transform: capitalize; } .specifing-detail .left-detail-area .detail-car .image-area .vrified .wishlist-icon .btn-wishlist{ background: rgba(255, 255, 255, 0.37); border: 1px solid #FFF; position: relative; z-index: 5; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; border-radius: 500px; transition: all 0.3s;} .specifing-detail .left-detail-area .detail-car .image-area .vrified .wishlist-icon:hover .btn-wishlist{background: #fff;} .specifing-detail .left-detail-area .detail-car .image-area .vrified .wishlist-icon .btn-wishlist.selected{background: #fff;} .specifing-detail .left-detail-area .detail-car .image-area .contain-area { z-index: 2; position: absolute; width: 86%; bottom: 0; padding: 9px 0px 0px 40px; } .specifing-detail .left-detail-area .detail-car .image-area .contain-area h3 { margin-bottom: 14px; color: #FFF; font-family:'Cabinet Grotesk'; font-size: 35px; font-weight: 700; text-transform: capitalize; } .specifing-detail .left-detail-area .detail-car .image-area .contain-area .car-feature { display:flex; list-style-type: none; padding: 0px 0px 28px 0px; margin: 0;} .specifing-detail .left-detail-area .detail-car .image-area .contain-area .car-feature li { display: flex; padding-right: 22px; color: #FFF; font-family:'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 95.5%; text-transform: capitalize;} .specifing-detail .left-detail-area .detail-car .image-area .contain-area .car-feature li .svg-deisng { background: #8A153B; width: 12px; height: 12px; border-radius: 50px; margin-right: 5px; display: flex; align-items: center; justify-content: center; } .specifing-detail .left-detail-area .detail-car .image-area .contain-area .car-feature li .svg-deisng span{ height: 100%; width: auto; color: #FFF; font-family: 'Cabinet Grotesk'; font-size: 9px; } .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider .arrow-area { position: absolute; z-index: 6; bottom: 45px; right: 31px; display: flex; width: 86px; height: auto; } .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider .swiper-button-prev { width: 33px; height: 33px; background: transparent; font-size: 4px; color: #fff; border-radius: 48px; border: 1px solid #fff; position: absolute; left: 0; z-index: 7;} .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider .swiper-button-prev:after{ font-size: 15px; } .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider .swiper-button-next { width: 33px; height: 33px; background: transparent; font-size: 4px; color: #fff; border-radius: 48px; border: 1px solid #fff; position: absolute; right: 0; z-index: 7;} .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider .swiper-button-next:after{ font-size: 15px; } .specifing-detail .left-detail-area .detail-car .pricing-contain { padding: 0px 40px 14px 40px ; } .specifing-detail .left-detail-area .detail-car .pricing-contain h3{color: white;margin-top: 20px;font-size: 21px;} .specifing-detail .left-detail-area .detail-car .pricing-contain h4{ border-top: 1px solid #E9E9E9; padding-top: 23px; color: #FFF; font-family:'Cabinet Grotesk'; font-size: 23px; font-style: normal; font-weight: 700; line-height: 115%; text-transform: capitalize; margin-bottom: 14px; } .specifing-detail .left-detail-area .detail-car .pricing-contain table { width: 100%; border-top: 1px dashed #E9E9E9;} .specifing-detail .left-detail-area .detail-car .pricing-contain table tbody tr th { width: 279px !important; border-left: 1px dashed #E9E9E9; border-right: 1px dashed #E9E9E9; border-bottom: 1px dashed #E9E9E9; color: #FFF; font-family: 'Cabinet Grotesk'; font-size: 20px; font-style: normal; font-weight: 400; line-height: 115%; text-transform: capitalize; padding: 15px 0px; } .specifing-detail .left-detail-area .detail-car .pricing-contain table tbody tr td { width: 279px !important; border-left: 1px dashed #E9E9E9; border-right: 1px dashed #E9E9E9; border-bottom: 1px dashed #E9E9E9; color: #FFF; font-family: 'Cabinet Grotesk'; font-size: 20px; font-style: normal; font-weight: 700; line-height: 115%; text-transform: capitalize; padding: 15px 0px; } /*.specifing-detail .left-detail-area .detail-car .pricing-contain .monthly_area{text-align:center;}*/ .specifing-detail .left-detail-area .detail-car .pricing-contain table tbody tr th:nth-child(1){ border-left: none; } .specifing-detail .left-detail-area .detail-car .pricing-contain table tbody tr th:nth-child(2){ padding: 0px 81px ; border-left:none; border-right: none; } .specifing-detail .left-detail-area .detail-car .pricing-contain table tbody tr th:nth-child(3){ padding-left:107px; border-right: none; } .specifing-detail .left-detail-area .detail-car .pricing-contain table tbody tr td:nth-child(1){ border-left: none; } .specifing-detail .left-detail-area .detail-car .pricing-contain table tbody tr td:nth-child(2){ padding: 0px 81px ; border-left:none; border-right: none; } .specifing-detail .left-detail-area .detail-car .pricing-contain table tbody tr td:nth-child(3){ padding-left:107px; border-right: none; } .specifing-detail .left-detail-area .detail-car .monthly-commitment{ padding: 19px 40px; } .specifing-detail .left-detail-area .detail-car .monthly-commitment h4{ color: #FFF; font-family: 'Cabinet Grotesk'; font-size: 20px; font-style: normal; font-weight: 400; line-height: 115%; text-transform: capitalize; } .specifing-detail .left-detail-area .detail-car .monthly-commitment table { width: 100%; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9;} .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td { text-align: center; width: 279px !important; border-left: 1px dashed #E9E9E9; border-right: 1px dashed #E9E9E9; border-bottom: 1px dashed #E9E9E9; color: #FFF; font-family: 'Cabinet Grotesk'; font-size: 20px; font-style: normal; font-weight: 700; line-height: 115%; text-transform: capitalize; padding: 15px 0px; } .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td .dropdown-arrow{ margin: auto; position: relative; width: 211px; } .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td .dropdown-arrow::before{ content: ""; background-image: url('../images/down\ arrow.svg'); position: absolute; right: 14px; color: #000; z-index: 2; top: 12px; height: 17px; width: 17px; } .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td:nth-child(1){ border-left: none; } .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td:nth-child(2){ border-left:none; border-right: none; } .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td:nth-child(3){ border-right: none; } .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td select { position: relative; border: none; width: 211px; border-radius: 10px; color: #000; font-family: 'Cabinet Grotesk'; font-size: 14px; padding: 12px 15px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; -webkit-appearance: none; -moz-appearance: none; } .specifing-detail .left-detail-area .detail-car p{ padding: 4px 40px 0px 40px; color: #FFF; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 149%; text-transform: capitalize; } .specifing-detail .left-detail-area .spec-featurearea{ justify-content: center; flex-wrap: wrap; display: flex; border-radius: 30px; border: 1px solid #E9E9E9; background: #F2F2F2; margin-top: 27px; padding: 39px 30px; } .specifing-detail .left-detail-area .spec-featurearea h5{ margin: 0; color: #000; font-family: 'Cabinet Grotesk'; font-size: 23px; font-style: normal; font-weight: 700; line-height: 115%; text-transform: capitalize; } .specifing-detail .left-detail-area .spec-featurearea svg { margin-bottom: 23px; margin-top: 14px; } .specifing-detail .left-detail-area .spec-featurearea .specs.conant-main{ width: 50%; margin-bottom: 23px; height: auto;overflow: auto;} .specifing-detail .left-detail-area .spec-featurearea .features.conant-main{ width: 50%; margin-bottom: 23px; height: 125px;overflow: hidden;} .specifing-detail .left-detail-area .spec-featurearea .conant-main .contain-area{ margin: 0; display: flex; flex-wrap: wrap; padding: 0px; list-style: none;} .specifing-detail .left-detail-area .spec-featurearea .conant-main .contain-area li{ padding: 0 10px 0px 15px; width: 50%; color: #000; font-family: 'Cabinet Grotesk'; font-size: 16px; font-weight: 500; line-height: 115%; text-transform: capitalize; position: relative; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; margin-bottom: 17px; transition: all .3s ; } .specifing-detail .left-detail-area .spec-featurearea .conant-main.show .contain-area li{ display: block;} .specifing-detail .left-detail-area .spec-featurearea .conant-main .contain-area li::before {content: '';width:8px; height: 8px; background-color: #8A153B; position: absolute; top: 0; border-radius: 50%; top: 5px;left: 0;} .specifing-detail .left-detail-area .spec-featurearea .button-more{ margin-bottom: -15px; display: flex; justify-content: center; align-items: center; color: #8A153B; font-family: 'Cabinet Grotesk'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 115%; text-transform: capitalize;cursor: pointer; position: relative;} .specifing-detail .left-detail-area .spec-featurearea .button-more svg{ margin: 0; margin-left: 5px; transition: all .5s } .specifing-detail .left-detail-area .spec-featurearea .button-more.active svg{ transform: rotate(180deg);} .specifing-detail .left-detail-area .car-disciption{ margin: 46px 0px; display: flex; column-gap: 30px; } .specifing-detail .left-detail-area .car-disciption .contain-area{ width: 50%; } .specifing-detail .left-detail-area .car-disciption .contain-area h6 { color: #000; font-family: 'Cabinet Grotesk'; font-size: 18px; font-style: normal; font-weight: 500; line-height: 115%; margin-bottom: 23px; border-bottom: 0.5px solid #000000; padding-bottom: 15px; } .specifing-detail .left-detail-area .car-disciption .contain-area p { margin: 0; color: #000; font-family: 'Cabinet Grotesk'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 115%; } .specifing-detail .left-detail-area .car-disciption .contain-area .rental { color: #000; font-family: 'Cabinet Grotesk'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 115%; display: flex; justify-content: space-between; margin-bottom: 26px; } .specifing-detail .left-detail-area .car-disciption .contain-area .rectras .color-area { display: flex; justify-content: space-between; } .specifing-detail .left-detail-area .car-disciption .contain-area .rectras .color-area .cart-right { text-align: right; } .specifing-detail .left-detail-area .car-disciption .contain-area .rectras .color-area .cart-right .cart { display: flex; justify-content: flex-end; margin-bottom: 10px; } .specifing-detail .left-detail-area .car-disciption .contain-area .rectras .color-area .cart-right .cart .color-box { width: 22px; height: 22px; border-radius: 4px; border: 1px solid #F2F2F2; background: #8A153B; margin-left: 9px; } .specifing-detail .left-detail-area .car-disciption .contain-area .prize-cart { margin-bottom: 25px; } .specifing-detail .left-detail-area .car-disciption .contain-area .prize-area .title{ color: #000; font-family: 'Cabinet Grotesk'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 115%; /* 18.4px */ text-transform: capitalize; } .specifing-detail .left-detail-area .car-disciption .contain-area .prize-area .prize{ color: #000; font-family: 'Cabinet Grotesk'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 115%; /* 18.4px */ text-transform: capitalize;text-align: right;} .specifing-detail .left-detail-area .car-disciption .contain-area .prize-cart .prize-area { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; } .specifing-detail .left-detail-area .car-disciption .contain-area .requirement-area .prize-area { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; } .specifing-detail .left-detail-area .car-disciption .contain-area .btn-primary { border-radius: 10px; background: #8A153B; width: 100%; padding: 11px 0px; text-align: center; color: #FFF; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } .specifing-detail .side-cart-area .listed-by { border-radius: 30px; border: 1px solid #E9E9E9; padding: 20px 18px; } .specifing-detail .side-cart-area .listed-by a.brand-img{display: inline-block; margin-top: 5px; width: 100%} .specifing-detail .side-cart-area .listed-by p { margin-bottom: 0px; margin-top: 24px; color: #9D9D9D; text-align: center; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 149%; text-transform: capitalize; } .specifing-detail .side-cart-area .listed-by .image-list { height: 93px; margin: auto; display: flex; justify-content: center; } .specifing-detail .side-cart-area .listed-by .btn-area{display: flex; gap:9px; margin-top: 15px} .specifing-detail .side-cart-area .listed-by .btn-area a{width: 33.33%; align-items: center; justify-content: center; display: flex; font-family:'Cabinet Grotesk Medium'; font-size: 14px; font-weight: 500; line-height: 18px; text-transform: capitalize; padding: 12px; border-radius: 10px} .specifing-detail .side-cart-area .listed-by .btn-area a img{width: 18px; margin-right: 5px} .specifing-detail .side-cart-area .listed-by .btn-area a.btn-call{background: #435A64; color: #fff} .specifing-detail .side-cart-area .listed-by .btn-area a.btn-whatsapp{background: #4FCE5D; color: #000} .specifing-detail .side-cart-area .listed-by .btn-area a.btn-enquire{background: #8A153B; color: #ffffff;} .specifing-detail .side-cart-area .listed-by .retal-car-trifty { position: relative; margin-top: 19px; } .specifing-detail .side-cart-area .listed-by .retal-car-trifty svg{ z-index: 1; position: absolute; top: 9px; left:15px; } .specifing-detail .side-cart-area .listed-by .retal-car-trifty #cars-rental { border-radius: 10px; background: #E9E9E9; width: 100%; padding: 13px 15px 13px 49px; border: none; -webkit-appearance: none; -moz-appearance: none; color: #000; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; } .profile-section .card-body .btn-call:hover {color:white} .profile-section .card-body .btn-whatsapp:hover {color:black} .profile-section .card-body .btn-enquire:hover {color:#8A153B} .profile-section .card-body .wishlist-remove:hover {background-color:#8A153B !important} .specifing-detail .side-cart-area .listed-by .retal-car-trifty .dropdown-arrow{ margin: auto; position: relative; width: 100%; } .specifing-detail .side-cart-area .listed-by .retal-car-trifty .dropdown-arrow::after{ content: ""; background-image: url('../images/down\ arrow.svg'); position: absolute; right: 14px; color: #000; z-index: 2; top: 12px; height: 17px; width: 17px; } .specifing-detail .side-cart-area .address-area .retal-car-trifty { position: relative; margin-top: 19px; } .specifing-detail .side-cart-area .address-area .retal-car-trifty svg{ z-index: 1; position: absolute; top: 9px; left:15px; } .specifing-detail .side-cart-area .address-area .retal-car-trifty #working-hours-collapse{border-radius: 10px;background: #B9FFC1;width: 100%;padding: 13px 15px 13px 49px;border: none;-webkit-appearance: none;-moz-appearance: none;color: #000;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize;border: 1px solid #4FCE5D; text-align:center;} .specifing-detail .side-cart-area .address-area { border-radius: 30px; border: 1px solid #E9E9E9; background: #8A153B; padding: 27px 18px; } .specifing-detail .side-cart-area .address-area h5 { color: #FFF; font-family: 'Cabinet Grotesk'; font-size: 20px; font-style: normal; font-weight: 400; line-height: 115%; text-transform: capitalize; margin-bottom: 14px; } .specifing-detail .side-cart-area .address-area svg { margin-bottom: 21px; margin-top: 0px; } .specifing-detail .side-cart-area .address-area .cart-area { display: flex; width: 100%; column-gap: 9px; } .specifing-detail .side-cart-area .address-area .cart-area .cart-design { padding: 16px 32px 18px 32px; width: 33.33%; border-radius: 10px; background: #FFF; display: flex; flex-wrap: wrap; justify-content: center; } .specifing-detail .side-cart-area .address-area .cart-area .cart-design p { color: #8A153B; text-align: center; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; margin: 0; } .specifing-detail .side-cart-area .address-area .cart-area .cart-design svg{ margin-bottom: 5px; } .specifing-detail .side-cart-area .address-area .retal-car-trifty { position: relative; margin-top: 25px; margin-bottom: 48PX; } .specifing-detail .side-cart-area .address-area .retal-car-trifty svg{ z-index: 1; margin: 0; position: absolute; top: 12px; left:15px; } .specifing-detail .side-cart-area .address-area .retal-car-trifty #cars-rental-time { border-radius: 10px; border: 1px solid #4FCE5D; background: #B9FFC1; width: 100%; padding: 18px 15px 18px 15PX; text-align: center; border: none; -webkit-appearance: none; -moz-appearance: none; color: #000; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; } .specifing-detail .side-cart-area .address-area .retal-car-trifty .dropdown-arrow{ margin: auto; position: relative; width: 100%; } .specifing-detail .side-cart-area .address-area .retal-car-trifty .dropdown-arrow::after{ content: ""; background-image: url('../images/down\ arrow.svg'); position: absolute; right: 14px; color: #000; z-index: 2; top: 16px; height: 17px; width: 17px; } .specifing-detail .side-cart-area .address-area iframe{ border-radius: 10px; } .specifing-detail .side-cart-area .address-area .location-add { display: flex; align-items: center; margin-top: 23px; } .specifing-detail .side-cart-area .address-area .location-add p{ color: #FFF; font-family: 'Cabinet Grotesk'; font-size: 18px; font-style: normal; font-weight: 700; line-height: 138%; text-transform: capitalize; margin: 0; } .specifing-detail .side-cart-area .address-area .location-add svg{ margin-right: 9px; margin-bottom: 0px; min-width: 24px} .specifing-detail .side-cart-area .tags-area { border-radius: 30px; border: 1px solid #E9E9E9; margin-top: 24px; padding: 22px 25px; } .specifing-detail .side-cart-area .tags-area h5{ color: #000; font-family:'Cabinet Grotesk'; font-size: 20px; font-style: normal; font-weight: 400; line-height: 115%; text-transform: capitalize; margin-bottom: 0px; } .specifing-detail .side-cart-area .tags-area h5.marign-gap{margin-top: 20px;} .specifing-detail .side-cart-area .tags-area svg { margin-bottom: 19px; margin-top: 12px; } .specifing-detail .side-cart-area .tags-area ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; column-gap: 9px; row-gap: 9px; } .specifing-detail .side-cart-area .tags-area ul li a { border-radius: 8px; border: 1px solid #E9E9E9; padding: 8px 18px; color: #000; font-family:'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; } .specifing-detail .side-cart-area .tags-area ul .btn-more a{ color:#8A153B ;border-radius: 8px; border: 1px solid #8A153B; } .specifing-detail .side-cart-area .tags-area ul .btn-more a svg{ margin: 0px; margin-left: 17px; } .car-contain-area{ margin-bottom: 38px; margin-top: 32px; } .car-contain-area .cart h3{ margin-top: 21px; color: #000; font-family: 'Cabinet Grotesk'; font-size: 35px; font-weight: 700; text-transform: capitalize; margin-bottom: 9px; } .car-contain-area .cart p{ color: #000; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 170%; } /* about us */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .about-banner-area{margin: 26px 0 0; overflow-x: clip} .about-banner-area .inner-area{border-radius: 30px; background-color: #000; position: relative; width: 100%; min-height: 630px;} .about-banner-area .inner-area::after{content: ''; background: url(../images/about-ring.png) center right no-repeat; position: absolute;width: 620px;height: 620px; top: 120px; right: 0px;animation-name: spin;animation-duration: 2000ms;animation-iteration-count: infinite; animation-timing-function: linear;} .about-banner-area .inner-area .content-area{padding: 160px 0 0 80px; width:62%;} .about-banner-area .inner-area .content-area h1{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 35px; font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0 0 14px 0} .about-banner-area .inner-area .content-area p{font-family:'Cabinet Grotesk'; margin: 0px 0px 22px 0px; color: #EDEDED; font-size: 16px; font-weight: 500; line-height: 27px} .about-banner-area .inner-area .content-area p:last-of-type{padding-right: 245px;} .about-banner-area .inner-area .content-area .car-image {position: absolute;width: 1020px;bottom: -230px;right: -260px; z-index: 1} .about-banner-area .inner-area .content-area .car-image img {width: 100%} .mission-area {padding: 55px 0 0 0} .mission-area .detail-box{padding: 60px 50px 50px 50px;border-radius: 30px;background-color: #FFEDF3; height: 100%;display: flex;flex-direction: column;justify-content: end;} .mission-area .detail-box.vision {background-color: #F2F2F2} .mission-area .detail-box h2 {color: #000;font-family: 'Cabinet Grotesk';font-size: 35px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; margin-bottom: 14px} .mission-area .detail-box p {color: #000;font-family: 'Cabinet Grotesk';font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;line-height:27.2px; margin: 0} .sets-us-apart {padding: 150px 0 0 0; overflow-x: clip} .sets-us-apart .content-area {display: flex;align-items: center;} .sets-us-apart .content-area {padding-left: 52%; position: relative;} .sets-us-apart .content-area::after{content: ''; background: url(../images/set-us-ring.png) center right no-repeat; position: absolute;width: 620px;height: 620px; left: 50%; margin-left: -310px;;top: 0px; animation-name: spin;animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;} .sets-us-apart .content-area .car-image {position: absolute;width: 1240px; bottom: -40px; left: -530px; z-index: 1;} .sets-us-apart .content-area .car-image img{width: 100%} .sets-us-apart .content-area h2{color: #000;font-family: 'Cabinet Grotesk';font-size: 35px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize;padding:30px 0 88px 0; margin: 0} .sets-us-apart .content-area .set-us-box {border: 1px solid #E9E9E9; background-color: #FFF; border-radius: 30px; padding: 40px; margin-bottom: 30px} .sets-us-apart .content-area .set-us-box .icon{margin-bottom: 21px; width: 85px;} .sets-us-apart .content-area .set-us-box .icon img{margin-bottom: 21px; width: 100%;} .sets-us-apart .content-area .set-us-box h3 {color: #000;font-family: 'Cabinet Grotesk';font-size: 23px;font-style: normal;font-weight: 700;line-height:26px; text-transform: capitalize; margin-bottom: 11px} .sets-us-apart .content-area .set-us-box p {color: #000;font-family: 'Cabinet Grotesk';font-size: 16px;font-style: normal;font-weight: 400;line-height:27px; text-transform: capitalize; margin-bottom: 0px} .experience-area {padding: 30px 0} .experience-area h2 {color: #000;font-family: 'Cabinet Grotesk';font-size: 35px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; text-align: center; margin-bottom: 31px} .experience-area .experience-flex {display: flex; gap:36px; align-items: stretch;} .experience-area .experience-box{padding: 60px 50px 50px 50px;border-radius: 30px;background-color: #DEE5EF;width: 50%;align-self: baseline;} .experience-area .experience-box .box-title{color: #000;font-family: 'Cabinet Grotesk';font-size: 35px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; margin-bottom: 24px} .experience-area .experience-box ul {margin: 0; padding: 0; list-style:none} .experience-area .experience-box ul li {color: #000;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 400;line-height: 27px; position: relative; margin-bottom: 20px; padding-left: 20px } .experience-area .experience-box ul li:last-child{margin: 0} .experience-area .experience-box ul li::before{position: absolute; content: ''; background: url(../images/exprience-arrow.svg) center right no-repeat; width: 12px; height:12px; top: 8px; left: 0; background-size: 100%} .experience-area .experience-box a.read-more {color: #8A153B;font-family: 'Cabinet Grotesk';font-size: 16px;font-style: normal;font-weight: 400;line-height:0.2px; display: none; align-items: initial; align-content: flex-end; text-align: -moz-right;} .experience-area .experience-box a.read-less { display:none;color: #8A153B;font-family: 'Cabinet Grotesk';font-size: 16px;font-style: normal;font-weight: 400;line-height:27.2px; align-items: initial; align-content: flex-end; text-align: -moz-right;} .description-container { overflow: hidden; } .custom-margin-bottom { margin-bottom: 45px !important; } /* brand-list */ .brand-banner-area{margin: 26px 0 0 0} .brand-banner-area .inner-area{border-radius: 30px; overflow: hidden; position: relative; width: 100%; min-height: 377px; padding: 160px 0 86px 0} .brand-banner-area .inner-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .brand-banner-area .inner-area::after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%); height:142px; position: absolute; top: 0px; left: 0px; width: 100%;} .brand-banner-area .inner-area::before{border-radius: 30px; background: rgba(0, 0, 0, 0.40); position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; content: ''; z-index: 1} .brand-banner-area .inner-area .content-area{position: relative; z-index: 1; text-align: center; width: 56%; margin: 0 auto;} .brand-banner-area .inner-area .content-area h1{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 35px; font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0 0 6px 0} .brand-banner-area .inner-area .content-area p{font-family:'Cabinet Grotesk'; margin: 0px; color: #FFF; font-size: 16px; font-weight: 400; line-height: 27px} .brand-list-area {padding-top: 10px} .brand-list-area h2{color: #000;font-family: Cabinet Grotesk;font-size: 35px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; margin-bottom: 30px} .brand-list-area .brand-list {display: grid; gap:30px;grid-template-columns: repeat(auto-fit, minmax(calc(20% - 25px), 1fr));} .brand-list-area .brand-list .brand-box {background-color: #F0F0F0; border-radius: 30px; padding: 25px 40px; position:relative;} .brand-list-area .brand-list .brand-box .count{background: url(../images/count.svg) center center no-repeat; position: absolute;width: 33px;height: 33px;text-align: center;line-height: 30px;color: #fff;font-size: 14px;top: 18px;left: 16px; display: flex; justify-content: center; align-items: center;} .brand-list-area .brand-list .brand-box .logo-block{width: 95px;margin: 0px auto 20px auto;height:95px;position: relative;overflow: hidden;} .brand-list-area .brand-list .brand-box .logo-block img {max-width: 100%; max-height: 100%; object-fit: contain; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; mix-blend-mode: multiply;} .brand-list-area .brand-list .brand-box .name{color: #000;text-align: center;font-family: 'Cabinet Grotesk';font-size: 20px;font-style: normal;font-weight: 800;line-height:23px;text-transform: uppercase; position: relative; margin: 0; padding-bottom: 30px } .brand-list-area .brand-list .brand-box .name::after{position: absolute; content: ''; width: 38px; left: 50%; margin-left: -19px; height: 1px; border: 1px solid #000; bottom: 0} ul.pagination {justify-content: center;margin: 0; padding: 47px 0 57px 0} ul.pagination li.page-item{margin: 0 3px} ul.pagination li.page-item .page-link{background-color: #F2F2F2;transition: all 0.5s ;padding: 0; text-align:center; width: 35px; height: 35px;color: #000;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 500;line-height: 35px;text-transform: capitalize; border: none; border-radius: 10px; } ul.pagination li.page-item .page-link:hover{background-color: #8A153B; color: #fff} ul.pagination li.page-item .page-link.active{background-color: #8A153B; color: #fff} ul.pagination li.page-item .page-link:focus{box-shadow: none} /* list-your-car */ .list-banner-area{margin: 26px 0 0 0} .list-banner-area .list-flex{display: flex; background-color: #000; border-radius: 30px 30px 0px 0; position: relative; overflow: hidden;} .list-banner-area .list-flex::after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%); height:142px; position: absolute; top: 0px; left: 0px; width: 100%;} .list-banner-area .list-flex .inner-area{overflow: hidden; position: relative;min-height:500px; width: 48%; display: flex; } .list-banner-area .list-flex .inner-area .photo-block{width: 100%; height: 100%; overflow: hidden; position: relative; display: flex; align-items: center;} .list-banner-area .list-flex .inner-area .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .list-banner-area .list-flex .inner-area::before{background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0.00) 42.55%); position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; content: ''; z-index: 1} .list-banner-area .list-flex .inner-area .content-area{position: relative; z-index: 1; padding: 0 0 0 74px} .list-banner-area .list-flex .inner-area .content-area h1{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 35px; font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0 0 6px 0} .list-banner-area .list-flex .inner-area .content-area p{font-family:'Cabinet Grotesk'; margin: 0px; color: #FFF; font-size: 16px; font-weight: 400; line-height: 27px} .list-banner-area .list-flex .right-form{ width: 52%; justify-content: center;display: flex; flex-direction: column;align-items: center; padding: 166px 65px 60px 65px; background-color: #000;} .list-banner-area .list-flex .right-form h2{color: #FFF;font-family: 'Cabinet Grotesk';font-size: 35px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; margin-bottom: 37px;text-align: center;} .list-banner-area .list-flex .right-form .field-area{display: flex; column-gap: 14px; flex-wrap: wrap;} .list-banner-area .list-flex .right-form .field-area .form-group{ width: 48.7%; margin-bottom: 18px} .list-banner-area .list-flex .right-form .field-area .form-group > label{color: #FFF;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 500;line-height: normal; margin-bottom: 8px} .list-banner-area .list-flex .right-form .field-area .form-group .form-control{background: transparent; border-radius: 10px; border: 1px solid #DEDEDE; height: auto; color: #fff; padding: 14px 21px; color: #FFF;font-family: 'Cabinet Grotesk'; font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;} .list-banner-area .list-flex .right-form .field-area .form-group .form-control:focus{box-shadow: none} .list-banner-area .list-flex .right-form .field-area .form-group .form-control option{background: #fff; color: #000; font-family: arial} .list-banner-area .list-flex .right-form .field-area .form-group .rent-radiobutton{display: flex; padding-top: 40px; align-items: center;} .list-banner-area .list-flex .right-form .field-area .form-group .rent-radiobutton .title{color: #FFF;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 400;line-height: 0%; letter-spacing: 0.28px;} .custom-radio-box {position: relative; margin-left: 11px} .custom-radio-box input{display:none;} .custom-radio-box label{width: 100%; padding: 0px 0px 0px 25px; cursor: pointer; transition: all .3s ; position: relative;color: #fff; font-size: 14px; font-weight: 400; font-family: 'Cabinet Grotesk'; line-height:28.188px ; margin: 0} .custom-radio-box .dot{background-color:transparent; border: 1px solid #fff; height:18px; width:18px; border-radius:50%; transition: all .3s ; position: absolute; top: 5px; left: 0px} .custom-radio-box input:checked + label .dot{ border:4px solid #000; background-color: #fff; outline: 1px solid #fff; height:17px; width:17px;} .list-banner-area .list-flex .right-form .form-bottom {text-align: center;} .list-banner-area .list-flex .right-form .form-bottom .btn-submit{ width: 90% ; font-family: 'Cabinet Grotesk Medium';padding: 15px;border-radius: 10px;border: 1px solid #FFF;background: #fff;color: #000;font-size: 14px;font-weight: 500;line-height: 18px; text-align: center; display: inline-block; margin: 30px 0 26px 0} .list-banner-area .list-flex .right-form .form-bottom .btn-submit:hover{background: #000;color: #fff;border: #fff 1px solid;} .list-banner-area .list-flex .right-form .form-bottom p{color: #FFF;text-align: center;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 400;line-height: 27px; letter-spacing: 0.28px; margin: 0} .list-banner-area .bottom-area {display: flex; align-items: flex-start; background-color: #DEE5EF; border-radius: 0 0 30px 30px; padding: 36px 0 45px 74px; gap:118px} .list-banner-area .bottom-area h3{color: #000;font-family:'Cabinet Grotesk'; font-size: 25px;font-style: normal;font-weight: 700;line-height: 40px; width: 65%; margin: 0} .list-banner-area .bottom-area ul {margin: 0; padding: 0; list-style: none;width: 35%} .list-banner-area .bottom-area ul li {position: relative; color: #000;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 400; line-height: 27px; padding-left: 25px; margin-bottom: 8px} .list-banner-area .bottom-area li:last-child{margin: 0} .list-banner-area .bottom-area li::before{position: absolute; content: ''; background: url(../images/car-list-arrow.svg) center right no-repeat; width: 12px; height:12px; top: 8px; left: 0; background-size: 100%} .why-join{margin: 42px 0 28px 0} .why-join .inner-area{border-radius: 30px 30px 0 0; overflow: hidden; position: relative; width: 100%; min-height: 468px; padding: 174px 0 0px 0} .why-join .inner-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .why-join .inner-area::before{ background: linear-gradient(0deg, #E5CED4 30.73%, rgba(229, 206, 212, 0.00) 100%); position: absolute; bottom: -50px; left: 0px; width: 100%; height:247px; content: ''; z-index: 1} .why-join .inner-area .content-area{position: relative; z-index: 1; width: 44%; padding-left: 63px} .why-join .inner-area .content-area h2{font-family:'Cabinet Grotesk'; color: #000; font-size: 35px; font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0 0 8px 0} .why-join .inner-area .content-area p{font-family:'Cabinet Grotesk'; margin: 0px; color: #000; font-size: 14px; font-weight: 400; line-height: 20px} .why-join .box-list {background: #E5CED4; display: flex; column-gap: 147px; padding: 0 63px 0 57px; position: relative; z-index: 1; flex-wrap: wrap; border-radius: 0 0 30px 30px; } .why-join .box-list .join-box{width: 44%; margin-bottom: 35px} .why-join .box-list .join-box h3{color: #000;font-family: 'Cabinet Grotesk';font-size: 25px;font-style: normal;font-weight: 800;line-height: normal; margin-bottom: 10px} .why-join .box-list .join-box p {color: #000;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 400;line-height: 27px; margin: 0} .three-detail{margin-bottom: 46px} .three-detail .content-area {background-color: #000; border-radius: 30px; display:flex; flex-wrap: wrap; padding: 55px 0} .three-detail .content-area .join-box {width: 33.33%; text-align: center; padding: 0 50px} .three-detail .content-area .join-box .icon{margin-bottom: 30px} .three-detail .content-area .join-box h3{color: #FFF;font-family: 'Cabinet Grotesk';font-size: 25px;font-style: normal;font-weight: 800;line-height: normal; margin-bottom: 10px} .three-detail .content-area .join-box p{color: #FFF;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 400;line-height: 27px; margin: 0} /* Companies */ .companies-area {padding: 34px 0 0 0} .companies-area h2{color: #000;font-family:'Cabinet Grotesk';font-size: 35px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; margin-bottom: 40px} .companies-area ul.find-companies {margin: 0; padding: 0 0 20px 0 ; list-style: none; display: flex; justify-content: space-between; flex-wrap:wrap; } .companies-area ul.find-companies li {color: #000;font-family: 'Cabinet Grotesk';font-size: 20px;width: 35px; height:35px; font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.5s; cursor: pointer;} .companies-area ul.find-companies li.active {color: #8A153B; background-color: #FFD7E4; } .companies-area ul.find-companies li:hover{color: #8A153B; background-color: #FFD7E4; } .companies-area ul.find-companies li:first-child:hover{color: inherit; background-color: inherit;} .result-section .result-area .result-tab{display: flex; border-top: 1px solid #DEDEDE; padding-top: 57px} .result-section .result-area .result-tab .leftside{width: 10%; position: relative;} .result-section .result-area .result-tab .leftside .letter{color: #000;font-family: 'Cabinet Grotesk';font-size: 60px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; position: relative; z-index: 1} .result-section .result-area .result-tab .leftside .letter-big{color: #F4F4F4;font-family: 'Cabinet Grotesk';font-size: 200px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; position:absolute; left: 0; top:-40px} .result-section .result-area .result-tab .rightside{width: 90%; padding-bottom: 47px} .result-section .result-area .result-tab .rightside ul.name-list {display: flex; gap:17px;flex-wrap: wrap; list-style: none; margin: 0 0 36px 0; padding:0; height: 137px; overflow: hidden;align-content: flex-start;} .result-section .result-area .result-tab .rightside ul.name-list li a{padding: 18px; border-radius: 10px; border: 1px solid #000; color: #000;font-family: 'Cabinet Grotesk';font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize;} .result-section .result-area .result-tab .rightside .show-more {color: #8A153B;font-family: 'Cabinet Grotesk';font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize; position: relative; display: inline-block; cursor: pointer; } .result-section .result-area .result-tab .rightside .show-more::after{content: ''; background: url(../images/more-arrow.svg)center center no-repeat; position: absolute; background-size: 100%; width: 12px;height: 7px; top: 7px; right: -15px; transition: ease .5s} .result-section .result-area .result-tab .rightside .show-more.active::after{transform: rotate(-180deg);} .result-section .result-area .result-tab .rightside .no-result{color: #DFDFDF;font-family: 'Cabinet Grotesk';font-size: 30px;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize; min-height: 160px;display: flex;align-items: center;} /* faq */ .faq-banner-area{margin: 26px 0 0 0} .faq-banner-area .inner-area{border-radius: 30px; overflow: hidden; position: relative; width: 100%; min-height: 377px; padding: 160px 0 86px 0} .faq-banner-area .inner-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .faq-banner-area .inner-area::after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%); height:142px; position: absolute; top: 0px; left: 0px; width: 100%;} .faq-banner-area .inner-area::before{border-radius: 30px; background: rgba(0, 0, 0, 0.40); position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; content: ''; z-index: 1} .faq-banner-area .inner-area .content-area{position: relative; z-index: 1; text-align: center; width: 56%; margin: 0 auto;} .faq-banner-area .inner-area .content-area h1{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 35px; font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0 0 6px 0} .faq-banner-area .inner-area .content-area p{font-family:'Cabinet Grotesk'; margin: 0px; color: #FFF; font-size: 16px; font-weight: 400; line-height: 27px} .faq-page{margin-top: 52px} /* contact-us */ .support-main {padding: 35px 0} .support-main .support-flex {display: grid; gap:33px; grid-template-columns: repeat(auto-fit, minmax(calc(25% - 30px), 1fr));} .support-main .support-flex .support-box {border-radius: 10px;background: #F0F0F0; padding: 50px; transition: ease 0.5s; position: relative; overflow: hidden; z-index: 1} .support-main .support-flex .support-box::after {content: '';transition: ease 0.5s; position: absolute; background: #FFD7E4; width: 0px; height: 0px; border-radius: 50%;top: 50%; left: 50%; z-index: -1} .support-main .support-flex .support-box:hover::after {position: absolute;transition: ease 0.5s; background: #FFD7E4; width: 100%; height: 100%; border-radius: 0%;top: 0%; left: 0%} .support-main .support-flex .support-box h3 {color: #000;font-family: 'Cabinet Grotesk';font-size: 30px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; margin: 0 0 6px 0} .support-main .support-flex .support-box p {color: #000;font-family: 'Cabinet Grotesk';font-size: 18px;font-style: normal;font-weight: 500;line-height: 29px; margin: 0} .contact-form .form-area{margin-bottom: 30px} .contact-form .form-area h2 {color: #000;font-family: 'Cabinet Grotesk';font-size: 35px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; text-align: center; margin-bottom: 15px;} .contact-form .form-area .fields{display: flex; column-gap: 66px;flex-wrap: wrap;} .contact-form .form-area .fields .form-group{position: relative; width: 47.6%;; margin-bottom: 30px} .contact-form .form-area .fields .form-group.full{width: 100%} .contact-form .form-area .fields .form-group label{color: #949494;font-family: 'Montserrat';font-size: 12px;font-style: normal;font-weight: 400;line-height:19px;letter-spacing: 0.18px; position: absolute; top: -15px; left: 0} .contact-form .form-area .fields .form-group label.error{bottom: -20px;right: 0;top: auto;left: auto;} .contact-form .form-area .fields .form-group .form-control{border: none;resize: none; border-bottom: 1px solid #000; color: #000;font-family: 'Cabinet Grotesk';font-size: 18px;font-style: normal;font-weight: 500;line-height:29.462px;letter-spacing: 0.27px; border-radius: 0; padding: 5px 0 14px 0} .contact-form .form-area .fields .form-group .form-control::-moz-placeholder {color: #000 !important; opacity: 1;} .contact-form .form-area .fields .form-group .form-control:-ms-input-placeholder {color: #000 !important;} .contact-form .form-area .fields .form-group .form-control::-webkit-input-placeholder {color: #000 !important;} .contact-form .form-area .fields .form-group .form-control:focus{box-shadow: none} .contact-form .form-area .fields .form-group .btn-submit{border-radius: 10px;background: #000;color: #FFF;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;padding: 10px 40px;display: inline-block; } .contact-form .form-area .submit-message{color: #00AF13;font-family: 'Cabinet Grotesk';font-size: 18px;font-style: normal;font-weight: 500;line-height: 29px; letter-spacing: 0.27px; text-align: center;} /* profile */ .profile-banner-area{margin: 26px 0 0 0} .profile-banner-area .inner-area{border-radius: 30px; overflow: hidden; position: relative; width: 100%; min-height: 256px; } .profile-banner-area .inner-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .profile-banner-area .inner-area::after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%); height:142px; position: absolute; top: 0px; left: 0px; width: 100%;} .profile-banner-area .inner-area::before{border-radius: 30px; background: rgba(0, 0, 0, 0.40); position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; content: ''; z-index: 1} .inner-main{position: relative; z-index: 1; margin: 30px 0 43px 0 ; padding-left: 435px;} .inner-main .sidebar{ border-radius: 30px;padding: 35px 23px; border: 1px solid #E9E9E9; width: 405px; position: absolute; left: 0px; top: 0px; background-color: #fff;} .inner-main .sidebar .user-profile{display: flex; align-items: center; gap:30px} .inner-main .sidebar .user-profile .side-menu{display: none;} .inner-main .sidebar .user-profile .user-img{min-width: 86px;min-height: 86px; border-radius: 50%; position: relative; overflow: hidden;} .inner-main .sidebar .user-profile .user-img img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; right:0; bottom: 0} .inner-main .sidebar .user-profile .detail .name{color: #000;font-family: 'Cabinet Grotesk';font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize;} .inner-main .sidebar .user-profile .detail .email{color: #B7B7B7;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;} .inner-main .sidebar ul.after-menu{margin: 0px; padding: 10px 0px 0px 0px; list-style: none; } .inner-main .sidebar ul.after-menu li{display: block; border-bottom: 0.5px solid #E9E9E9} .inner-main .sidebar ul.after-menu li:last-child{border-bottom: none } .inner-main .sidebar ul.after-menu li a{color: #000;font-family: 'Cabinet Grotesk';font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize; padding: 20px 0; transition: 0.5s ease} .inner-main .sidebar ul.after-menu li a.active{color: #8A153B;font-weight: 800; transition: 0.5s ease} .inner-main .content-main-wapper{ background-color: #fff; border-radius: 20px; min-height: 570px; padding: 0px;} .inner-main .content-main-wapper h1{color: #000;font-family: 'Cabinet Grotesk';font-size: 35px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; margin-bottom: 20px} .inner-main .content-main-wapper .form-block{border-radius: 15px;background: #F9F9F9; padding: 25px} .inner-main .content-main-wapper .form-group{margin-bottom: 20px; position: relative;} .inner-main .content-main-wapper .form-group .edit{top: 30px; position: absolute; right: 0} .inner-main .content-main-wapper .form-group:last-child{margin: 0} .inner-main .content-main-wapper .form-group label{color: #000;font-family: 'Cabinet Grotesk';font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;} .inner-main .content-main-wapper .form-group .form-control{color: #000;font-family: 'Cabinet Grotesk';font-size: 16px;font-style: normal;font-weight: 400;line-height: normal; background: transparent; border: none; border-bottom: 0.5px solid #CBCBCB; border-radius: 0; padding: 6px 0 12px 0 } .inner-main .content-main-wapper .form-group .form-control:focus{ box-shadow: none} .inner-main .content-main-wapper .btn{border-radius: 10px; background: #8a153b; color: #fff; font-size: 16px; font-weight: 500; line-height: 10px; text-transform: capitalize; padding: 15px 30px;border:none} .inner-main .content-main-wapper .btn:hover{background-color:#000;} /* blog-detail */ .detail-banner-area{margin: 26px 0 0 0} .detail-banner-area .inner-area{border-radius: 30px; overflow: hidden; position: relative; width: 100%; min-height: 656px;} .detail-banner-area .inner-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .detail-banner-area .inner-area::after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%); height:142px; position: absolute; top: 0px; left: 0px; width: 100%;} .detail-banner-area .inner-area::before{border-radius: 30px; background: rgba(0, 0, 0, 0.40); position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; content: ''; z-index: 1} .detail-banner-area .inner-area .content-area{position: absolute;; z-index: 2; left: 40px; bottom: 30px} .detail-banner-area .inner-area .content-area a.back {color: #FFF;font-family: 'Cabinet Grotesk';font-size: 23px;font-style: normal;font-weight: 700;line-height:32px; display: flex;align-items: center;gap: 10px;} .blog-detail-section {padding: 40px 0} .blog-detail-section .content-area h2{color: #000;font-family: 'Cabinet Grotesk';font-size: 30px;font-style: normal;font-weight: 700;line-height:42px; margin-bottom: 25px} .blog-detail-section .content-area p{color: #000;font-famisly: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px; margin: 0} .blog-detail-section .btn-area{display: flex; justify-content: space-between; margin-top: 30px} .blog-detail-section .btn-area a.link{color: #000;font-family: 'Cabinet Grotesk';font-size: 23px;font-style: normal;font-weight: 700;line-height:32px} .enquire-div .enquire-form .error{color:red !important; font-size:15px !important} /* Specific Car Selection */ .specifing-yacht-banner-area {margin: 26px 0 0 0} .specifing-yacht-banner-area .inner-area{border-radius: 30px; overflow: hidden; position: relative; width: 100%; height: 290px;} .specifing-yacht-banner-area .inner-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .specifing-yacht-banner-area .inner-area::after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%); height:142px; position: absolute; top: 0px; left: 0px; width: 100%;} .specifing-yacht-banner-area .inner-area::before{border-radius: 30px; background: rgba(0, 0, 0, 0.47); position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; content: ''; z-index: 1} .specifing-yacht-banner-area .inner-area .content-area{position: relative; z-index: 1; text-align: center;} .specifing-yacht-banner-area .inner-area .content-area h1{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 35px; font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0 0 6px 0} .specifing-yacht-banner-area .inner-area .content-area p{font-family:'Cabinet Grotesk'; margin: 0px; color: #FFF; font-size: 18px; font-weight: 400; line-height: 20px} .specifing-detail.yart-area .side-cart-area .address-area .retal-car-trifty{ margin-top: 0px; } .specifing-detail.yart-area .left-detail-area .detail-car .pricing-contain.yart-area table{ width: 66.66%;} .specifing-detail.yart-area .left-detail-area .detail-car p{ margin-top: 20px; } .specifing-detail.yart-area .left-detail-area .car-disciption{ margin-bottom: 0px !important; } .specifing-detail.yart-area .left-detail-area .spec-featurearea .conant-main{ width: 100%; } .specifing-detail.yart-area .left-detail-area .spec-featurearea .conant-main .contain-area li{ width: 56%; } .specifing-detail.yart-area .left-detail-area .spec-featurearea.yart-specs-feature{ padding-bottom: 0px; } .specifing-detail.yart-area .left-detail-area .spec-featurearea.yart-specs-feature .conant-main .contain-area li{ width: 50%; } .specifing-detail.yart-area .left-detail-area .spec-featurearea.yart-specs-feature .conant-main .contain-area li .cart-spect-1 { display: flex; } .specifing-detail.yart-area .left-detail-area .spec-featurearea.yart-specs-feature .conant-main .contain-area li .cart-spect-1 p{ width: 50%; margin: 0px; } .specifing-detail.yart-area .left-detail-area .car-disciption .contain-area{ width: 100%; } .specifing-detail.yart-area .left-detail-area .car-disciption .contain-area p{ width: 100%; } .specifing-detail.yart-area .left-detail-area .car-disciption .contain-area .rental{ justify-content: flex-start; } .specifing-detail.yart-area .left-detail-area .car-disciption .contain-area .rental:last-child{ margin-bottom: 0px !important; } .specifing-detail.yart-area .left-detail-area .car-disciption .contain-area .rental p:nth-child(1){ width: 50%; } .specifing-detail.yart-area .left-detail-area .car-disciption .contain-area .rental ul { width: 100%; padding: 0; margin: 0; } .specifing-detail.yart-area .left-detail-area .car-disciption .contain-area .rental ul li{ padding-bottom: 17px; width: 100%; color: #000; font-family: 'Cabinet Grotesk'; font-size: 16px; font-weight: 500; line-height: 115%; text-transform: capitalize; } .specifing-detail.yart-area .left-detail-area .car-disciption .contain-area .rental ul li::marker { font-size: 30px; color: #8A153B; } .specifing-detail.yart-area .left-detail-area .car-disciption .contain-area .cart-right { width: 100%; } .specifing-detail.yart-area .left-detail-area .car-disciption .contain-area .cart-right a { color: #8A153B; text-align: right; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 500; line-height: 115%; text-decoration-line: underline; text-transform: capitalize; margin-top: 12px; } /* 404 Error */ .error-area {margin: 26px 0 31px 0} .error-area .inner-area{border-radius: 30px; overflow: hidden; position: relative; width: 100%; height: 886px;} .error-area .inner-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .error-area .inner-area .content-area{position: absolute; z-index: 1; text-align: left; bottom: 45px; left: 71px;} .error-area .inner-area .content-area h1{ margin: 0px; font-family:'Cabinet Grotesk'; color: #FFF; font-size: 60px; font-style: normal; font-weight: 700; line-height: 143%; text-transform: uppercase; } .error-area .inner-area .content-area p{ margin: 0px; width: 524px; font-family:'Cabinet Grotesk'; color: #FFF; font-size: 16px; font-weight: 400; line-height: 167.5%;} .error-area .inner-area .content-area p span{ font-weight: 700; } .error-area .inner-area .content-area a{ color: #FFF; font-size: 16px; } /*blog-list*/ .blog-list-banner-area{margin: 26px 0 0 0} .blog-list-banner-area .inner-area{ border-radius: 30px; overflow: hidden; position: relative; width: 100%; height: 377px; padding: 179px 0 126px 0; } .blog-list-banner-area .inner-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .blog-list-banner-area .inner-area::after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%); height:142px; position: absolute; top: 0px; left: 0px; width: 100%;} .blog-list-banner-area .inner-area::before{border-radius: 30px; background: rgba(0, 0, 0, 0.47); position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; content: ''; z-index: 1} .blog-list-banner-area .inner-area .content-area{position: relative; z-index: 1; text-align: center;} .blog-list-banner-area .inner-area .content-area h1{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 35px; font-weight: 700; line-height: 42px; text-transform: capitalize; margin: 0 0 6px 0} .blog-list-banner-area .inner-area .content-area p{font-family:'Cabinet Grotesk'; margin: 0px; color: #FFF; font-size: 18px; font-weight: 400; line-height: 20px} .blog-list-area { margin-top: 30px; display: grid; flex-wrap: wrap; gap: 34px; grid-template-columns: repeat(auto-fit, minmax(calc(25% - 30px), 1fr)); } .blog-list-area .blog-list-cart{ overflow: hidden; border-radius: 30px; background: #F2F2F2; } .blog-list-area .blog-list-cart .image-area{ width: 100%; height: 250px; overflow: hidden; position: relative;} .blog-list-area .blog-list-cart .image-area img{ width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover;} .blog-list-area .blog-list-cart h4 { padding: 30px 22px 0px 22px; color: #000; font-family: 'Cabinet Grotesk'; font-size: 23px; font-style: normal; font-weight: 700; line-height: 143%; margin-bottom: 9px; } .blog-list-area .blog-list-cart p{ padding: 0px 22px 0px 22px; color: #000; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 188%; } .blog-list-area .blog-list-cart a.readmore-btn-area { padding: 0px 22px 24px 22px; display: flex; justify-content: space-between; align-items: center; } .blog-list-area .blog-list-cart a.readmore-btn-area { color: #000; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 188%; } /* Popup */ #before-login .modal-content{ border-radius: 30px; background: #FFF; overflow: hidden; border: none;} #before-login .modal-content .login-popup { display: flex; align-items: center; border-radius: 30px;overflow: hidden; } #before-login .modal-content .login-popup .left-area{position: relative; min-width: 245px; height: 325px;} #before-login .modal-content .login-popup .left-area img{position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; bottom: 0; right: 0; left: 0;} #before-login .modal-content .login-popup .right-area{position: relative;padding:0px 25px 0px 31px;} #before-login .modal-content .login-popup .right-area p { margin: 15px 0px; color: #000; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150.5%; } #before-login .modal-content .login-popup .right-area p a{ width: auto; display: contents; color: #8A153B; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 700; line-height: 150.5%; padding: 0px; } #before-login .modal-content .login-popup .btn-close-popup{ position: absolute; right: 3px; top: 0px; background-color: transparent; border: none; } #before-login .modal-dialog{min-width: 612px; height: 325px; } #after-login .modal-content .login-popup .right-area{width: 100%; padding: 0px 25px 0px 0px;} #after-login .modal-content .login-popup .right-area h2 {color: #000;font-family: 'Cabinet Grotesk';font-size: 35px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize; text-align: center; margin-bottom: 15px;} #after-login .modal-content .login-popup .right-area .fields{display: flex; column-gap: 66px;flex-wrap: wrap;} #after-login .modal-content .login-popup .right-area .fields .form-group{position: relative; width: 100%; margin-bottom: 10px; margin-top: 10px;} #after-login .modal-content .login-popup .right-area .fields .form-group.full{width: 100%} /* #after-login .modal-content .login-popup .right-area .fields .form-group label{color: #949494;font-family: 'Montserrat';font-size: 12px;font-style: normal;font-weight: 400;line-height:19px;letter-spacing: 0.18px; position: absolute; top: -15px; left: 0} */ #after-login .modal-content .login-popup .right-area .fields .form-group label.error{color: #949494;font-family: 'Montserrat';font-size: 12px;font-style: normal;font-weight: 400;line-height:19px;letter-spacing: 0.18px; position: relative; top: auto; left: 0} #after-login .modal-content .login-popup .right-area .fields .form-group .form-control{border: none;resize: none; border-bottom: 1px solid #000; color: #000;font-family: 'Cabinet Grotesk';font-size: 18px;font-style: normal;font-weight: 500;line-height:29.462px;letter-spacing: 0.27px; border-radius: 0; padding: 5px 0 14px 0} #after-login .modal-content .login-popup .right-area .fields .form-group .form-control::-moz-placeholder {color: #000 !important; opacity: 1;} #after-login .modal-content .login-popup .right-area .fields .form-group .form-control:-ms-input-placeholder {color: #000 !important;} #after-login .modal-content .login-popup .right-area .fields .form-group .form-control::-webkit-input-placeholder {color: #000 !important;} #after-login .modal-content .login-popup .right-area .fields .form-group .form-control:focus{box-shadow: none} #after-login .modal-content .login-popup .right-area .fields .form-group .btn-submit{border-radius: 10px;background: #000;color: #FFF;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;padding: 10px 40px;display: inline-block; width: auto; } #after-login .modal-content{ border-radius: 30px; background: #FFF; overflow: hidden; border: none;} #after-login .modal-dialog{min-width: 612px; height: 325px; } #after-login .modal-content .login-popup { display: flex; align-items: center; position: relative; } #after-login .modal-content .login-popup .btn-close-popup{ position: absolute; right: 3px; top: 0px; background-color: transparent; border: none; } #after-login .modal-content .login-popup .left-area{padding: 25px;} #after-login .modal-content .login-popup .left-area .img-area { width: 215px;height: 145px;overflow: hidden;position: relative; } #after-login .modal-content .login-popup .left-area img { height: 100%; width: 100%; overflow: hidden; position: relative; } #after-login .modal-content .login-popup .left-area h4 { margin-bottom: 0px; color: #000; font-family: 'Cabinet Grotesk'; font-size: 22px; font-style: normal; font-weight: 700; line-height: 115%; text-transform: capitalize; } #after-login .modal-content .login-popup .left-area p { color: #000; font-family: 'Cabinet Grotesk'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 145.5%; margin: 0px; } #after-login .modal-content .login-popup .left-area .car-cart-popup { border: 1px solid #cacacaca; border-radius: 20px; overflow: hidden; padding: 13px; margin-top: 20px; } #after-login .modal-content .login-popup .left-area .car-cart-popup h3 { margin: 10px 0; color: #000; font-family: 'Cabinet Grotesk'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 115%; text-transform: capitalize; } #after-login .modal-content .login-popup .left-area .car-cart-popup p { margin-top: 5px; color: #000; font-family: 'Cabinet Grotesk'; font-size: 13px; font-style: normal; font-weight: 400; line-height: 145.5%; margin: 0px; } .quick-search {position: fixed; z-index:5; top: 200px; right: -683px; transition: all 0.5s; } .quick-search .icon-area{background: url(../images/quick.svg)right center no-repeat; width: 75px; height: 140px; display: flex;align-items: center; position: absolute; cursor: pointer; transform: translateY(-50%);top: 50%;left: -75px; transition: all 0.5s;} .quick-search .icon-area.hide-quick-search{background: url(../images/quick.svg)right center no-repeat; width: 75px; height: 140px; display: flex;align-items: center; position: absolute; cursor: pointer; transform: translateY(-50%);top: 50%;left: -75px; transition: all 0.5s;visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s ease;} .quick-search .icon-area h4{color: #FFF;font-family: 'Cabinet Grotesk';font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;position: absolute;right: -25px;transform: rotate(-90deg);margin: 0;} .quick-search .icon-area .icon{position: absolute;right: 30px;} .quick-search.active{right: 0 ; z-index: 5;} .quick-search.active .icon-area {background: url(../images/quick-close.svg)right center no-repeat; transform: translateY(-50%);top: 50%;left: -75px;width: 75px; height: 140px; display: flex;align-items: center; position: absolute;;} .quick-search.active .icon-area h4, .quick-search.active .icon-area .icon{display: none;} .quick-search.active .search-block{opacity: 1; visibility: visible;} .quick-search .search-block{width: 683px; opacity: 0; visibility: hidden;; border-radius: 30px 0 0 30px;border: 1px solid #F1F1F1; background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(2px); padding: 70px 65px; transition: ease 0.5s } .quick-search .search-block .mb-2{margin-bottom: 40px !important} .quick-search .search-block .mb-2 label{font-family:'Cabinet Grotesk Extrabold'; color: #000; font-size: 20px; font-weight: 800; line-height: 25px; margin: 0 0 12px 0} .quick-search .search-block .form-control{border-radius: 10px; border: 1px solid #000; background:transparent; color: #000; font-family:'Cabinet Grotesk Medium'; font-weight: 500; font-size: 16px; padding: 22px 40px;} .quick-search .search-block .form-control option{background: #fff; color: #000; font-family: arial} .quick-search .search-block .form-control:focus{box-shadow: none} .quick-search .search-block .d-flex{align-items: center;justify-content: space-between;} .quick-search .search-block .custom-select{position: relative;} .quick-search .search-block .custom-select select{width: 100%; color: #000; font-family:'Cabinet Grotesk Extrabold'; font-size: 20px; font-weight: 800; line-height: 26px; background: transparent; border: none; padding: 0px;} .quick-search .search-block .custom-select label{font-family:'Cabinet Grotesk Medium'; color: #000; font-size: 16px; font-weight: 500; line-height: 26px;} .quick-search .search-block .custom-select select option { color: black; background: #fff; font-size: 15px; font-weight: 400; font-family: arial} .quick-search .search-block .custom-select.age-select{ width: 108px; padding-left: 32px;} .quick-search .search-block .custom-select.age-select label{position: absolute; top: 0px; left: 0px; } .quick-search .search-block .custom-select.type-select{ width: 177px; padding-left: 70px;} .quick-search .search-block .custom-select.type-select label{position: absolute; top: 0px; left: 0px; } .quick-search .search-block .custom-select.brand-select{ width: 184px; padding-left: 78px;} .quick-search .search-block .custom-select.brand-select label{position: absolute; top: 0px; left: 0px; } .quick-search .search-block .btn-search{ min-width: 210px; background: #000; border:none; font-family:'Cabinet Grotesk Medium'; border-radius: 10px; color: #FFF; font-size: 16px; font-weight: 500; padding: 15px 0; } .quick-search .search-block .btn-search img{margin-left: 10px} .quick-search .search-block .price-range{width: 297px;} .quick-search .search-block .price-range label{font-family:'Cabinet Grotesk Medium'; color: #000; font-size: 16px; font-weight: 500; line-height: 20px; margin: 0 0 8px 0} .quick-search .search-block .price-range .irs--round {height: 25px;} .quick-search .search-block .price-range .irs-min, .quick-search .search-block .price-range .irs-max{display: none} .quick-search .search-block .price-range .irs--round .irs-line{top: 1px; height: 1px; background-color: #000;} .quick-search .search-block .price-range .irs--round .irs-bar{top: 0px; height: 3px; background-color: #000;} .quick-search .search-block .price-range .irs--round .irs-handle{width: 7px; height: 7px; border: none; top: -2px; background-color: #000} .quick-search .search-block .price-range .irs-from, .quick-search .search-block .price-range .irs-to, .quick-search .search-block .price-range .irs-single{top: 10px; color: #000; background: transparent; padding: 0px;} .quick-search .search-block .price-range .irs-from::before, .quick-search .search-block .price-range .irs-to::before, .quick-search .search-block .price-range .irs-single::before{content: none} .support-main .support-flex .support-box.active::after { position: absolute; transition: ease 0.5s; background: #FFD7E4; width: 100%; height: 100%; border-radius: 0%; top: 0%; left: 0%; } .empty-wishlist {position: relative;width: 100%;border-radius: 30px;height: 475px;overflow: hidden;display: flex;align-items: center;justify-content: center;} .empty-wishlist::before{background: rgba(0, 0, 0, 0.50);position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;width: 100%;height: 100%;content: '';z-index: 1;} .empty-wishlist .empty-wishlist-contain h5 {color: #EFF0F4;font-size: 44px;font-weight: 600;text-transform: capitalize; margin-bottom: 15px} .empty-wishlist .btn-wish {transition: 0.5s all;border: none;color: #000;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;padding: 10px 40px;border-radius: 5px;background: #fff;} .empty-wishlist .btn-wish:hover {color: #fff ; background: #8a153b} .empty-wishlist .empty-wishlist-contain {z-index: 1;display: flex;flex-direction: column;align-items: center;} .empty-wishlist img {position: absolute;top: 0;bottom: 0;right: 0;left: 0;height: 100%;width: 100%; object-fit: cover;} span.remove-filter {cursor: pointer;} span.filter-reset:hover {color: #8A153B; cursor: pointer;} .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; pointer-events: none; /* Allow click events to pass through */ } .disabledfield { color: #5c5959; } .left-arrow {transform: rotate(-90deg); width: 45px; height: 45px; transition: all 0.3s;} .left-arrow svg{width: 100%; height: 100%;} .left-arrow:hover{transform: rotate(-135deg); transition: all 0.3s;} .right-arrow {margin-left:10px; width: 45px; height: 45px; transition: all 0.3s;} .right-arrow svg{width: 100%; height: 100%;} .right-arrow:hover{transform: rotate(45deg);transition: all 0.3s;} .left-arrow:hover svg circle, .right-arrow:hover svg circle{fill: #000;transition: all 0.3s;} .collection-area .container{position: relative;} .collection-area .arrow-area{position: absolute; top: 0px; right: 15px; display: flex;} .yacht-info-block{background: #F2F2F2; border-radius: 30px; overflow: hidden;} .yacht-info-block .yacht-photo-area{width: 100%; height: 312px; overflow: hidden; position: relative;} .yacht-info-block .yacht-photo-area .carphotoslider{width: 100%; height: 100%} .yacht-info-block .yacht-photo-area .swiper-slide{width: 100%; height: 100%; position: relative;} .yacht-info-block .yacht-photo-area .swiper-slide::before{background: linear-gradient(1deg, #000 1.4%, rgba(0, 0, 0, 0.00) 99.26%); content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 176px; z-index: 2} .yacht-info-block .yacht-photo-area .swiper-slide img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;} .yacht-info-block .yacht-photo-area .bottombar{position: absolute; bottom: 0px; left: 0px; z-index: 3; width: 84%; padding: 16px 20px} .yacht-info-block .yacht-photo-area .bottombar .name{font-family:'Cabinet Grotesk'; color: #FFF; font-size: 23px; font-weight: 700; line-height: 115%; text-transform: capitalize; margin: 0 0 12px 0} .yacht-info-block .yacht-photo-area .bottombar ul.car-info{margin: 0px; padding: 0px; list-style: none; display: flex;} .yacht-info-block .yacht-photo-area .bottombar ul.car-info li{font-family:'Cabinet Grotesk Medium'; background: #000; border-radius: 10px; padding: 8px 14px; color: #fff; font-size: 12px; font-weight: 500; line-height: 20px; margin-right: 10px; width: auto; margin-bottom: 0px} .yacht-info-block .yacht-photo-area .bottombar ul.car-info li svg{margin-right: 4px;} .yacht-info-block .yacht-photo-area .btn-verified{position: absolute; top: 20px; left: 20px; z-index: 3; border-radius: 8px; font-family:'Cabinet Grotesk Medium'; padding: 5px 8px 5px 5px; background: #8A153B; display: flex; align-items: center; color: #FFF; font-size: 12px; font-weight: 500; line-height: 16px; text-transform: capitalize;} .yacht-info-block .yacht-photo-area .btn-verified img{margin-right: 4px} .yacht-info-block .yacht-photo-area .btn-wishlist{position: absolute; top: 25px; right: 20px; background: rgba(255, 255, 255, 0.37); border: #fff 1px solid; border-radius: 50%; padding: 6px; width: 30px; height: 30px; z-index: 3} .yacht-info-block .yacht-photo-area .btn-wishlist svg{width: 100%; height: 100%; vertical-align: top;} .yacht-info-block .yacht-photo-area .btn-wishlist.selected{background: #fff;} .yacht-info-block .yacht-photo-area .btn-wishlist:hover{background: #fff;} .yacht-info-block .yacht-detail-block{padding: 20px} .yacht-info-block .yacht-detail-block .price-block{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px} .yacht-info-block .yacht-detail-block .price-block .price{font-family:'Cabinet Grotesk Extrabold'; color: #8A153B; font-size: 20px; font-weight: 800; line-height: 20px; text-transform: capitalize; width: 50%} .yacht-info-block .yacht-detail-block .price-block .price span{font-family:'Cabinet Grotesk Medium'; color: #8A153B; font-size: 12px; font-weight: 500; text-transform: capitalize;} .yacht-info-block .yacht-detail-block .d-flex{display: flex; justify-content:space-between;} .yacht-info-block .yacht-detail-block .complogo{width: 125px; height: 62px; position: relative; overflow: hidden;} .yacht-info-block .yacht-detail-block .complogo img{max-width: 100%; max-height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; object-fit: contain;} .yacht-info-block .yacht-detail-block .rightside{text-align: right; } .yacht-info-block .yacht-detail-block .leftside{width: 50%;} .yacht-info-block .yacht-detail-block .leftside ul{margin: 0px; padding: 0px; list-style: none; position: relative;} .yacht-info-block .yacht-detail-block .leftside ul li{font-family:'Cabinet Grotesk';color: #000; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: capitalize; margin: 5px 0; padding-left: 18px; position: relative; width: 100%; padding-right: 0px} .yacht-info-block .yacht-detail-block .leftside ul li::before{content: ''; position: absolute; top:3px; left: 0px; width: 12px; height: 12px; background: url(../images/arrow.png) center center no-repeat; background-size: cover;} .yacht-info-block .yacht-detail-block .location{font-family:'Cabinet Grotesk'; color: #000; text-align: right; font-size: 14px; font-weight: 400; line-height: 149%; text-transform: capitalize; display: flex; align-items: center; justify-content: flex-end; margin-top: 8px} .yacht-info-block .yacht-detail-block .location img{margin-left: 5px} .yacht-info-block .yacht-detail-block .btn-area{display: flex; gap:9px; margin-top: 15px} .yacht-info-block .yacht-detail-block .btn-area a{width: 33.33%; align-items: center; justify-content: center; display: flex; font-family:'Cabinet Grotesk Medium'; font-size: 14px; font-weight: 500; line-height: 18px; text-transform: capitalize; padding: 12px; border-radius: 10px} .yacht-info-block .yacht-detail-block .btn-area a img{width: 18px; margin-right: 5px} .yacht-info-block .yacht-detail-block .btn-area a.btn-call{background: #435A64; color: #fff} .yacht-info-block .yacht-detail-block .btn-area a.btn-whatsapp{background: #4FCE5D; color: #000} .yacht-info-block .yacht-detail-block .btn-area a.btn-enquire{background: #fff; color: #8A153B} .car-list-section .yacht-info-block { margin-bottom: 40px; } .carphotoslider .swiper-button-prev { position: absolute !important; bottom: 20px !important; right: 46px !important; left: auto !important; top: auto !important; } .carphotoslider .swiper-button-next { position: absolute !important; bottom: 20px !important; right: 16px !important; top: auto !important; } .carphotoslider .swiper-button-prev::after, .carphotoslider .swiper-button-next::after { content: none; }