@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

:root {
    --font-secondary: "Montserrat", serif;
    --font-primary: "Oswald", serif;
    --black: #000;
    --secondary-black: #111;
    --white: #fff;
    --text: #666;
    --primary-color: #5BC0DE;
    --secondary-color: #2DA5F3;
    ---yellow: #FFCE31;
    --black-secondary: #141414;
}

.container-fluid {
    padding-right: 12px;
    padding-left: 12px;
}

.container {
    width: 100%;
    max-width: 1326;
    padding: 0 15px;
}

* {
    box-sizing: border-box;
}

*:focus-visible,
*:focus {
    outline: none !important;
}

html {
    font-size: 62.5%;
}

.row {
    --bs-gutter-x: 2.4rem !important;
}

.row.g-0 {
    --bs-gutter-x: 0 !important;
}

body {
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
}


a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
    outline-color: none !important;
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    line-height: 1.22;
    font-family: "Oswald", serif !important;
}

p {
    margin: 0;
    font-family: var(--font-secondary);
    font-size: 1.6rem;
    line-height: 2.4rem;
}

ul,
ol,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}


ul {
    margin-left: 0 !important;
}

a {
    text-decoration: none !important;
    transition: all 0.4s ease-in-out;
}

.btn:focus {
    box-shadow: none !important;
}

a:hover {
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}



.mt-1 {
    margin-top: 1rem !important;
}

.mt-2 {
    margin-top: 2rem !important;
}

.mt-3 {
    margin-top: 3rem !important;
}

.mt-4 {
    margin-top: 4rem !important;
}

.mt-5 {
    margin-top: 5rem !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.mb-3 {
    margin-bottom: 3rem !important;
}

.mb-4 {
    margin-bottom: 4rem !important;
}

.mb-5 {
    margin-bottom: 5rem !important;
}

.pt-1 {
    padding-top: 1rem !important;
}

.pt-2 {
    padding-top: 2rem !important;
}

.pt-3 {
    padding-top: 3rem !important;
}

.pt-4 {
    padding-top: 4rem !important;
}

.pt-5 {
    padding-top: 5rem !important;
}

.pb-1 {
    padding-bottom: 1rem !important;
}

.pb-2 {
    padding-bottom: 2rem !important;
}

.pb-3 {
    padding-bottom: 3rem !important;
}

.pb-4 {
    padding-bottom: 4rem !important;
}

.pb-5 {
    padding-bottom: 5rem !important;
}

img {
    width: 100%;
}

.header .menu_navbar li a:focus {
    outline: 0;
}

a:focus {
    outline: 0;
}

.form-select:focus,
.form-control:focus {
    box-shadow: none !important;
    border-color: #CDCDCD !important;
}

.default_text {
    font-family: var(--font-secondary);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #666;
}

.primary-btn {
    background: var(--primary-color);
    color: var(--white);
    font-weight: 700;
    font-size: 1.6rem;
    padding: 1.3rem 3.7rem;
    border-radius: 0.4rem;
    text-decoration: none;
    border: 0.1rem solid var(--primary-color);
    text-transform: uppercase;
    font-family: var(--font-primary);
    display: inline-block;
    text-align: center;
    line-height: 1.4;
    font-weight: 400;
    white-space: nowrap;
}
.seconday-btn {
    background: transparent;
    color: var(--primary-color);
    font-weight: 700;
    font-size: 1.6rem;
    padding: 1.3rem 3.7rem;
    border-radius: 0.4rem;
    text-decoration: none;
    border: 0.1rem solid var(--primary-color);
    text-transform: uppercase;
    font-family: var(--font-primary);
    display: inline-block;
    text-align: center;
    line-height: 1.4;
    font-weight: 400;
    white-space: nowrap;
}

.primary-btn:hover {
    background: transparent;
    transition: 0.3s ease all;
    color: var(--primary-color);
    border: 0.1rem solid var(--primary-color);
}

.primary-outline-btn {
    text-align: center;
    background: transparent;
    color: var(--primary-color);
    font-weight: 400;
    font-size: 1.6rem;
    padding: 1.3rem 3.7rem;
    border-radius: 0.4rem;
    text-decoration: none;
    border: 0.1rem solid var(--primary-color);
    text-transform: uppercase;
    font-family: var(--font-primary);
    line-height: 1.4;
}

.primary-outline-btn:hover {
    background: var(--primary-color);
    color: #fff;
    text-decoration: none;
}

.secondary-btn {
    text-align: center;
    background: transparent;
    color: #111;
    font-weight: 400;
    font-size: 1.6rem;
    padding: 1.3rem 3.7rem;
    border-radius: 0.4rem;
    text-decoration: none;
    border: 0.1rem solid #111111;
    text-transform: uppercase;
    font-family: var(--font-primary);
    line-height: 1.4;
}

.secondary-btn:hover {
    background: var(--secondary-black);
    color: #fff;
    text-decoration: none;
}

.typography h1 {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 6.4rem;
    line-height: 1.468;
}

.typography h2 {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 5rem;
    line-height: 1.48;
}

.typography h3 {
    font-size: 4rem;
    font-weight: 200;
    line-height: 1.147;
    font-family: var(--font-primary);
    color: var(--black);
}

.typography h4 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.18;
    font-family: var(--font-primary);
    color: var(--black);
    text-transform: uppercase;
}

.typography h6 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.11;
    font-family: var(--font-primary);
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0 !important;
    box-shadow: none;
}

header {
    position: relative;
}

.p-20px {
    font-size: 2rem;
}

.p-18px {
    font-size: 1.8rem;
}

.typography p,
.typography li {
    font-family: var(--font-secondary);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8;
}

.typography .p-18 {
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.22;
}

.txt-600 {
    font-weight: 600;
}

.sec-120 {
    padding: 12rem 0;
}

.sec-100 {
    padding: 10rem 0;
}

header .top-header {
    background: var(--black);
    padding: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 0.5rem;
    height: 4.5rem;
}

header .top-header img {
    width: 4.8rem;
}

header .top-header p {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.7rem;
}

header .top-header .icon i {
    color: #F9AB06;
    font-size: 1.6rem;
    line-height: 0;
}

