/* uae */
:root {
    --primary-btn-color: #CC0000;
    --heading-color: #1A1A1A;
    --text-color: #fff;
    --form-mob-bg-color: #1e1e1e;
    --form-bg-color: #000000B2;
    --lang-selector-color: #663149;
    --ar-font: 'Tajawal', sans-serif;
    --en-font: 'Stratum', sans-serif;
    --form-input-text-color: #060606;
    --form-input-placeholder-color: #7C7C7C;
}
*{ box-sizing: border-box; margin: 0; padding: 0;color: var(--text-color);}
.container{ width: 92%; margin: 0 auto; }
img{ display: block; width: 100%; height: auto; }
fieldset{ border: none; }
h1,strong,button.submit{font-family: 'Stratum900', sans-serif;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset !important;
  /* background color */
}
    


/* header css */
header { background: #060606; }
header .container { display: flex; gap: 50px; align-items: center; }
header .logo-container { display: flex; width: 133px; height: 59px; align-items: center; }
header .header-right { margin-left: auto; display: flex; align-items: center; gap: 37px; }
header nav ul { display: flex; list-style: none; gap: 40px; }
header nav ul li a { font-family: 'StratumMedium',sans-serif; font-size: 18px; line-height: 1em; text-decoration: none; }
header #language-selector a { font-family: 'Tajawal'; font-weight: 500; font-size: 16px; line-height: 1em; text-decoration: none; }
header .btn a { background: #FFFFFF; padding: 9px 24px; font-family: 'Stratum900',sans-serif; font-size: 14px; line-height: 1em; text-align: center; text-transform: uppercase; color: #000000; text-decoration: none; }

body{  font-family: 'Stratum', sans-serif; background-color: #26282A;}
body.ar{ font-family: 'Bukra', serif; }
body main section:nth-child(odd){background-color: #000;}

/* floating 100 years logo */
.floating-logo { width: 235px; height: auto; position: absolute; right: calc(4% - 9px); margin-top: 25px; z-index: 1; top: 0;}
body .section-hero:before { content: ""; width: 100%; position: absolute; height: 50%; top: 0; left: 0; z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(115, 115, 115, 0) 100%); }
/* hero section */
body .section-hero{background-size: cover; padding: 0; position: relative;}
.main-form .field-wrap input, .main-form .field-wrap select{font-family: 'Stratum',sans-serif; border-radius: 0;}
.section-hero .container { display: flex;  align-items: flex-end; padding-top: 11.8%;padding-bottom: 70px;position: relative; z-index: 1; }
.main-form { max-width: 460px; width: 60%; }
.main-form .form-container { background: var(--form-bg-color); border-radius: 5px; margin-top: 0; padding: 20px; }
.main-form .name-group{display: flex; justify-content: space-between;}
.main-form .headings h1 { font-size: 40px; line-height: 1.025em; text-transform: uppercase;margin-bottom: 20px; }
.main-form .headings h2 { font-weight: 400; font-size: 26px; line-height: 0.8em; text-transform: uppercase; margin-bottom: 20px; }
.main-form .privacy-box h4 { font-family: 'StratumMedium'; font-size: 14px; line-height: 1.4em; margin-top: 5px; margin-bottom: 7px; text-transform: none;}
.main-form .privacy-box .field-wrap { display: flex; align-items: flex-start; gap: 7px; margin-bottom: 15px;position: relative; }
.main-form .privacy-box .field-wrap label { font-family: 'StratumLight'; font-size: 10px; line-height: 1.15em; }
.main-form .privacy-box .field-wrap .privacy-link { font-family: 'StratumBold'; color: #CC0000; }
.main-form .submit-wrap .submit { border: none; background: #CC0000; width: 100%; padding: 10px; font-size: 21px; line-height: 1em; text-align: center; text-transform: uppercase; cursor: pointer;}
.main-form .name-group .field-wrap:first-child { width: 75px; }
.main-form .name-group .field-wrap { width: calc((100% - 75px - (5px * 2)) / 2); }
.main-form .field-wrap input, .main-form .field-wrap select,.main-form .field-wrap select option { width: 100%; border: none; color: var(--form-input-text-color); background: white; padding: 8.2px 12px; line-height: 1.3em; font-size: 14px; }
.main-form .field-wrap { margin-bottom: 5px; position: relative;}
.main-form .field-wrap .iti { width: 100%; }
.main-form .privacy-box .field-wrap input#privacy { width: 15px; height: 15px; background: #FFFFFF4D; z-index: 9;position: absolute; opacity: 0; cursor: pointer;}
.main-form .privacy-box .field-wrap .checkmark { width: 15px; height: 15px; flex-shrink: 0; border: 0.5px solid #ffffff; background: rgba(255, 255, 255, 0.3); /* #FFFFFF4D */ box-sizing: border-box; position: relative; cursor: pointer; -webkit-transform: translateZ(0); cursor:pointer; }
.main-form .privacy-box .field-wrap input:checked + .checkmark { background: rgba(255, 255, 255, 0.3); }
.main-form .privacy-box .field-wrap input:checked + .checkmark::after { content: ""; position: absolute; left: 4.5px; top: 1px; width: 3px; height: 8px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.main-form .privacy-box .field-wrap label { cursor: pointer; line-height: 1.4; }
.main-form .select-wrap select { -webkit-appearance: none; /* Remove default arrow */ -moz-appearance: none; appearance: none; /* Space for the custom arrow */ cursor: pointer; position: relative; }
.main-form .field-wrap input::placeholder { color: var(--form-input-placeholder-color); }
.main-form .fields-group { display: flex; flex-wrap: wrap; gap: 5px; }
.main-form .fields-group .field-wrap { width: calc((100% - 5px ) / 2); }
.iti__country-name { color: #000; }
/* Custom caret */ 
.main-form .select-wrap::after { content: ''; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 0; height: 0; border-left: 3px solid transparent;  /* Half of width */ border-right: 3px solid transparent; /* Half of width */ border-top: 4px solid #333;          /* Height and color */ pointer-events: none; }
.main-form .field-wrap .error { font-size: 8px; color: red; position: absolute; width: fit-content; right: 2px; bottom: 0; }
.main-form .privacy-box .field-wrap .error{     bottom: -9px; left: 18px;}
#success-overlay { display: flex; justify-content: center; align-items: center; position: fixed; top: 0px; bottom: 0px; width: 100%; z-index: 99999999; background-color: rgba(0, 0, 0, 0.8); color: #3d3d3d; }
#success-overlay-innerwrap { display: block; position: relative; width: 92%; max-width: 600px; min-height: 180px; padding: 40px; background-color: rgb(255 255 255 / 90%); border-radius: 5px;    display: flex; justify-content: center; flex-direction: column; }
#success-overlay h4 { text-align: center; font-size: 30px; color: #191919; font-family: 'StratumBold'; margin-bottom: 10px; }
#success-overlay h5 { text-align: center; font-size: 16px; color: #191919; }
#success-overlay-close { position: absolute; right: 0px; top: 0px; font-size: 22px; cursor: pointer; padding: 12px 15px 8px; font-weight: 600; background: #000; color: #fff; font-family: 'Stratum900'; }
.section-hero .mobile-hero { display: none; }
.main-form .field-wrap .iti__selected-country {padding-left: 12px;}
.section-hero #language-selector a { background: #FFFFFFD9; width: fit-content; padding: 5px 16px; margin-left:auto;}
.section-hero #language-selector a { display: block; line-height: 1em; color: #000000; text-decoration: none; text-align: right; font-family: var(--ar-font);font-weight:500;}


/* main */
section{ padding: 50px 0; }
section h3.subheading{font-family: 'StratumLight', sans-serif;font-size: 18px;line-height: 1em;margin-bottom: 5px;font-style: normal; font-weight: 400;}
section h2 { font-family: 'Stratum', sans-serif; font-weight: 500; font-size: 30px; line-height: 1em; margin-bottom: 22px; text-transform: uppercase;}
section h4{font-family: 'Stratum', sans-serif; font-size: 30px; line-height: 1.2em; text-transform: uppercase; font-weight: 500; }
section p{ font-size: 18px; line-height: 1em;font-family: 'StratumLight',sans-serif; }
footer{height: 20px;}
.mobile{display: none;}
.section-hero .bg-video { position: absolute; z-index: 0; width: 100%; height: 100%; object-fit: cover; left: 0;}
.section-hero { position: relative; }
/* card slider */

.card-section .slider-wrapper .owl-item{ width: calc(90% / 4);  display: flex; }
.card-section .slider-wrapper .card .text-wrap { padding: 25px; background: black; height: 100%;position: relative; }
/* Make Owl calculate height across all slides */
.card-section .slider-wrapper .owl-stage { display: flex; min-width: 100%; }
.card-section .slider-wrapper .card { display: flex; flex-direction: column;  width: calc(88.3vw / 4); }
.card-section .slider-wrapper{ width: 96%; margin-left: auto; }
body main section:nth-child(odd) .slider-wrapper .card .text-wrap{ background: #26282A; }
.card-section .slider-wrapper .card .text-wrap p { font-size: 18px; line-height: 1.1em; margin-top: 14px; }
.card-section .slider-wrapper .card .text-wrap .floating {    padding-right: 10px; position: absolute; bottom: 10px; font-family: 'Stratum',sans-serif; font-weight: 500; font-size: 14px; line-height: 1em; left: 25px;}
.owl-carousel .owl-item img.mobile{display: none;}

/* colors slider */ 
#colors-slider .color-card { background: #26282A; padding: 35px 0; height: 100%;}
#colors-slider .color-card .text-wrap { display: flex;  justify-content: center; gap: 10px; margin-top: 20px;    padding: 0 20px; flex-wrap: wrap; align-items: center;}
#colors-slider .owl-dots button { width: 50px; height: 5px; background: #FFFFFFB2; }
#colors-slider  .owl-dots { display: flex; justify-content: center; gap: 8px; margin-top: 25px; }
#colors-slider .owl-dots button.active { background: #CC0000; }
#colors-slider .color-card .img-wrap { max-width: 65%; margin: auto; }
#colors-slider .color-card p { text-align: center; font-size: 18px; width: 100%; text-align: center; margin-top: 16px; }
#colors-slider .owl-stage { display: flex; }
#colors-slider .color-card .text-wrap .color-name { max-width: calc(100% - 34px - 10px); }

/* onstar section */
.onstar-section .two-col { display: flex; gap: 35px; flex-wrap: wrap; margin-bottom: 15px; align-items: center;}
.onstar-section .two-col .img-wrap { width: 60%; }
.onstar-section .two-col .text-wrap { width: calc(100% - 35px - 60%); margin-top: 24px; }
.onstar-section .text-wrap h4 { font-family: 'StratumBold'; font-size: 26px; line-height: 1.1em; text-transform: uppercase; margin-bottom: 10px; }
.onstar-section .text-wrap p { font-size: 19px; line-height: 1.4em; }
.onstar-section .text-wrap p sup { font-family: inherit; font-size: 11px; line-height: 0; color: #CC0000; position: relative; }
.onstar-section .icons { display: flex; gap: 24px; margin-top: 20px; margin-bottom: 40px; }
.onstar-section .icons .icon img { height: 43px; width: auto; }
.onstar-section .icons .icon { display: flex; flex-direction: column; gap: 5.5px; max-width: 100px; }
.onstar-section .icons .icon p {  font-size: 16px; line-height: 1.25em; text-align: center; }
.onstar-section .btn a { border: 1px solid #FFFFFF; padding: 8.5px 20px; width: 100%; display: block; text-decoration: none; font-size: 18px; line-height: 1em; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
.onstar-section .note p {  font-size: 14px; line-height: 1.5em; letter-spacing: 0%; }


/* ar styles */
body.ar{text-align: right;}
.ar .en{font-family: 'Stratum',sans-serif;}
.ar .section-hero #language-selector a { margin-left: 0;margin-right: auto; }
.ar .section-hero #language-selector a{ font-family: 'StratumMedium';font-size: 14px; }
.ar .main-form .field-wrap input,.ar .main-form .field-wrap select { text-align: right; }
.ar .main-form .select-wrap::after { left: 12px; right: unset; }
.ar .iti--allow-dropdown .iti__country-container,.ar .iti--show-selected-dial-code .iti__country-container { left: auto; right: 0; }
.ar .main-form .field-wrap .iti__tel-input { padding-right: var(--iti-selected-country-arrow-padding); padding-left: 12px; }
.ar .main-form .field-wrap .iti__selected-country { padding-right: 12px; direction: rtl;gap: 7px !important;}
.ar .main-form .field-wrap .error { left: 2px; right: unset; bottom: 1px; }
.ar .main-form .privacy-box .field-wrap .error { right: 18px; left: unset; bottom: -9px;}
.ar .main-form{direction: rtl;}
body.ar{ font-family: 'Bukra', serif; }
.ar .en { font-family: 'Stratum'; }
.ar h1,.ar strong,.ar button.submit { font-family: 'BukraBold',serif; }
.ar .main-form .headings h1 .en { font-family: 'Stratum900', sans-serif; }
.ar .main-form .headings h2 .en{ font-family: 'StratumBold',sans-serif; font-size: 26px;}
.ar .main-form .privacy-box h4 { font-family: 'Bukra',serif;font-size: 12px; }
.ar .main-form .privacy-box .field-wrap label { font-family: 'BukraLight',serif;font-size: 9px; }
.ar .main-form .privacy-box .field-wrap .privacy-link { font-family: 'BukraLight',serif; }
.ar .main-form .field-wrap input,.ar .main-form .field-wrap select{ font-family: 'BukraLight',serif; }
.ar .main-form .headings h1{font-size: 31px;line-height: 1.4em;margin-bottom: 10px;}
.ar .main-form .headings h1 .en{font-size: 40px;}
.ar .main-form .headings h2{font-size: 21px;}
.ar .main-form .submit-wrap .submit{font-size: 20px;}
.ar #success-overlay h4 { font-family: 'BukraMedium', serif; direction: rtl; margin-bottom: 20px; font-size: 26px;}
.ar #success-overlay h5 { font-family: 'Bukra',serif; direction: rtl; line-height: 1.4em; font-size: 14px; }
.ar #success-overlay-close { left: 0; right: unset; }
.ar .section-hero #language-selector a { margin-left: 0;margin-right: auto; }
.ar .section-hero #language-selector a{ font-family: 'Stratum';font-size: 14px; }
.ar section h2{font-family: 'BukraMedium', serif; font-size: 30px; margin-top: 10px;}
.ar section h3.subheading{font-family:'Bukra', serif; font-size: 14px; font-weight: 400;}
.ar section h3.subheading .en { font-size: 18px; }
.ar h2,.ar h3,.ar h4,.ar p{direction: rtl;}
.ar section h4{font-family: 'BukraMedium', serif; font-size: 24px; line-height: 1.4em;}
.ar section h4 .en{font-family: 'StratumMedium',sans-serif;  font-size: 28px;}
.ar .aesthetics-section h4{font-family: 'Bukra',serif; font-size: 24px;}
.ar .card-section .slider-wrapper .card .text-wrap .floating{font-family: 'Bukra',serif; left: unset; padding-left: 10px;padding-right: 0; right: 25px;}
.ar section p{font-family: 'Bukra',serif;}
.ar .onstar-section .text-wrap h4{font-family: 'BukraBold', serif; font-size: 22px; line-height: 1.4em;}
.ar .card-section .slider-wrapper .card .text-wrap p{font-size: 14px; line-height: 1.4em;}
.ar .card-section .slider-wrapper .card .text-wrap p .en{font-size: 18px;}
.ar .card-section .slider-wrapper .card .text-wrap .floating{font-size: 12px;}
.ar .card-section .slider-wrapper .card .text-wrap .floating .en{font-size: 14px;}
.ar #colors-slider .color-card p{font-size: 14px;}
.ar .onstar-section .text-wrap p{font-size: 16px;}
.ar .onstar-section .text-wrap p .en{font-size: 18px;}
.ar .onstar-section .note p{font-size: 11px; line-height: 1.4em;}
.ar .onstar-section .note p .en{font-size: 14px;}
.ar #colors-slider .color-card .text-wrap { direction: rtl; }
.ar .onstar-section .two-col,.ar header nav ul { direction: rtl; }
.ar header nav ul li a{font-family: 'BukraMedium',serif; font-size: 14px;}
.ar header nav ul li a .en{font-family: 'StratumMedium',serif; font-size: 18px;}
.ar header #language-selector a{font-family: 'Stratum', serif; }
/* .ar .card-section .slider-wrapper .owl-stage { direction: rtl; } */
.ar .card-section .slider-wrapper { margin-right: auto; margin-left: 0; }
/* desk oonly css  */ 
@media  screen and (min-width:981px) {
    /* slider-resp */
    .card-section .slider-wrapper.desk-disabled{width: 92%; margin-right: auto; margin-left: auto;}
    .card-section .slider-wrapper.desk-disabled .owl-stage .owl-item:last-child { margin-right: 0 !important; }
    .card-section .slider-wrapper.desk-disabled .owl-stage .owl-item { width: calc((100% -  10px * 3)/ 4) !important; }
    .card-section .slider-wrapper.desk-disabled .owl-stage .owl-item .card { width: 100%; }
}
@media screen and (min-width:769px) {
    .card-section .slider-wrapper .card .text-wrap{min-height: 198px;}
    .section-hero .container{min-height: calc(100vh - 59px);}
} 

/* responsive css */
@media screen and (max-width:980px) {
    /* slider-resp */
    .card-section .slider-wrapper .card,.card-section .slider-wrapper.desk-disabled .owl-stage .owl-item .card { width: calc(88vw / 3); }
    .onstar-section .two-col { gap: 20px; }
    .onstar-section .two-col .img-wrap,.onstar-section .two-col .text-wrap { width: calc((100% - 20px ) / 2); }
    .onstar-section .icons { margin-bottom: 20px; }
    header .container { gap: 25px; }
}
@media screen and (max-width:768px) {
    .section-hero .mobile-hero { display: block; }
    body .section-hero{background:none;}
    .section-hero .container { width: 100%; padding: 0; height: auto; margin-top: -41px; }
    .main-form { width: 100%; max-width: unset; }
    .main-form .form-container { border-radius: 0; background: var(--form-mob-bg-color); padding: 25px 25px 22px;  }
    .section-hero .mobile-hero img { max-height: 400px; object-fit: cover; object-position: 0 70%; }
    .section-hero #language-selector a { margin-right: 25px; margin-bottom: 10px;}
    .main-form .field-wrap input, .main-form .field-wrap select { background: #dedede; font-size: 12px; }
    input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, 
    input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px #dedede inset !important; /* background color */ }
    
    .main-form .headings h1 { font-size: 25.5px; margin-bottom: 15px; text-align: center; }
    .main-form .headings h2 { font-size: 17px; margin-bottom: 13px; }
    .main-form .name-group { flex-wrap: wrap; }
    .main-form .name-group .field-wrap:last-child { width: 100%; }
    .main-form .name-group .field-wrap { width: calc(100% - 75px - (5px )); }
    /* ar resp */
    .ar .section-hero #language-selector a{margin-left: 25px;}
    .ar .main-form .headings h1{font-size: 18.5px;line-height: 1.1em; margin-bottom: 15px;}
    .ar .main-form .headings h2{font-family: 'BukraLight',serif;font-size: 14px;}
    .ar .main-form .field-wrap input, .ar .main-form .field-wrap select{ font-size: 12px; }
    .ar .main-form .submit-wrap .submit{font-size: 18px;}
    .ar .main-form .headings h1 .en{font-size: 22px;}
    .ar .main-form .headings h2 .en{ font-size: 16px;}

    .floating-logo{width: 100px; height: auto; margin-top: 10px; }
    body .section-hero:before{height: 25%;}

    /* bespoke hero bg video */
    .section-hero .bg-video { position: relative; }
    .desktop,.owl-carousel .owl-item img.desktop { display: none; }
    .mobile ,.owl-carousel .owl-item img.mobile{ display: block; }

    /* mobile font-sizes */
    section h3.subheading { font-size: 16px;  }
    section h2 { font-size: 25.5px;margin-bottom: 15px; }
    section h4 { font-size: 20px; }
    .aesthetics-section h4 { font-size: 16px; }
    .card-section .slider-wrapper .card .text-wrap p { font-size: 16px; }
    .onstar-section .text-wrap p { font-size: 16px; }
    .onstar-section .note p { font-size: 13px; }
    .onstar-section .text-wrap h4 { font-size: 20px; }
    section { padding: 25px 0; }

    /* card sliders -resp */
    .card-section .slider-wrapper .card, .card-section .slider-wrapper.desk-disabled .owl-stage .owl-item .card { width: calc(85vw / 2); }
    .card-section .slider-wrapper .card .text-wrap { padding: 25px 20px; }
    .card-section .slider-wrapper .card .text-wrap p { margin-top: 10px; }
    #colors-slider .color-card .img-wrap { max-width: calc(100% - 40px); }
    #colors-slider .owl-dots button { width: 40px; height: 2.5px; }
    #colors-slider .owl-dots { margin-top: 20px; }
    #colors-slider .color-card p { font-size: 12px; margin-top: 10px; }
    .card-section .slider-wrapper .card .text-wrap .floating{left: 20px;}
    #colors-slider .color-card .swatch { width: 17px; }

    /* onstar section */
    .onstar-section .two-col .img-wrap, .onstar-section .two-col { width: 100%; }
    .onstar-section .two-col .text-wrap { width: 92%; margin: auto; }
    .onstar-section .two-col .text-wrap .note { margin-bottom: 20px; }
    .onstar-section .note p { margin-bottom: 10px; }
    .onstar-section .two-col{margin-bottom: 0;}
    footer { height: 10px; }
    /* hamburger */
    header #hamburger span { width: 28px; height: 2px; background: white; }
    header #hamburger { display: flex; flex-direction: column; gap: 8px; cursor: pointer; }
    /* header nav { display: none; } */
    header .container { justify-content: space-between; }
    header .header-right { display: none; }
    header #menuOverlay.active { width: 100%; height: 100%; background: #55565AE5; position: fixed; left: 0; top: 0; z-index: 9; }
    header .logo-container { z-index: 999; width: 101px; height: auto; }
    header #menu { position: fixed; top: 0; left: 0;  transform: translateY(-100%); transition: transform 0.3s ease; }
    header #menu.active { background: #000000; transform: translateY(0); width: 100%; position: absolute; left: 0; top: 0; z-index: 99; padding: 50px; }
    header #menu.active ul { flex-direction: column; align-items: center; gap: 33px; }
    header { padding: 8px 0; }
    header nav ul li a { font-size: 20px;    position: relative; display: inline-block;padding-bottom: 10px;}
    header #menu.active:after { content: ''; position: absolute; bottom: 10px; width: 34px; background: white; height: 2.5px; left: 0; right: 0; margin: auto; border-radius: 10px; }
    header #menu.active ul li a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: var(--primary-btn-color); opacity: 0; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease, opacity 0.3s ease; z-index: 99999; }
    header #menu.active ul li a.active::after { opacity: 0.9; transform: scaleX(1); }

    /* success */
    /* #success-overlay h5{font-size: 16px;}
    #success-overlay h4 {font-size: 30px;} */
    .ar #success-overlay h4 {font-size: 20px;}
    .ar #success-overlay h5{font-size: 12px;}

    /* ar fonts */
    .ar section h2{font-size: 21px;}
    .ar section h3.subheading{font-size: 13px;}
    .ar section h3.subheading .en {font-size: 16px;}
    .ar h2,.ar h3,.ar h4,.ar p{direction: rtl;}
    .ar section h4{font-size: 17px;}
    .ar section h4 .en{font-size: 20px;}
    .ar .aesthetics-section h4{font-size: 13px;}
    .ar .card-section .slider-wrapper .card .text-wrap .floating{padding-left: 10px;right: 20px;}
    .ar .onstar-section .text-wrap h4{font-size: 16px;}
    /* .ar .card-section .slider-wrapper .card .text-wrap p{font-size: 12px;} */
    /* .ar .card-section .slider-wrapper .card .text-wrap p .en{font-size: 16px;} */
    .ar .card-section .slider-wrapper .card .text-wrap .floating{font-size: 12px;}
    .ar .card-section .slider-wrapper .card .text-wrap .floating .en{font-size: 14px;}
    .ar #colors-slider .color-card p{font-size: 10px;}
    .ar .onstar-section .text-wrap p{font-size: 13px;}
    .ar .onstar-section .text-wrap p .en{font-size: 14px;}
    /* div#success-overlay-innerwrap { min-height: 180px; } */

}
@media screen and (max-width:480px) {
    /* slider-resp */
    .card-section .slider-wrapper .card, .card-section .slider-wrapper.desk-disabled .owl-stage .owl-item .card { width: 59vw; }
}