header .main-header nav {
    padding: 1.4rem 9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

header .main-header nav .navbar-brand img {
    width: 100%;
    max-width: 25.6rem;
}

header .main-header nav .navbar-brand {
    width: 23%;
    padding: 0;
}

header .main-header nav .menu {
    width: 50%;
    justify-content: center;
    align-items: center;
}

header .main-header nav .he-btn-gp {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3.8rem;
}

header .main-header nav .navbar-nav {
    gap: 3rem;
}

header .main-header nav .navbar-nav a {
    padding: 0 !important;
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 1.6rem;
    text-transform: uppercase;
    line-height: 2.371rem;
    color: var(--black) !important;
}

header .main-header nav .he-btn-gp .header-icon i {
    width: 2.4rem;
    height: 2.4rem;
}


/* ===============Home pAge================ */
.hero-slider .item {}

.hero-slider .inner-crousel-banner {
    padding: 9.6rem 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.hero-slider .item .cont-wrap {
    width: 100%;
    max-width: 54rem;
}

.hero-slider .item .cont-wrap h1 {
    text-transform: uppercase;
    color: var(--white);
}

.hero-slider .item .cont-wrap ul.hero-list li {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.hero-slider .item .cont-wrap ul.hero-list .icon {
    width: 2.6rem;
    height: 2.6rem;
    background: var(--primary-color);
    border-radius: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6rem;
}

.hero-slider .item .cont-wrap ul.hero-list .icon i {
    color: var(--white);
}

.hero-slider .item .cont-wrap ul.hero-list {
    margin-top: 2rem;
}

.hero-slider .item .cont-wrap ul.hero-list p {
    color: var(--white);
}

.hero-slider .item .cont-wrap ul.hero-list li .icon-inner i {
    color: var(---yellow);
}

.hero-slider .hero-btn {
    margin-top: 6.3rem;
}

.our-product h2 {
    text-align: center;
    color: var(--black);
    text-transform: uppercase;
    margin-bottom: 5rem;
}

.our-product .pro-div {
    display: flex;
    gap: 2.4rem;
    flex-wrap: wrap;
    row-gap: 3rem;
}

.our-product .pro-div .pro-item {
    width: calc(33% - 1.4rem);
    border-radius: 0.4rem;
    overflow: hidden;
}

.our-product .pro-div .pro-item .content {
    padding: 2.2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary-color);
}

.our-product .pro-item .content p {
    color: var(--white);
    text-transform: capitalize;
}

/* roof-rack -------------------------- */

.roof-rack {
    position: relative;
    padding: 19.6rem 0;
    background-image: url(../images/image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.roof-rack h2 {
    font-weight: 400;
    font-size: 5rem;
    line-height: 7.41rem;
    margin-bottom: 2.2rem;
    color: var(--white);
}

.roof-rack p {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.4rem;
    color: var(--white);
    margin-bottom: 3.2rem;
}

.main-text-roof-rack {
    max-width: 64.3rem;
}

/* our booking process ----------------- */

.our-booking-process {
    background-color: #5BC0DE;
    padding: 10rem 0;
}

.inner-booking-head h2 {
    font-weight: 400;
    font-size: 5rem;
    line-height: 7.41rem;
    text-align: center;
    color: #000000;
    margin-bottom: 5rem;
    text-transform: uppercase;
}

.first-process {
    background-color: white;
    width: 9.9rem;
    height: 9.9rem;
    border-radius: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.first-process img {
    width: 100%;
    max-width: 6.2rem;
}

.dots-process {
    width: fit-content;
    height: 100%;
    border-radius: 10rem;
    padding: 0.5rem;
    position: relative;
    border: 0.2rem dashed white;
}

.steps-process-book {
    margin-bottom: 2rem;
    padding-left: 8.3rem;
    padding-right: 8.3rem;
}

.first-card-quote {
    box-shadow: 0rem 0.2rem 2.4rem 0rem #0000000F;
    border: 0.1rem solid #F6F6F6;
    border-radius: 1rem;
    padding: 3rem 0.8rem;
    max-width: 24.8rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.first-card-quote h5 {
    font-weight: 600;
    font-family: var(--font-secondary) !important;
    font-size: 1.8rem;
    line-height: 2.194rem;
    text-align: center;
    margin-bottom: 2rem;
    color: #000000;
    text-transform: capitalize;
}

.first-card-quote p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 3rem;
    text-align: center;
    margin-bottom: 1rem;
    color: #000000;
    flex-grow: 1;
}

.first-card-quote a {
    color: #000000;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--font-secondary);
}

.upper-padd-all {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}

.dots-process:not(:last-child):before {
    content: "\f054";
    position: absolute;
    width: 11.3rem;
    max-width: 13.2rem !important;
    height: 0.1rem;
    border-top: 0.2rem dashed white;
    left: 114%;
    transform: translateY(-50%);
    top: 50%;
    font-family: "Font Awesome 6 free";
    font-weight: 900;
    color: #ffffff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.google-reviews {
    padding: 12rem 0;
}

.review-one {
    border: 0.1rem solid #E3E3E3;
    padding: 2rem;
    background-color: #FFFFFF;
    max-width: 41.6rem;
    border-radius: 0.3rem;
}

.name-date h6 {
    color: #000000;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.95rem;
    margin-bottom: 0.4rem;
}

.name-date p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.707rem;
    color: #666666;
}

.name-img img {
    width: 4.2rem !important;
    height: 4.2rem !important;
    object-fit: cover;
    border-radius: 10rem;
}

.name-img {
    gap: 1.9rem;
}

.googl-logo {
    max-width: 1.9rem;
}

.wrapper-goog-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.icon-google-review i {
    color: #F7871B;
}

.icon-google-review {
    margin-bottom: 2rem;
}

.owl-carousel .owl-stage {
    display: flex;
}

.owl-nav {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.owl-nav button {
    position: relative;
}

.owl-nav .owl-next {
    right: -1.9rem;
}

.owl-nav .owl-next span {
    display: none;
}

.owl-nav .owl-next::before {
    content: "\f054";
    font-family: "Font Awesome 6 free";
    font-weight: 900;
    font-size: 2rem;
    color: #666666;
}

.owl-nav .owl-prev {
    left: -1.9rem;
}

.owl-nav .owl-prev span {
    display: none;
}

.owl-nav .owl-prev::before {
    content: "\f053";
    font-family: "Font Awesome 6 free";
    font-weight: 900;
    font-size: 2rem;
    color: #666666;
}

.main-head-all {
    padding: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 0.5rem;
    padding: 4rem 0 0 0;
}

.main-head-all.top-header img {
    width: 4.8rem;
}

.main-head-all.top-header p {
    color: #666666;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.707rem;
}

.main-head-all.top-header p span {
    color: black;
}

.main-head-all.top-header .icon {
    color: #F9AB06;
    display: flex;
}

.banner-back-img-about {
    background-image: url(../images/about.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-back-img-term {
    background-image: url(../images/Mask\ group\ \(4\).png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-back-img-imprussum {
    background-image: url(../images/Mask\ group\ \(5\).png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-back-img-return {
    background-image: url(../images/image-p.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-back-img-blog-list {
    background-image: url(../images/blog-list.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-back-img-GDPR {
    background-image: url(../images/GDPR.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-back-img-with {
    background-image: url(../images/with.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-back-img-howto {
    background-image: url(../images/how.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-back-img-prod {
    background-image: url(../images/rpod.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-back-img-with.profile_main_page {
    background-image: url(../images/profile.png);
}

.banner-back-img-with.banner-back-img-password {
    background-image: url(../images/change_ps_bg.png);
}

.banner-back-img-billing {
    background-image: url(../images/bill_bg.png);
}

.banner-back-img-with-addaddress {
    background-image: url(../images/add_new_bill.png);
}

.banner-back-img-cardt {
    background-image: url(../images/car_dt_bg.png);
}

.banner-back-img-edit_cardt {
    background-image: url(../images/edit_car_dt_bg.png);
}

.banner-back-img-voucher {
    background-image: url(../images/bill_bg.png);
}

.banner-back-img-news {
    background-image: url(../images/news_bg.png);
}

.banner-back-img-booking {
    background-image: url(../images/my_booking_bg.png);
}

.banner-back-img-appointment {
    background-image: url(../images/my_booking_bg.png);
}

.inner-banner-comn h1 {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 5.5rem;
    line-height: 8.151rem;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 17.2rem 0;
}

.inner-main-img {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.61) 87.55%);
}

.comn-padd {
    padding: 12rem 0;
}

.img-main-fig {
    position: relative;
    padding-bottom: 96%;
    width: 100%;
    max-width: 52.6rem;
    margin: 0;
}

.img-main-fig img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.main-all img {
    max-width: 3.2rem;
    width: 100%;
}

.main-all {
    align-items: center;
    gap: 1.2rem;
    margin-bottom: 1rem;
}

.main-all a {
    color: #111111;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.95rem;
}

.main-info-number h5 {
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.964rem;
    margin-bottom: 2rem;
    color: #111111;
}

.inner-about-section h2 {
    font-weight: 400;
    font-size: 5rem;
    line-height: 7.41rem;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.inner-about-section p.main-descript-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #666666;
    margin-bottom: 2rem;
}

.inner-about-section {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.inner-touch-contact {
    padding: 1.5rem;
    background-color: #F8F8F8;
    border-radius: 0.5rem;
}

.inner-form-touch h2 {
    font-weight: 400;
    font-size: 5rem;
    line-height: 7.41rem;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 3rem;
}

.inner-main-input label {
    font-family: var(--font-secondary) !important;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1;
    margin-bottom: 1rem;
    color: var(--black);
    text-transform: capitalize;
    color: #000;
}

.inner-main-input input, .inner-main-input textarea, .inner-main-input .form-select {
    border: 1px solid #CDCDCD;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #666666;
    padding: 15px 20px;
    border-radius: 0.4rem;
    font-family: var(--font-secondary);
}

.inner-main-input {
    margin-bottom: 2rem;
}

.inner-main-input input::placeholder,
.inner-main-input textarea::placeholder {
    text-transform: capitalize;
    color: #666666;
}

.inner-form-touch {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    padding-left: 3.5rem;
}

.fig-main-img-touch {
    height: 100%;
    position: relative;
    width: 100%;

    margin: 0;
}

.fig-main-img-touch img {
    width: 100%;
    position: relative;
    object-fit: cover;
    aspect-ratio: 621/769;
}
.input-subscribe input {
    background-color: #FFFFFF;
    color: #666666;
    padding: 1.5rem 10rem 1.5rem 2.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    border: 1px solid #FFFFFF;
    width: 100%;
    font-family: var(--font-secondary);
}

.input-subscribe {
    max-width: 60.9rem;
    margin: auto;
    position: relative;
}
form textarea {
    resize: none;
    min-height: 50px;
}

.input-subscribe button {
    background-color: #000000;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.371rem;
    text-align: center;
    padding: 1.3rem;
    max-width: 16.5rem;
    border-radius: 0.5rem;
    width: 100%;
    border: 1px solid black;
    color: #FFFFFF;
    text-transform: uppercase;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--font-secondary);
}

.news-letter-back {
    background-image: url(../images/back-news.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.left-arow-news {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 20rem;
    width: 100%;
}

.right-arow-news {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 20rem;
    width: 100%;
}

.inner-news-lettr h3 {
    font-weight: 400;
    font-size: 5rem;    
    line-height: 7.41rem;
    text-align: center;
    margin-bottom: 0.6rem;
    color: #FFFFFF;
    text-transform: uppercase;
}

.inner-news-lettr p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: center;
    color: #FFFFFF;
    max-width: 85.6rem;
    margin: auto;
    margin-bottom: 2.9rem;
}

.inner-news-lettr {
    padding: 5.1rem 0 7.1rem 0;
}

.inner-term-condition h4 {
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.964rem;
    color: #000000;
    margin-bottom: 2rem;
    margin-top: 3.5rem;
}

.inner-term-condition p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #666666;
    margin-bottom: 1.5rem;
}

.inner-term-condition h5 {
    color: #000000;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    margin-top: 2rem;
}

.inner-term-condition ul li {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #666666;
    list-style: number inside;
}

.info-all {
    margin-top: 2rem;
}

.info-all a {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #666666;
}

.info-all .phone-imprus {
    text-decoration: underline ;
    display: block;
}

.inner-content-imprm h4 {
    color: #000000;
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.964rem;
    margin-bottom: 2rem;
}

.inner-content-imprm p {
    color: #666666;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
}

.website-imprus {
    color: #009DFF !important;
    text-decoration: underline !important;
}

.return-text p {
    margin-bottom: 2rem;
}

.return-text p a {
    color: #009DFF !important;
}

footer {
    background-color: #000000;
}

.logo-main-dach img {
    padding: 0;
    max-width: 28.5rem;
    width: 100%;
    background-color: black;
    z-index: 99;
    position: relative;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.logo-main-dach {
    text-align: center;
    position: relative;
    padding-top: 6.3rem;
    padding-bottom: 5rem;
}

.logo-main-dach::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0.1rem;
    transform: translateY(-50%);
    top: 57%;
    right: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.219);
}

.fig-foot {
    margin: 0;
}

.head-footer h4 {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.964rem;
    margin-bottom: 2.5rem;
}

.head-footer ul li a {
    font-family: var(--font-secondary);
    color: #FFFFFF;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.707rem;
    text-transform: capitalize;
}

.head-footer ul li {
    margin-bottom: 1.8rem;
}

.contact-main-footer li a {
    display: flex;
    gap: 1rem;
}

.contact-main-footer li a img {
    max-width: 2rem;
    height: 2.4rem;
    object-fit: contain;
}

.logos-footer-payment {
    display: grid;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    gap: 2.3rem;
}

.logos-footer-payment figure {
    margin: 0;
}

.logos-footer-payment figure img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.head-footer ul.contact-main-footer li {
    margin-bottom: 2.4rem;
}

.face-book a {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #666666;
    border-radius: 100%;
}

.face-book a i {
    font-size: 1.8rem;
    color: white;
}

.media-icons {
    align-items: center;
    gap: 2rem;
}

.footer-btm {
    align-items: center;
    justify-content: space-between;
    padding: 1.8rem 0;
    border-top: 0.1rem solid #ffffff2a;
}

.footer-btm p {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.707rem;
}

.footer-main-content-links {
    margin-bottom: 3rem;
}

.hiem-withdrawl {
    align-items: center;
    margin-bottom: 2.4rem;
}

/* cards----------------------------- */

.date-news {
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 1.6rem;
}

.date-news p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: #666666;
}
p:empty{
    display: none !important;
}

.date-news i {
    color: var(--primary-color);
}

.card-detail-price h3 {
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 1;
    margin-bottom: 1rem;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-detail-price .discript-news-articel, .card-detail-price p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.5rem;
    color: #666666;
    margin-bottom: 1.3rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}

.view-more-news-card {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: var(--font-primary) !important;
    text-decoration: none;
    color: var(--primary-color);
    text-decoration: underline !important;
    margin-top: 22px !important;
    display: block;
}

.card-detail-price {
    padding: 2rem 0 1.5rem;
}

.latest-news-card {
    border-radius: 0.4rem;
    overflow: hidden;
    box-shadow: 0px 0.4rem 1.5rem 0px #00000017;
    padding: 1.5rem;
}

.latest-news-card figure {
    position: relative;
    padding-bottom: 68%;
    margin: 0;
    border-radius: 8px;
    overflow: hidden;
}

.latest-news-card figure img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.news-article h2 {
    margin-bottom: 4.8rem;
}

.button-main {
    text-align: center;
    margin-top: 5rem;
}

.upper-name-and-date {
    gap: 1.6rem;
}

/* how to------------------------------------ */

.text-how-to h4 {
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.964rem;
    color: #000000;
    margin-bottom: 2rem;
}

.text-how-to p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #666666;
    margin-bottom: 5rem;
}

.inner-video-one figure {
    position: relative;
    padding-bottom: 128%;
    width: 100%;
    height: auto;
}

.inner-video-one figure video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
}

.play-button-wrapper .play-gif {
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0000004D;
}

.play-button-wrapper .play-gif svg {
    width: 7.7rem;
    height: 7.7rem;
    fill: #fff;
    stroke: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    opacity: 0.9;
}

.video-container {
    position: relative;
}

/* detail blog ----------------------  */

.main-img-detail figure {
    position: relative;
    padding-bottom: 40%;
    margin: 0;
    width: 100%;
    height: 100%;
}

.main-img-detail figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.date-news img {
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    object-fit: cover;
}

.detail-main-blog .date-news p {
    font-size: 1.8rem;
    line-height: 2.5rem;
}

.detail-main-blog .date-news i {
    color: var(--primary-color);
    font-size: 2rem;
}

.detail-main-blog {
    margin-top: 3.7rem;
}

.quote {
    background-color: #EDFBFF;
    padding: 2.6rem 3.1rem 2.6rem 1.3rem;
    border-left: 0.4rem solid #5BC0DE;
}

.quote h6 {
    font-weight: 600;
    font-style: italic;
    font-size: 1.6rem;
    line-height: 3.2rem;
    font-family: var(--font-secondary) !important;
    color: #666666;
}

.detail-main-all-blog h3 {
    color: #000000;
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 2.2rem;
    line-height: 3.26rem;
}

.detail-main-all-blog p {
    color: #666666;
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 3.2rem;
}

.main-also-like h2 {
    color: #000000;
    font-weight: 400;
    font-size: 5rem;
    line-height: 7.41rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.navigation-main {
    background-color: #F2F4F5;
    padding: 2.4rem 0;
}

.navigat {
    display: flex;
    align-items: center;
    gap: 2.5rem;
}

.navigat a {
    color: #666666;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0px;
    text-transform: capitalize;
    position: relative;
    font-family: var(--font-primary);
}

.navigat a.active {
    color: #5BC0DE;
}

.navigat a:not(:first-child)::before {
    content: "\f054";
    position: absolute;
    left: -1.7rem;
    font-weight: 900;
    font-family: "Font Awesome 6 free";
    font-size: 1.3rem;
    transform: translateY(-50%);
    top: 57%;
}

.inner-main-our-product h2 {
    font-weight: 400;
    font-size: 5rem;
    line-height: 7.41rem;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 2rem;
}

.inner-main-our-product p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #000000;
    margin-bottom: 3.1rem;
}

.upper-imag-product-card {
    background-color: transparent;
    padding: 0;
    border-radius: 0.4rem;
}

.upper-imag-product-card figure {
    position: relative;
    padding-bottom: 0;
    margin: 0;
}
.product-main-one:hover .upper-imag-product-card {
    box-shadow: 3px 5px 9px 1px #8a8a8ac2;
    transition: 0.5s ease all;
}

.upper-imag-product-card figure img {
    position: relative;
}

.product-detail-name-card h3 {
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.96rem;
    margin-bottom: 1.5rem;
    /* text-transform: uppercase; */
    color: #000000;
}

.product-detail-name-card p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.95rem;
    color: #666666;
    margin-bottom: 2rem;
    text-transform: capitalize;
}

.product-detail-name-card {
    padding-top: 3rem;
}

.rent-btn {
    background: var(--primary-color);
    color: var(--white);
    font-weight: 700;
    font-size: 1.6rem;
    padding: 1.3rem 2rem;
    border-radius: 0.4rem;
    text-decoration: none;
    border: 1px solid var(--primary-color);
    text-transform: uppercase;
    font-family: var(--font-primary);
    display: inline-block;
    text-align: center;
    line-height: 1.4;
    font-weight: 400;
    white-space: nowrap;
}

.rent-btn:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.inner-login {
    overflow: hidden;
}

.inner-login-img {
    height: 100%;
}

.inner-login-img figure {
    margin: 0;
    height: 100%;
}

.inner-login-img figure img {
    min-height: 100vh;
    object-fit: cover;
    height: 100%;
}

.inner-login-input-form {
    border: 0.2rem solid #E7E8E9;
    padding: 3rem 2.5rem;
    border-radius: 2rem;
    max-width: 71.3rem;
    margin: auto;
    width: 100%;
}

.upper-high-main {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* login ------------------- */

.forgot-pass {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.95rem;
    color: #5BC0DE;
    text-transform: capitalize;
    display: inline-block;
    width: 100%;
    text-align: end;
    text-decoration: none;
}

.remember-main-marg .form-check label {
    color: #111;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.95rem;
}

.remember-main-marg {
    margin: 1rem 0 3rem;
    justify-content: space-between;
}

.not-yet {
    color: #828282;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.95rem;
    margin-top: 1.2rem;
    text-align: center;
}

.not-yet a {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.95rem;
    color: #5BC0DE;
}

.logo-login img {
    max-width: 26.5rem;
    margin: auto;
}

.logo-login {
    margin-bottom: 5rem;
    text-align: center;
}

.inner-login-wrapper h2 {
    text-align: center;
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 4.74rem;
    margin-bottom: 3rem;
    color: #000000;
}

.google-face button {
    border: 0.1rem solid #E4E7E9;
    padding: 1.4rem;
    border-radius: 0.4rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.37rem;
    text-align: center;
    color: #111111;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: fit-content;
}

.google-face button img {
    max-width: 3.4rem;
    width: 100%;
}

.google-face {
    gap: 2rem;
    margin-bottom: 4rem;
    align-items: center;
    justify-content: center;
}

.or-continue p {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.46rem;
    text-align: center;
    color: #666666;
    position: relative;
}

.or-continue p::before {
    content: "";
    position: absolute;
    background: linear-gradient(270deg, #FFFFFF 0%, #CCCCCC 100%);
    height: 0.2rem;
    width: 3.9rem;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
}

.or-continue p::after {
    content: "";
    position: absolute;
    background: linear-gradient(86deg, #FFFFFF 0%, #CCCCCC 100%);
    height: 0.2rem;
    width: 3.9rem;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
}

.or-continue {
    margin-bottom: 3rem;
}

.pls-enter {
    color: #666666;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: center;
    max-width: 50.8rem;
    margin: auto;
    margin-bottom: 2.4rem;
}

.inner-login-page .inner-main-input label {
    text-transform: uppercase;
}

.register-logo {
    margin-bottom: 3rem;
}

.register-main-wrapper .primary-btn {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.inner-touch-contact.product-detail-touch {
    padding: 2.5rem;
}

.product-detail-touch .inner-form-touch h2 {
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 4.74rem;
}



.related-prod {
    font-weight: 400;
    font-size: 5rem;
    line-height: 7.41rem;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5rem;
}

.comn-padd-100 {
    padding: 10rem 0;
}

.related-product-detail {
    background-color: #EFEFEF;
}

/* faq --------------------------------- */

.head-faq {
    font-weight: 400;
    font-size: 5rem;
    line-height: 7.41rem;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5rem;
}

.inner-faq .accordion-button:not(.collapsed) {
    background-color: #FAFBFB !important;
    color: #000;
}

.inner-faq .accordion-button {
    color: #000000;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.96rem;
    padding: 2.7rem 0;
    background-color: #FAFBFB !important;
    text-transform: capitalize;
}

.inner-faq .accordion-item {
    margin-bottom: 0;
    border: 0;
    border-bottom: 0.1rem solid #C1C1C1 !important;
    background-color: #FAFBFB !important;
}

.inner-faq .accordion-body {
    padding: 0;
}

.inner-body-faq p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #666666;
    margin-bottom: 1.6rem;
}

.inner-body-faq {
    padding: 2.4rem 0 0 0;
}

.inner-faq .accordion-button::after {
    content: "\2b";
    font-weight: 900;
    font-family: "Font Awesome 6 free";
    background-image: none;
    display: flex;
    align-items: center;
    color: black;
    font-size: 2rem;
    justify-content: center;
}

.inner-faq .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "\f068";
    font-weight: 900;
    font-family: "Font Awesome 6 free";
    color: #000000;
}

.inner-faq .accordion-button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.inner-body-faq h6 {
    color: #000000;
    font-family: var(--font-secondary) !important;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.95rem;
    margin-bottom: 1.6rem;
}

.faq-detail {
    background-color: #FAFBFB;
}

/* slider product detail------------------------------ */

.main-img-slider-for figure {
    position: relative;
    padding-bottom: 100%;
    margin: 0;
}

.main-img-slider-for figure img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-img-slider-for {
    background-color: #F2F2F2;
    padding: 2rem;
}

.main-img-slider-nav figure {
    position: relative;
    padding-bottom: 120%;
    margin: 0;
}
.brand-name-detail{
font-weight: 400;
font-size: 1.8rem;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
color: var(--primary-color);
margin-bottom: 2.0rem;
}

.main-img-slider-nav figure img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-img-slider-nav {
    background-color: #F2F2F2;
    padding: 0.5rem;
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
    max-width: 11.4rem;
}

.main-slider-for {
    padding-left: 1rem;
}

.insuranc-show-all {
    background-color: #E4F9FF;
    padding: 2rem;
    border-radius: 0.4rem;
    margin-top: 3rem;
}

.padd-st {
    padding-left: 1.2rem !important;
}

.main-show-insuranc {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 23px !important;
}

.main-show-insuranc p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.95rem;
    color: #000000;
    margin: 0;
}

.main-show-insuranc img {
    max-width: 3rem;
}

.main-img-detail-one figure {
    margin: 0;
    margin-top: 3rem;
}

.head-disc h3 {
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 4.74rem;
    color: #000000;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.head-disc p {
    color: #666666;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    margin-bottom: 1.7rem;
}

.price-detail-main h3 {
    color: #5BC0DE;
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 3.9rem;
}

.price-detail-main a {
    font-weight: 500;
    text-decoration: underline !important;
    font-size: 1.4rem;
    line-height: 3rem;
    color: #666666;
    font-size: var(--font-secondary) !important;
}

.price-big {
    align-items: end;
    gap: 1rem;
}

.price-detail-main p {
    color: #666666;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    margin: 0;
}

.price-detail-main {
    margin-bottom: 1.7rem;
}

.pick-locati-name-icon {
    align-items: center;
    gap: 1rem;
}

.pick-locati-name-icon img {
    max-width: 2.3rem;
}

.pick-location h3 {
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3.557rem;
    color: #000000;
    margin-bottom: 2.3rem;
    text-transform: uppercase;
}

.pick-locati-name-icon p {
    color: #666666;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.707rem;
}

.pick-location {
    margin-bottom: 3.5rem;
}

.choose-car h3 {
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3.557rem;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 2.3rem;
}

.railing-type h3 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3.557rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.railing-type p {
    color: #666666;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.95rem;
    margin-bottom: 3.2rem;
}

.roof-name-detail {
    border: 0.1rem solid #E4E7E9;
    padding: 2rem;
    border-radius: 0.5rem;
}

.roof-name-detail h4 {
    text-align: center;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.438rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.roof-name-detail p {
    color: #666666;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: center;
}

.roof-name-detail figure {
    max-width: 29.6rem;
    margin: 0 auto;
}

.inner-size-card {
    border: 0.1rem solid #9EB7B7;
}

.upper-img-sunroof {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.5rem 2rem;
}

.upper-img-sunroof figure {
    margin: 0;
}

.size-sunreef p {
    color: #666666;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-align: center;
    margin: 0;
    padding: 1.4rem 0.5rem;
}

.size-sunreef {
    border-top: 0.1rem solid #9EB7B7;
}

.size-cards {
    padding-top: 3.5rem;
}

.size-cards h3 {
    margin-bottom: 2.4rem;
    color: #000000;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3.557rem;
}

.inner-size-card.recomended .size-sunreef p {
    background-color: #5AB473;
    color: white;
    border-color: #5AB473;
}

.inner-size-card.recomended {
    border-color: #5AB473;
    position: relative;
}

.inner-size-card.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.inner-size-card.recomended .recomend-text {
    position: absolute;
    top: -1.3rem;
    background-color: #5AB473;
    color: white;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.778rem;
    padding: 0.4rem 2.2rem;
    border-radius: 10rem;
    transform: translateX(-50%);
    left: 50%;
    font-family: var(--font-primary);
}

.choose-color {
    margin-top: 4.9rem;
}

.choose-rental-period h3 {
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3.557rem;
    color: #000000;
    margin-bottom: 1rem;
    text-transform: uppercase;
    margin-top: 1.5rem;
}

.choose-rental-period p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #666666;
    margin-bottom: 3rem;
}

.select-main-detail label {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.95rem;
    color: #666666;
}

.form-check-input {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem !important;
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-check-input:focus {
    box-shadow: none !important;
}

.form-check label {
    cursor: pointer;
}

.select-main-detail {
    margin-bottom: 3.5rem;
}

.calculated-rent {
    background-color: #E4F9FF;
    padding: 2.2rem;
    margin-bottom: 2rem;
}

.calculated-rent h3 {
    color: #000000;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.371rem;
    margin-bottom: 0.6rem;
    margin-top: 0;
}

.text-calc-rent {
    color: #666666;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.9rem;
}

.inner-number-days p {
    color: #666666;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.95rem;
    text-align: right;
    margin-bottom: 1.2rem;
}

.inner-number-days p span {
    font-weight: 600;
    color: #000000;
}

.head-roof-box h3 {
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3.557rem;
    color: #000000;
    margin-bottom: 2.3rem;
    text-transform: uppercase;
}

.price-detail-main {
    /* background-color: #FAFBFB;
    padding: 3rem;
    border-radius: 0.4rem; */
}

.roof-box-main .roof-name-detail figure {
    max-width: 39.2rem;
}

.inner-image-roof {
    border: 0.1rem solid #EAEAEA;
    padding: 3.2rem 1rem;
    border-radius: 0.4rem;
    height: 17.4rem;
}

.inner-image-roof figure {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.form-check-input:checked~label .inner-image-roof {
    background-color: #E4F9FF;
    border: 0.1rem solid #A6E1F2;
}

.form-check-input:checked~label h4 {
    color: #000000;
}

.first-check-box input {
    display: none;
}

.inner-img-select-heading h4 {
    color: #666666;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.371rem;
    margin-top: 1.4rem;
    text-transform: uppercase;
}

.first-check-box {
    margin-bottom: 5rem;
    margin-top: 3rem;
}

.first-check-box label {
    width: 100%;
}

.heading-select-prod h3 {
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3.557rem;
    color: #000000;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.heading-select-prod p {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #000000;
}

.roof-box-main .primary-btn {
    width: fit-content !important;
}

.our-rental-price {
    max-width: 61.7rem;
}

.our-rental-price .modal-body {
    padding: 5rem 6rem 6rem 6rem;
}

.inner-body-price h3 {
    color: #000000;
    font-weight: 400;
    font-size: 2.8rem;
    line-height: 4.15rem;
    margin-bottom: 3rem;
    text-align: center;
    text-transform: uppercase;
}

.inner-body-price tr th {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.95rem;
    padding: 1.9rem 3rem;
    letter-spacing: 0%;
    color: #000000;
    background-color: #5BC0DE;
}

.inner-body-price tr th:last-child {
    text-align: center;
}

.inner-body-price tr td:last-child {
    text-align: center;
}

.inner-body-price table {
    width: 100%;
}

.inner-body-price tr td {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    letter-spacing: 0%;
    color: #666666;
    padding: 1.8rem 3rem;
    background-color: #E4F9FF54;
}

.upper-table-main-pop {
    border-radius: 1rem;
    overflow: hidden;
}

.inner-left-tabs {
    border-radius: 0.4rem;
    overflow: hidden;
    box-shadow: 0px 0.2rem 1.4rem 0px #00000026;
}

.my-profile-name {
    align-items: center;
    padding: 1.7rem 3.3rem;
    gap: 1.7rem;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
}

.prof-main .nav-pills .nav-link {
    padding: 0;
}

.my-profile-name figure {
    width: 2.2rem;
    height: 2.2rem;
    margin: 0;
}

.my-profile-name figure img {
    width: 100%;
}

.my-profile-name p {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-transform: capitalize;
    color: var(--secondary-black);
}

.pofile-names ul li.active {
    background-color: var(--primary-color) !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.pofile-names ul li.active .my-profile-name figure img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(287deg) brightness(104%) contrast(102%);
}

.pofile-names ul li.active p {
    color: white;
}

.comm_border_box {
    box-shadow: 0px 0.4rem 1.2rem 0px #0000000D;
    padding: 3rem 5rem;
    border-radius: 0.4rem;
}

.inner_comm_border_box {
    padding: 2rem;
}

.comm_border_box_outer {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.profile-img {
    width: 11.8rem;
    height: 11.8rem;
    border-radius: 100%;
    overflow: hidden;
    flex: none;
    margin: 0;
}

.profile-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.detail-profile h3 {
    color: var(--primary-color);
    font-size: 2rem;
    font-weight: 600;
    line-height: 150%;
    text-align: left;
    margin-bottom: 1rem;
}

.email-ddet {
    display: flex;
    align-items: center;
    gap: 1.3rem;
}

.email-ddet a,
.email-ddet p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 3rem;
    text-align: left;
    color: #666666;
}

.location-ddet {
    display: flex;
    align-items: center;
    gap: 1.3rem;
}

.location-ddet i {
    color: white;
    font-size: 1.5rem;
}

.icoms-prof {
    flex-direction: column;
}

.email-ddet img {
    width: 2rem;
}

.gap-main {
    gap: 3.1rem;
    margin-bottom: 5.6rem;
}

.profile_main-row {
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.comm_primary_icon_btn img {
    width: 2.4rem;
    margin-right: 0.5rem;
}

.comm_primary_icon_btn:hover img {
    filter: brightness(0) saturate(100%) invert(68%) sepia(14%) saturate(1367%) hue-rotate(147deg) brightness(98%) contrast(98%);
}

.want_to_delte_sec {
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.5rem;
}

.main-head-pro {
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    text-align: left;
    margin-bottom: 2.3rem;
    color: #333;
    text-transform: capitalize;
}

.profile-pic input {
    display: none;
}

.profile-pic .label {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
    color: #fafafa;
    transition: background-color 0.2s ease-in-out;
    border-radius: 100px;
    margin-bottom: 0;
    width: 2.7rem;
    height: 2.7rem;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 9;
}

.profile-pic {
    color: transparent;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease;
    width: 11.8rem;
    height: 11.8rem;
    border-radius: 100px;
}

.dash_form_outer {
    margin-top: 4rem;
}

.profile_title_input {
    gap: 1rem;
}

.profile_title_input input {
    width: 100%;
}

.profile_title_input .inner-main-input {
    flex-grow: 1;
    margin: 0;
}

.profile_title_input .inner-main-input.title_inpt select {
    width: 9rem;
    margin: 0;
}

.profile_title_input .inner-main-input.title_inpt {
    max-width: 12.1rem;
}

.inner-main-input.inner-main-input2 input,
.inner-main-input.inner-main-input2 textarea,
.inner-main-input.inner-main-input2 .form-select {
    border: 0.1rem solid #E4E7E9;
}

.inner-main-input input::placeholder, .inner-main-input textarea::placeholder, .inner-main-input .form-select::placeholder{
    font-family:var(--font-secondary) !important;
}

.disapear {
    opacity: 0;
    visibility: hidden;
}

.input-pass-show {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    font-size: 1.4rem;
    transform: translateY(-50%);
    cursor: pointer;
}
.edit-prof-img{
    width: 16px;
}
.input-pass-show .toggle-password {
    position: absolute;
    right: 0.8rem;
    top: 25px;
    font-size: 1.4rem;
    transform: translateY(-50%);
    cursor: pointer;
    background: #fff;
}
.comm_profile_two_btns {
    display: flex;
    gap: 1.6rem;
}

.comm-modal .modal-body {
    padding: 5rem 6rem 6rem 6rem;
}

.logout-modal .modal-dialog {
    max-width: 60.5rem;
}

.comm-modal .modal_heading {
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 4.2rem;
    text-align: center;
    padding-bottom: 3.4rem;
    margin: auto;
    text-transform: uppercase;
}

.logout-modal .modal_heading,
.delete-modal .modal_heading {
    max-width: 33.9rem;
}

.modal_two_btns {
    gap: 1.5rem;
}

.modal_two_btns button {
    min-width: 15rem;
}

.delete-modal i.fa-solid.fa-triangle-exclamation {
    color: #E42226;
    font-size: 7.2rem;
    text-align: center;
    margin: 0 auto 2rem;
    width: 100%;
}

.address_edit_btn {
    background: var(--primary-color);
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.address_edit_btn_row {
    margin-bottom: 1rem;
}

.comm_detail_list_col {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.comm_detail_list_col h5 {
    font-family: var(--font-secondary) !important;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-transform: capitalize;
    color: #666;
}

.comm_detail_list_col h6 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-transform: capitalize;
    color: #111;
}

.comm_detail_list_view {
    gap: 4.2rem;
    row-gap: 2.5rem;
    flex-wrap: wrap;
}

.email_text {
    text-transform: lowercase !important;
}

.make_defaut_addr_row {
    border-top: 0.1rem solid #E9E2E2;
    padding-top: 2rem;
    margin-top: 4rem;
}

.make_defaut_addr_row .form-check label {
    font-family: var(--font-secondary);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    letter-spacing: 0%;
}

.mycar_detail_wrap {
    background-color: #EDFBFF;
    padding: 2rem;
    border-radius: 0.4rem;
}

.mycar_detail_cntnt_row {
    flex-direction: column;
    row-gap: 1.7rem;
}

.mycar_detail_cntnt_row .comm_detail_list_col {
    flex-direction: row;
}

.coupon_management_outer {
    background-color: #E2F9FF;
    width: max-content;
    padding: 1.8rem 2rem 1.8rem 1.3rem;
    position: relative;
    border-radius: 0.4rem !important;
    overflow: hidden;
}

.coupon_management_img {
    border-right: 1px dashed var(--primary-color);
    padding-right: 2rem;
    position: relative;
    margin: 0;
}

.coupon_management_img img {
    min-width: 6.9rem;
    width: 6.9rem;
}

.coupon_management_img:after {
    position: absolute;
    content: "";
    width: 2.6rem;
    height: 2.6rem;
    background: #ffffff;
    border-radius: 100px;
    top: -3rem;
    right: -1.3rem;
}

.coupon_management_img:before {
    position: absolute;
    content: "";
    width: 2.6rem;
    height: 2.6rem;
    background: #ffffff;
    border-radius: 100px;
    bottom: -3rem;
    right: -1.3rem;
}

.coupon_mange_content {
    margin-left: 2rem;
    position: relative;
    z-index: 1;
}

.coupon_mange_content .off {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    color: var(--secondary-black);
    margin-bottom: 0.4rem;
}

.coupon_mange_content .coupon_txt {
    font-family: var(--font-secondary) !important;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    color: var(--text);
    margin-bottom: 0.5rem;
    white-space: nowrap;
}

.coupon_mange_content .coupon_txt span {
    font-weight: 600;
    color: var(--secondary-black);
}

.coupon_mange_content .valid {
    font-family: var(--font-secondary) !important;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.8rem;
    color: var(--text);
}

.coupon_manage_shape {
    position: absolute;
    right: -0.4rem;
    top: 0.3rem;
}

.coupon_mange_content .coupon_txt svg {
    margin-left: 0.6rem;
    font-size: 1.8rem;
    cursor: pointer;
}

.coupon_mange_content .coupon_txt img {
    width: 1.6rem;
    margin: 0 1rem 0.5rem 0.5rem;
    cursor: pointer;
}

.voucher_coupan_row {
    gap: 5.5rem;
    row-gap: 3rem;
    flex-wrap: wrap;
}

.applied_coupan_outer.coupon_management_outer {
    background-color: #EAEAEA;
    padding: 1.8rem 2rem 1.8rem 3rem;
}

.applied_coupan_outer:before {
    font-family: var(--font-primary);
    content: "APPLIED";
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: var(--primary-color);
    color: white;
    padding: 0.5rem;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 0;
    text-align: center;
    letter-spacing: 0.4rem;
}

.expired_coupan_outer:before {
    font-family: var(--font-primary);
    content: "EXPIRED";
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: var(--primary-color);
    color: white;
    padding: 0.5rem;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 0;
    text-align: center;
    letter-spacing: 0.4rem;
}

.expired_coupan_outer.coupon_management_outer {
    background-color: #EAEAEA;
    padding: 1.8rem 2rem 1.8rem 3rem;
}

.applied_coupan_outer .coupon_mange_content .off,
.applied_coupan_outer .coupon_mange_content .coupon_txt span {
    color: #AEAEAE;
}

.expired_coupan_outer .coupon_mange_content .off,
.expired_coupan_outer .coupon_mange_content .coupon_txt span {
    color: #AEAEAE;
}

.profile_newsletter_form {
    margin-top: 3rem;
}

.cl-toggle-switch {
    position: relative;
}

.cl-switch {
    position: relative;
    display: inline-block;
}

.cl-switch>input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.cl-switch>span::before {
    content: "";
    display: inline-block;
    margin: 0.5rem 0 0.5rem 1rem;
    border-radius: 0.7rem;
    width: 4.1rem;
    height: 1.5rem;
    background-color: rgb(0, 0, 0, 0.38);
    vertical-align: top;
    transition: background-color 0.2s, opacity 0.2s;
    cursor: pointer;
}

.cl-switch>span::after {
    content: "";
    position: absolute;
    top: 0.2rem;
    right: 2rem;
    border-radius: 50%;
    width: 2.2rem;
    height: 2.2rem;
    background-color: #fff;
    transition: background-color 0.2s, transform 0.2s;
    box-shadow: 0 0 1rem rgba(0 0 0 / 20%);
    cursor: pointer;
}

.cl-switch>input:checked {
    right: -1rem;
    background-color: #BBEFFF;
}

.cl-switch>input:checked+span::before {
    background-color: #BBEFFF;
}

.cl-switch>input:checked+span::after {
    background-color: #5BC0DE;
    transform: translateX(2rem);
}

.cl-switch:hover>input {
    opacity: 0.04;
}

.cl-switch>input:focus {
    opacity: 0.12;
}

.cl-switch:hover>input:focus {
    opacity: 0.16;
}

.cl-switch>input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s;
}

.newsletter_toggle_row {
    justify-content: space-between;
}

.comm_booking_head {
    padding: 1rem 3rem;
    border-radius: 0.6rem;
    background-color: var(--primary-color);
    margin-bottom: 1rem;
}

.comm_booking_head h6 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    color: #fff;
    text-transform: capitalize;
}

.comm_booking_detail_col {
    border: 1px solid #EDEDED;
    padding: 2rem;
    border-radius: 0.6rem;
    flex-direction: column;
    gap: 2rem;
}

.comm_product_cstom_row {
    margin-bottom: 2rem;
    gap: 2rem;
    align-items: center;
}

.comm_product_cstom_row .booking-dt-img {
    max-width: 14rem;
    min-width: 8rem;
}

.comm_product_cstom_row .booking-dt-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.comm_booking_detail_col .book-dt-left {
    gap: 2rem;
}

.comm_product_cstom_row .booking_cs_detail .name {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    color: #000;
    text-transform: capitalize;
}

.comm_product_cstom_row .booking_cs_detail .book_id_txt {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2rem;
    color: #666;
    text-transform: capitalize;
}

.comm_product_cstom_row .booking_cs_detail .book_loctn_wrap {
    gap: 1.2rem;
    margin-top: 0.5rem;
}

.comm_product_cstom_row .booking_cs_detail .book_loctn_wrap i {
    color: var(--primary-color);
    font-size: 2rem;
}

.comm_product_cstom_row .booking_cs_detail .book_loctn_wrap p {
    font-family: var(--font-secondary);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2rem;
    color: #000;
}

.comm_booking_detail_col .booking_cs_detail {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.comm_detail_inner_row {
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
}

.comm_renting_dt_row {
    background-color: #E4F9FF;
    padding: 1.5rem 2rem;
    border-radius: 0.6rem;
}

.comm_renting_dt_row .rnt_head {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2rem;
    color: #000;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
}

.comm_renting_dt_list .comm_detail_list_col {
    display: flex;
    gap: 1rem;
    flex-direction: row;
}

.comm_renting_dt_list.comm_detail_list_view {
    gap: 2.4rem;
    row-gap: 1.5rem;
}

.comm_renting_dt_list .comm_detail_list_col h5 {
    font-family: var(--font-primary) !important;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: capitalize;
    color: #666;
}

.comm_renting_dt_list .comm_detail_list_col h6 {
    font-family: var(--font-secondary) !important;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 2rem;
    text-transform: capitalize;
    color: #000;
}

#my_booking_page .comm_border_box {
    padding: 3rem 2rem;
}

.comm_booking_detail_row {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.past_booking_wrap {
    margin-top: 5rem;
}

#booking_detail_modal .modal-dialog {
    max-width: 127.8rem;
}

#cancel_booking_modal .modal-dialog {
    max-width: 101.2rem;
}

.comm_renting_dt_row_outer {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.booking_modal_carrier_sec {
    margin-top: 2.5rem;
}

.booking_modal_carrier_row {
    display: flex;
    gap: 1.5rem;
}

.booking_modal_carrier_row .cr_box {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--primary-color);
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.booking_modal_carrier_row .cr_box::before {
    content: "\2b";
    color: white;
    font-weight: 900;
    font-family: "Font Awesome 6 free";
}

.booking_modal_carrier_row h6 {
    font-family: var(--font-secondary) !important;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #666;
}

.booking_modal_carrier_sec .comm_detail_list_view {
    padding-left: 4rem;
    margin: 1.5rem 0 2.5rem 0;
}

.booking_modal_carrier_row.vkassko_rw {
    margin-top: 2.5rem;
}

.cancel_booking_btn {
    margin-top: 3rem;
}

#my_booking_page button,
.cancel_booking_btn {
    padding: 1.3rem 1.8rem;
}

.modal_sub_heading {
    font-family: var(--font-secondary) !important;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #666;
}

.reason_modal_inner_heading {
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 3rem;
    color: #111;
    margin-bottom: 2.8rem;
    text-transform: uppercase;
    margin-top: 3rem;
}

/* .cancel_booking_radio_wrapper .form-check-label {
    text-transform: capitalize;
} */

.custom-radio .form-check-label {
    font-family: var(--font-secondary) !important;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.6rem;
    text-align: center;
    color: #666;
}

.custom-radio .form-check-input:checked+.form-check-label {
    color: var(--primary-color);
}

.custom-radio .form-check-input {
    appearance: none;
    width: 2.4rem;
    height: 2.4rem;
    border: 0.2rem solid #3596B2;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    margin-right: 0.7rem;
    margin-top: -0.1rem;
}

.custom-radio .form-check-input:checked {
    background-color: white;
    border-color: var(--primary-color);
}

.custom-radio .form-check-input:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.3rem;
    height: 1.3rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

#cancel_booking_modal .modal_heading {
    padding-bottom: 1rem;
}

.custom_radio_wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.9rem;
}

.ohter_reason_wrp {
    margin-top: 2rem;
}

.ohter_reason_wrp .inner-main-input label {
    font-family: var(--font-secondary) !important;
}

.ohter_reason_wrp .inner-main-input textarea::placeholder {
    font-family: var(--font-secondary) !important;
    color: #666666;
}

.comm_renting_dt_row .rnt_head span {
    color: #666666;
}

#calendar-box .ui-datepicker {
    width: 100%;
    border: 0;
    box-shadow: 0px 0.4rem 0.9rem 0px #0000000F;
    font-size: 1.6rem;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    border: 0;
    background: transparent;
    font-weight: normal;
    color: #111;
    text-align: center;
    padding: 2.4rem;
    font-weight: 600;
}

a.ui-state-default.ui-state-active {
    background: var(--primary-color);
    border-radius: 0.6rem;
    vertical-align: middle;
    color: #fff;
    max-width: 7rem;
    margin: 0 auto;
}

.ui-datepicker td {
    vertical-align: middle !important;
}

.ui-widget-header {
    padding: 2rem 0 !important;
    border: 0;
    background: #fff;
    max-width: 51.4rem;
    margin: 0 auto;
}

.ui-datepicker-prev span.ui-icon,
.ui-datepicker-next span.ui-icon {
    background-image: none !important;
    background-size: contain;
    background-position: center;
    position: relative;
    display: none;
}

.ui-datepicker-next:after {
    position: absolute;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    color: var(--primary-color);
}

.ui-datepicker-prev:before {
    position: absolute;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    color: var(--primary-color);
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 1.9rem;
    cursor: pointer;
    width: unset;
    height: unset;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0;
}

.my_appiont_date_row {
    margin-top: 3rem;
}

.my_appiont_date_row .inner-main-input label {
    color: #000;
    font-weight: 500;
}

.avail_slots_text {
    font-family: var(--font-secondary) !important;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.37rem;
    margin-bottom: 1rem;
    text-transform: capitalize;
}

.available_slots_row li {
    border: 0.1rem solid #CDCDCD;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.71rem;
    color: #666666;
    padding: 1.6rem 2rem;
    border-radius: 0.4rem;
    text-align: center;
    cursor: pointer;
    font-family: var(--font-secondary);
}

.time-slot {
    border: 0.1rem solid #CDCDCD;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.71rem;
    color: #666666;
    padding: 1.6rem 2rem;
    border-radius: 0.4rem;
    text-align: center;
    cursor: pointer;
}

.time-slot.disabled {
    background-color: #E7E7E7;
    border-color: #E7E7E7;
    color: #a3a3a3;
}

.time-slot.selected {
    background-color: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}

#from-slots {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#to-slots {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.available_slots_row {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.available_slots_row li.active {
    background-color: var(--primary-color);
    color: #fff;
}

.available_slots_row li.disabled {
    background-color: #E7E7E7;
    border-color: #E7E7E7;
    color: #a3a3a3;
}

.my_appiont_date_col {
    border: 0.1rem solid #E4E7E9;
    border-radius: 0.6rem;
    padding: 2rem;
}

.my_app_bott_cnt_sec {
    justify-content: space-between;
    margin-top: 3rem;
}

.inner-main-input .date-input {
    position: relative;
    padding-left: 3.4rem;
    cursor: pointer;
}

/* .inner-main-input .date-input:after {
    font-family: "Font Awesome 5 Free";
    content: "\f073";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
} */
.inner-main-input .date-input:after {
    content: "";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    position: absolute;
    left: 1rem;
    top: 58%;
    transform: translateY(-50%);
    background-image: url('../images/calendar52.png');
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.date-input::-webkit-calendar-picker-indicator {
    display: none;
}

.primary-btn.primary-btn2 {
    padding: 1.3rem 2rem;
}

.sub_heading_18 {
    font-family: var(--font-primary) !important;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: var(--black);
    text-transform: uppercase;
    margin-bottom: 1.4rem;
}

.sub_heading_16 {
    font-family: var(--font-primary) !important;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: var(--black);
    text-transform: uppercase;
    margin-bottom: 2.4rem;
}

.booking-main-page #calendar-box .ui-datepicker {
    box-shadow: none;
    border: 1px solid #E4E7E9;
    padding: 4rem 2rem;
}

.rent_cart_page_row .comm_booking_detail_col {
    border: 0;
    padding: 0;
}

.have_coupon_sec {
    margin-top: 3rem;
}

.have_coupon_sec .coupn_input_wrap {
    gap: 2.4rem;
}

.have_coupon_sec .coupn_input_wrap button {
    gap: 2.4rem;
    min-width: 15.3rem;
}

.cart_total_right_col {
    border: 1px solid #E4E7E9;
    padding: 2.3rem;
    border-radius: 4px;
}

.cart_total_list {
    flex-direction: column;
    margin-top: 3.5rem;
}

.cart_total_list .comm_detail_list_col {
    flex-direction: row;
    justify-content: space-between;
}

.cart_total_list .comm_detail_list_col h6 {
    font-family: var(--font-secondary) !important;
    color: #000;
}

.cart_total_list .comm_detail_list_view {
    row-gap: 1.9rem;
}

.cart_total_list .bott_total_row {
    border-top: 1px solid #E4E7E9;
    padding-top: 1.9rem;
}

.cart_total_list .bott_total_row h5,
.cart_total_list .bott_total_row h6 {
    font-size: 1.8rem;
    line-height: 2rem;
    color: #000;
    font-family: var(--font-primary) !important;
    text-transform: uppercase;
}

.back_rent {
    width: 23px;
}

.cart_back_rent_btn {
    margin-top: 2rem;
    text-align: center;
    display: inline-block;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.checkout_email_check .default_text {
    font-size: 1.4rem;
    line-height: 2;
}

.checkout_form_left .sub_heading_16 {
    margin-top: 4rem;
}

.payemt_mewthod_row {
    border: 1px solid #E4E7E9;
    padding: 2.4rem;
    border-radius: 3px;
    margin-bottom: 3rem;
    width: 100%;
    margin-top: 3rem;
}

.payemt_mewthod_row .pt-col {
    width: 33.3%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 4rem;
}

.payemt_mewthod_row .pt-col h6 {
    font-family: var(--font-secondary) !important;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.0rem;
    text-align: center;
    color: #000;
    cursor: pointer;
    margin-top: 1.8rem;
}

.payemt_mewthod_row .pt-col img {
    cursor: pointer;
    max-width: 32px;
}

.payemt_mewthod_row .pt-col:not(:last-child) {
    border-right: 1px solid #E4E7E9;
}

.payemt_mewthod_row .pt-col input[type=radio] {
    position: absolute;
    opacity: 0;
}

.payemt_mewthod_row .pt-col input[type=radio]+.radio-label {
    position: relative;
    cursor: pointer;
}

.payemt_mewthod_row .pt-col input[type=radio]+.radio-label:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    bottom: -4rem;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.payemt_mewthod_row .pt-col input[type=radio]:checked+.radio-label:before {
    background-color: var(--primary-color);
    box-shadow: inset 0 0 0 3px #f4f4f4;
}

.payemt_mewthod_row .pt-col input[type=radio]:focus+.radio-label:before {
    outline: none;
    border-color: var(--primary-color);
}

.payemt_mewthod_row .pt-col input[type=radio]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.payemt_mewthod_row .pt-col input[type=radio]+.radio-label:empty:before {
    margin-right: 0;
}

.payemt_mewthod_row_outer .sub_heading_16 {
    margin-top: 3rem;
}

.conrats_outer_box {
    box-shadow: 0px 0.4rem 1.2rem 0px #0000000D;
    padding: 5rem 9.3rem;
    border-radius: 10px;
    text-align: center;
    max-width: 1076px;
    margin-inline: auto;
}

.congrats_img img {
    max-width: 12.7rem;
}

.congrats_heading {
    text-align: center;
    text-transform: uppercase;
    margin: 3.5rem 0 5rem 0;
    font-family: "Oswald", serif !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #000000 !important;
}

.congrats_heading span {
    color: var(--primary-color) !important;
}

.congrats_feat_img {
    width: 4rem;
    height: 4rem;
    margin: 0 !important;
    background-color: #3596B2;
    border-radius: 100px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.congrats_feat_img img {
    width: 2.6rem;
    object-fit: contain;
}

.congrats_feat_col h6 {
    font-family: var(--font-secondary) !important;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.2rem;
    text-align: center;
    color: #000;
}
.last-no-depo h6{
    white-space:nowrap;
}
.last-second h6{
    white-space:nowrap;
}
.congrats_feat_row {
    gap: 10.4rem;
    margin-bottom: 5rem;
}

.congrats_feat_col {
    text-align: center;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    max-width: 23rem;
    margin: 0 auto;
}

.comm_cst_content_modal .modal-dialog {
    max-width: 72.6rem;
}

.comm_cst_content_modal .modal-content {
    border-radius: 35px;
}

.comm_cst_content_modal .modal-body {
    padding: 5rem 4.5rem;
}

#newsletter-modal .modal-body {
    padding: 1.1rem;
}

#newsletter-modal .modal-dialog {
    max-width: 84.1rem;
}

#newsletter-modal .news_subs_row {
    align-items: center;
}

#newsletter-modal .inner-modal-content {
    padding: 2rem 2rem 2rem 4rem;
}

#newsletter-modal .modal_heading {
    max-width: 24.2rem;
    text-align: left;
    margin: unset;
    font-size: 3.2rem;
    line-height: 4.2rem;
    color: #000;
    font-weight: 500;
}




/* 23 may 2025 */

.badge.bg-success {
    POSITION: ABSOLUTE;
    TOP: 0;
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    border-radius: 30px;
    border-radius: 30px;
    padding: 3px 2.2rem;
    top: -8px;
    transform: translateX(-50%);
    left: 50%;
}

.badge.bg-danger {
    POSITION: ABSOLUTE;
    TOP: 0;
    background-color: #E91B1B !important;
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    border-radius: 30px;
    border-radius: 30px;
    padding: 3px 2.2rem;
    top: -8px;
    transform: translateX(-50%);
    left: 50%;
}

.badge {
    POSITION: ABSOLUTE;
    TOP: 0;
    font-family: Oswald;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    border-radius: 30px;
    border-radius: 30px;
    padding: 3px 2.2rem;
    top: -8px;
    transform: translateX(-50%);
    left: 50%;
}

.inner-size-card {
    cursor: pointer;
    transition: all 0.3s ease;
    /* padding: 10px; */
    border-radius: 5px;
    border: 1px solid #ddd;
    position: relative;
}


.inner-size-card.available {
    border-color: #5AB473 !important;
}

.inner-size-card.available .size-sunreef p {
    background-color: transparent;
}

.inner-size-card.unavailable .badge.bg-danger {

    bottom: -8px;

    top: unset;

    left: 46%;

}

.recommended {

    POSITION: ABSOLUTE;

    TOP: 0;

    color: white;

    background-color: #5AB473 !important;

    font-family: Oswald;

    font-weight: 400;

    font-size: 1.2rem;

    line-height: 100%;

    letter-spacing: 0%;

    text-transform: uppercase;

    border-radius: 30px;

    border-radius: 30px;

    padding: 3px 2.2rem;

    top: -8px;

    transform: translateX(-50%);

    left: 50%;

}

.inner-size-card.available .badge.bg-success {
    display: none !important;
}

.inner-size-card.available.recommended-size .badge.bg-success {
    display: block !important;
}

.inner-size-card .badge.bg-secondary {
    background-color: #6c757d;
}

.inner-size-card.recommended-size {
    border-color: #5AB473;
}

.inner-size-card.recommended-size .size-sunreef p {
    background-color: #5AB473;
    color: white;
}

.inner-size-card.recommended-size .badge.bg-secondary {
    background-color: #5AB473 !important;
}

.badge {
    margin-left: 5px;
}

.inner-size-card.selected {
    border: 2px solid #007bff;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    padding: 1.6rem;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    width: 100%;
    max-width: 377px;
}

.ui-widget-header {
    padding: 0rem 0 !important;
}


.rangeMode .flatpickr-day {
    margin-top: 1px;
    width: 75px !important;
    min-width: 79px;
    height: 63px;
    display: flex;
    align-items: center;
}

.dayContainer {
    min-width: 100% !important;
    width: 100% !important;
    justify-content: left !important;
}

.flatpickr-days {
    width: 100% !important;
}

.flatpickr-calendar.inline {
    width: 100%;
}

.flatpickr-rContainer {
    width: 100%;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {

    color: rgb(57 57 57 / 33%) !important;
}

.modal-not-book .modal-dialog {
    max-width: 726px;

}

.modal-not-book .modal-dialog .modal-body {
    padding: 5.3rem 4.7rem;
    text-align: center;
    border-radius: 35px;
}

.modal-not-book .modal-body h5 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
}

.modal-not-book .modal-content {
    border-radius: 35px;
}

.modal-not-book .modal-body p {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    color: #666666;
    margin-bottom: 2.5rem;
}

.dont-acount p {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.0rem;
    position: relative;
    letter-spacing: 0%;
    color: #000000;
    text-align: center;
    background-color: white;
    z-index: 999999;
    width: fit-content;
    margin: auto;
}

.dont-acount::after {
    content: "";
    position: absolute;
    top: 9px;
    width: 100%;
    border: 1px solid #E4E7E9;
    height: 1px;
    right: 0;
}

.dont-acount {
    position: relative;
    margin-top: 2.4rem;
    margin-bottom: 1.2rem;
}

.modal-guest {
    font-weight: 500;
    font-size: 2.0rem;
    line-height: 2.8rem;
    letter-spacing: 0%;
    text-align: center;
    color: #191C1F;
    margin-bottom: 2.0rem;
}

.modal-guest-main .modal-content {
    border-radius: 4px;


}

.modal-guest-main .modal-body {
    padding: 3.2rem !important;
}

.modal-guest-main .modal-dialog {
    max-width: 424px;
}

.modal-guest-l {
    font-family: Oswald;
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 32px;
    text-align: center;
}

.upper-flex-main-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.0rem;
    margin-top: 2.0rem;
}

.modal-g .inner-main-input label {
    text-align: left;
}

.img-delet {

    max-width: 61px;

}

.save-moda-heading {

    font-weight: 400;

    font-size: 3.0rem;

    line-height: 5.6rem;

    letter-spacing: 0%;

    text-transform: uppercase;

    color: #111111;

    margin-bottom: 5.0rem;

}

.logout-modal.modal-big .modal-dialog {

    max-width: 1012px;

}

.modal-big .inner-main-input {

    padding-bottom: 3.5rem;

}

.btn-remove-coupon {
    position: absolute;
    right: 4px;
    z-index: 9;
    top: 3px;
    border: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-size: 19px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    color: #666;
}

.main-product-vouch .coupon_management_outer {
    background-color: #E2F9FF;
    width: 100%;
    padding: 1.8rem 2rem 1.8rem 1.3rem;
    position: relative;
    border-radius: 0.4rem !important;
    overflow: hidden;
    max-width: 269px;
}

.main-product-vouch .coupon_mange_content .coupon_txt {
    font-family: var(--font-secondary) !important;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 2.4rem;
    color: #000000;
    margin-bottom: 0.5rem;
    white-space: unset;
}

.main-product-vouch .coupon_management_img img {
    min-width: 4.7rem;
    width: 4rem;
}

.cart-count-badge {
    min-width: 24px !important;
    display: inline-block;
    width: 100%;
    border-radius: 100%;
    right: 0 !important;
    height: 24px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    background-color: #5bc0de !important;
}

.remove-item {
    margin-left: auto;
    font-size: 16px;
    height: fit-content;
    padding: 10px;
}
.main-eye-set{
    position: relative;
}

.booking-detail-modal-main{
    padding: 5.0rem 7.6rem;
}
.booking-modal-head{
font-family: var(--font-primary);
font-weight: 500;
font-size: 3.682rem;
line-height: 100%;
text-align: center;
letter-spacing: 0%;
text-transform: uppercase;
color: #3D2F4B !important;
margin-bottom: 6.6rem;
}
/* Search Styles */
.search-container {
    position: relative;
    margin-right: 15px;
  }
  
  .search-form {
    display: flex;
    align-items: center;
  }
  
  .search-input {
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-right: 5px;
    width: 200px;
    transition: width 0.3s;
  }
  
  .search-input:focus {
    width: 250px;
    outline: none;
    border-color: #333;
  }
  
  .search-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }
  
  .search-results-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 1000;
    display: none;
  }
  
  .search-result-item {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: background 0.2s;
  }
  
  .search-result-item:hover {
    background: #f8f9fa;
  }
  
  .search-result-item:last-child {
    border-bottom: none;
  }
  
  .search-result-image {
    width: 40px;
    height: 40px;
    object-fit: cover;
    margin-right: 10px;
    border-radius: 4px;
  }
  
  .search-result-content {
    display: flex;
    align-items: center;
  }
  
  .search-result-text {
    flex-grow: 1;
  }
  
  .search-result-title {
    font-weight: 600;
    margin-bottom: 2px;
  }
  
  .search-result-price {
    color: #333;
    font-weight: 500;
  }
  
  .no-results {
    padding: 15px;
    text-align: center;
    color: #666;
  }
  .inner-video-one figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: cover;
}

.hero {
    position: relative;
}

.hero-slider .item::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #00000075 59.77%);
    z-index: 99;
    content: '';
}



.inner-box-shad {
    position: relative;
    z-index: 9999;
}
.hero .owl-dots {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.hero .owl-dots button {
    width: 34px;
    height: 3px;
    background: #707070 !important;
    border-radius: 30px !important;
}
.hero .owl-dots button.owl-dot.active{
    background: #fff !important;
}
.roof-rack::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: linear-gradient(272deg, rgba(0, 0, 0, 0) 0%, #00000082 59.77%);
    z-index: 2;
    height: 100%;
    width: 60%;
}

.roof-rack .container {
    position: relative;
    z-index: 9;
}
.inner-form-touch button {
    font-family: Oswald;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    vertical-align: middle;
    text-transform: capitalize;
    padding: 13px 37px;
    background: #5BC0DE;
    border: none;
    border-radius: 4px;
    border: 1px solid #5bc0de !important;
}
.inner-form-touch button:hover{
    background: transparent;
    color: #5bc0de  ;
}
.our-product .pro-div .pro-item .content a {
    padding: 0;
}
.our-product .pro-div .pro-item img {
    aspect-ratio: 416/254;
    object-fit: cover;
    background: #e7e7e7;
}
.inner-main-input .hasDatepicker {
    position: relative;
}

.inner-main-input .hasDatepicker {
    content: '';
    background: url('/frontend/images/Calendar-icon.svg');
    background-position: 98% 13px;
    background-repeat: no-repeat;
    background-size: 20px;
}
.products-main-wrapper .row {
    row-gap: 40px !important;
}
li.lowerCase a {
    text-transform: unset !important;
}


/* 24/06/2025 */
.upper-img-sunroof figure img {
    aspect-ratio: 1 /1;
    object-fit: contain;
}
.search-form {}

.search-form .modal-dialog {
    max-width: 340px;
    width: 100%;
}

.search-form .modal-dialog .modal-content {
    padding: 14px;
    border-radius: 10px;
    border: none;
}


.search-form .modal-dialog .modal-header {
    padding: 0 0 20px;
}

.search-form .modal-dialog .modal-header h5.modal-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    font-family: var(--font-primary);
}

.search-form .modal-dialog .modal-content .modal-body {
    padding: 15px 0 0;
}

.search-form .modal-dialog .modal-content .modal-body form.search-form {
    margin: 0;
}

.search-form .modal-dialog .modal-content .modal-body input.search-input {
    width: 100%;
    border: 1px solid #aaaaaa;
    border-radius: 10px;
    margin: 0;
    font-family: var(--font-secondary);
}

.search-form .modal-dialog .modal-content .modal-body .search-container {
    margin: 0;
}
.comm_product_cstom_row button.remove-item {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary-color);
    border: none;
}
.inner-content-impressum a {
    text-decoration: none !important;
}
.our-product .pro-div .pro-item:hover {
    box-shadow: 3px 5px 9px 1px #8a8a8ac2;
    transition: 0.5s ease all;
}

.profile_title_input .inner-main-input.title_inpt span#select2-country_code-container span {
    /* width: 90px; */
    font-size: 14px;
    font-weight: 400;
}

.profile_title_input .inner-main-input.title_inpt span.select2-selection {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0px 10px;
    position: relative;
    border-radius: 4px;
    border-color: #dedede;
}
.profile_title_input .inner-main-input.title_inptspan.select2.select2-container {
    width: 95px !important;
}
.profile_title_input .inner-main-input.title_inpt span.select2-selection span.select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}
ul#select2-country_code-results li span {
    font-size: 12px;
}

div#custom-timing-inputs input {
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 500;
}
.country_code_custom + span.select2 span.select2-selection .select2-selection__rendered img {
    border-radius: 50%;
    height: 24px !important;
    width: 24px !important;
    aspect-ratio: 1/1;
    object-fit: cover;
}


div#cancel_booking_modal .modal-body {
    padding: 60px;
}

div#cancel_booking_modal .modal-content {
    border-radius: 20px;
}

div#cancel_booking_modal h2 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 30px;
    line-height: 56px;
    text-transform: uppercase;
}



div#cancel_booking_modal .inner-main-input textarea {
    border: 1px solid #EAEAEA !important;
    border-radius: 10px;
}


div#contactModal .modal-content {
    padding: 20px;
    border-radius: 20px;
}

div#contactModal .modal-content h5#contactModalLabel {
    font-family: Oswald;
    font-weight: 400;
    font-size: 30px;
    line-height: 56px;
    text-transform: uppercase;
}

div#contactModal input, div#contactModal textarea {
    padding: 12px 15px;
    font-size: 14px;
    border-radius: 10px;
}

div#contactModal button[type="submit"] {
    background: var(--primary-color);
    padding: 10px 12px;
    border: none;
    font-size: 14px;
    font-weight: 500;
}
div#confirmChangeModal h3 {
    text-align: center;
    line-height: 1.2;
}

div#confirmChangeModal textarea {
    resize: none;
    margin-bottom: 15px;
    border-radius: 10px;
}

div#confirmChangeModal .modal-content {
    border-radius: 30px;
}
.profile_title_input .int-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

header .main-header nav .he-btn-gp a.header-icon:last-child img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(6%) saturate(4062%) hue-rotate(158deg) brightness(94%) contrast(84%);
}

.form-check {
    display: flex;
    padding-left: 1.5em;
    margin-bottom: 0;
    align-items: center;
   justify-content: flex-start;
}
form#registerForm .profile_title_input {
    flex-direction: row !important;
}
.booking-detail-modal-main .comm_product_cstom_row {
    margin-top: 15px;
}
.rangeMode .flatpickr-day {
    margin-top: 1px;
    width: 100% !important;
    min-width: 14.2%;
}
.inner-data-detail .form-check {
    padding: 0;
    justify-content: flex-start;
    margin-left: 25px;
}

.want_to_delte_sec h4 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0%;
}


/* ==================07/09/225============ */
.vendor .inner-login-wrapper h2 {
    margin-bottom: 12px;
}

.vendor .inner-login-wrapper h3 {
    font-family: Sora;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 35px;
}
.vendor .inner-login-wrapper p {
    text-align: center;
    max-width: 500px;
    margin: 0 auto 40px;
}
.vendor form#registerForm .form-check {
    justify-content: flex-start;
    margin-bottom: 30px;
    align-items: center;
}

.vendor form#registerForm .form-check label.form-check-label {
    font-family: Sora;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    color: #111111;
    margin-top: 3px;
}   

.vendor form#registerForm label, .vendor form#login-form label {
    font-family: Sora !important;
    font-weight: 400 !important;
}
.vendor  *{
     font-family: Sora !important;
}

button.delete-btn-eye {
    width: 35px;
    height: 35px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #666;
    color: #ffffff;
    font-size: 13px;
    border: 0;
}
div#deleteAddressModal .modal-content {
    border: 1px solid #e4e4e4;
    padding: 6rem 2rem;
    border-radius: 20px;
}

div#deleteAddressModal .modal-content h4 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #000000;
    max-width: 339px;
    margin: 0 auto 50px;
    line-height: 32px;
}
.upper-btns-modal-pair {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
}
 button.btn-primary.comn-modal-btns-transparent {
    background-color: transparent;
    color: #5BC0DE;
    border-color: #5BC0DE;
}
 button.btn-primary {
    padding: 1.5rem 3rem;
    border-radius: 10px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.041rem;
    text-align: center;
    border: 1px solid transparent;
    max-width: 130px;
    width: 100%;
    text-transform: uppercase;
}


button.comn-modal-btns-blue.btn.add-user {
    padding: 1.5rem 3rem;
    border-radius: 10px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.041rem;
    text-align: center;
    border: 1px solid transparent;
    max-width: 130px;
    width: 100%;
    text-transform: uppercase;
    min-width: 130px;
}

.upper-btns-modal-pair form {
    margin: 0;
}

/* ================= */
.user-icon {
    width: 30px;
    height: 30px;
    background: #5bc0de;
    padding: 6px;
    border-radius: 50%;
}

.user-icon img {
    filter: brightness(0) saturate(100%) invert(80%) sepia(99%) saturate(2%) hue-rotate(61deg) brightness(115%) contrast(101%) !important;
}

.pick-locati-name-icon select#vendor_select {
    border: 1px solid #CDCDCD;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #666666;
    padding: 15px 20px;
    border-radius: 0.4rem;
    font-family: var(--font-secondary);
}

.product-main-one .upper-imag-product-card img {
    aspect-ratio: 16/9;
    object-fit: cover;
} 

.modal-dialog [data-bs-dismiss="modal"] {
    text-transform: capitalize !important;
    border-radius: 5px !important;
}

/* .modal-dialog [data-bs-dismiss="modal"] {
    order: 4;
} */

.modal-content button:not([data-bs-dismiss="modal"]) {
    border-radius: 5px !important;
}

.modal-content button:not([data-bs-dismiss="modal"]):hover {
    border-color: #5BC0DE !important;
    background-color: #5BC0DE !important;
    color: #fff !important;
}

.modal-content button[data-bs-dismiss="modal"]:hover {
    background-color: #5BC0DE !important;
    color: #fff !important;
}
.js-cookie-consent {
    background: #dcdbd7 !important;
}

.js-cookie-consent button {
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid;
    font-weight: 500;
}

.js-cookie-consent button.btn-success {
    background: #5bc0de;
    border: none;
}

.js-cookie-consent button.btn-danger {
    background: transparent;
    border-color: #5bc0de;
    color: #5bc0de;
}
form#contactForm button[type="submit"] {
    color: #fff;
}
form#contactForm button[type="submit"] {
    min-width: 160px;
    font-size: 16px !important;
}
form#contactForm button[type="submit"]:hover {
    background: #5bc0de;
}

div#requestModal .modal-content {
    padding: 50px;
    border-radius: 35px;
    border: none;
}

div#requestModal h5 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
}
div#requestModal .modal-header {
    padding: 0;
    border: none;
}
div#requestModal .modal-body > p {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 50px;
}
div#requestModal .selected-product-details h6 {
    font-family: Oswald;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
}
div#requestModal .form-full {
    display: flex;
    gap: 14px;
}

div#requestModal  textarea#requestMessage {
    min-height: 90px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #666666;
    padding: 15px 20px;
    border-radius: 0.4rem;
    font-family: var(--font-secondary);
}
button#requestButton {
    background: transparent;
    color: #5bc0de;
}