/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
* {
    scrollbar-width: thin;
    scrollbar-color: var(--placeholder) var(--gray-first);
  }
  
  /* Chrome, Edge and Safari */
  *::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }
  *::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--gray-first);
  }
  
  *::-webkit-scrollbar-track:hover {
    background-color: var(--gray-first);
  }
  
  *::-webkit-scrollbar-track:active {
    background-color: var(--gray-first);
  }
  
  *::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--placeholder);
  }
  
  *::-webkit-scrollbar-thumb:hover {
    background-color: var(--placeholder);
  }
  
  *::-webkit-scrollbar-thumb:active {
    background-color: var(--placeholder);
  }
:root {

      /* Typography */   
     --base-fonts: "Inter", sans-serif;
    --text-12: 12px;
    --text-13: 13px;
    --text-14: 14px;
    --text-15: 15px;
    --base-text: 16px;       
    --text-17: 17px; 
    --text-18: 18px;    
    --text-20: 20px;
    --text-22: 22px;
    --text-24: 24px;
    --text-26: 26px;
    --text-30: 30px;
    --text-32: 32px;
    --text-35: 35px;
    --text-40: 40px;
    --text-50: 50px;


    /* Colors */
     --base-color: #1a1a1a; 
    --primary: #D12027;
    --primary-dark: #b0171d;
    --card-hover: #DF6368;
    --yellow: #EFC01A;
    --primary-light: #FBE9EA;    
    --primary-selected-check:#FFFAF9;
    --white: #ffffff;
    --placeholder:#444558;
    --placeholder-new:#8a8a8d;
    --gray-field:#E2E6EB;
    --gray-booking-bg:#fafafa;
    --gray-progress:#D9D9D9;
    --gray-header-border:#DEE5EA;
    --gray-first:#EEEEF0;
    --gray-second:#AAA1A0;
    --gray-third:#FAF8F8;
    --gray-fourth:#F5F5F5;
    --gray-fifth:#F6F6F6;
    --gray-sixth:#D3D7D8;
    --gray-seventh:#BDBDBD;
    --gray-eighth:#D0CFCF;
    --gray-nav:#848484;
    --gray-border:#E8DADA;
    --gray-box-border:#E4E2E2;
    --gray-card:#212838;
    --gray-card-service:#E8E8E8;
    --gray-section-bg:#F5F7F9;
    --primary-selected:#FFECE9;
    --primary-sidebar:#FAE9E9;
    --cart-bg:#F6F8F9;
    --cart-border:#D0E2EA;
    --new-black:#0f0f10;
    --gray-new:#8a8a8a;
    --gray-text:#a0a0a5;



    /* Car colors */
    --car-black:#000000;
    --car-white:#ffffff;
    --car-gray-dark:#9C9292;
    --car-silver:#D7D3D3;


    /* Border Rounded */  
    --border-r-4: 4px;
    --border-r-6: 6px;
    --border-r-8: 8px;
    --border-r-10: 10px;
    --border-r-12: 12px;
    --border-r-15: 15px;
    --border-r-20: 20px;
    --border-r-30: 30px;
    --border-r-100: 100px;
 
    


}

/*--------------General CSS---------*/




body {
    margin: 0;
    padding: 0;
    color: var(--base-color);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    font-size: var(--base-text);
    font-family:var(--base-fonts);
    font-weight: 400;
    width: 100%;
    background-color: var(--body-bg);
    overflow: auto;
}



img {
    border: 0 none;
    max-width: 100%;
}

a {
    outline: none;
    cursor: pointer;
    color: var(--primary);
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--primary-dark);
    text-decoration: none;
}

a,
button,
.btn {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}



/*-----------------------main styles starts here-----------------------------------------------*/

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
h1, h2, h3, h4, h5 { font-weight: 400;}
main {margin-top: 78px;}



/*=====================================	PLACE HOLDER CSSS START HERE 		====================================*/
.form-control::-moz-placeholder {
    color:var(--placeholder-new);
    opacity:1
  }
  .form-control::placeholder {
    color:var(--placeholder-new);
    opacity:1
  }
  .form-control:-ms-input-placeholder {
    color: var(--placeholder-new);
    opacity: 1;
  }
input.form-control,
textarea.form-control,
select.form-control {
    background-color: var(--white);
    border: 1px solid #8a949b;
    /* border: 1px solid var(--gray-field); */
    border-radius: var(--border-r-6);
    box-shadow: none;
    font-size: var(--base-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 42px;
    color: var(--base-color);
    padding: 10px 20px;
    font-weight: 400;
}
select.form-control {background-image: url(../images-nct/select-arrow.svg); background-position: 97% center; background-repeat: no-repeat; background-size: 24px 24px;}
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus
{border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.15) ;
  outline: 0;}
textarea.form-control {
    height: auto;
    overflow: auto;
    white-space: normal;
    resize: none;
}
.form-label .option-note {font-size: var(--text-14); color: var(--gray-text);}
.form-group {
    margin-bottom:20px;
}
.form-check {display: flex; padding: 0; gap: 14px; align-items: self-start;}
.form-check .form-check-input {box-shadow: none; outline: none; width: 24px; height: 24px; min-width: 24px; min-height: 24px;  border-color: var(--gray-field); margin: 0px;}
.form-check-input:checked[type="checkbox"] {background-image: url(../images-nct/check.svg); background-repeat: no-repeat; background-position: center center; background-color: var(--white); background-size: 12px auto; border-color: var(--primary); box-shadow: none; outline: none;}
/*===================================== Commen Butons ===================================*/

.lg-btn {
    border-radius: var(--border-r-6);
    border: 1px solid var(--primary);
    background-color: var(--primary);
    text-align: center;
    color: var(--white);
    padding: 13px 40px;
    font-size: var(--text-14);
    font-weight: 600;
    line-height: 1.40022222;
    box-shadow: 0 8px 24px rgba(209, 32, 39, 0.25);
    text-transform: uppercase;
    
}

.lg-btn:hover,
.lg-btn:focus {
    border: 1px solid var(--primary-dark);
    background-color: var(--primary-dark);
    color: var(--white);
    transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(209, 32, 39, 0.45);
}
.lg-border-secondary-btn {
    border-radius: var(--border-r-6);
    border: 1px solid #212529;
    background-color: transparent;
    text-align: center;
    color:#212529;
    padding: 13px 40px;
    font-size: var(--text-14);
    font-weight: 600;
    line-height: 1.40022222;
    text-transform: uppercase;
    
}

.lg-border-secondary-btn:hover,
.lg-border-secondary-btn:focus {
    border: 1px solid #212529;
    background-color:#212529;
    color: var(--white);
}
.lg-border-white-btn {
    border-radius: var(--border-r-6);
    border: 1px solid var(--white);
    background-color: transparent;
    text-align: center;
    color: var(--white);
    padding: 13px 40px;
    font-size: var(--text-14);
    font-weight: 600;
    line-height: 1.40022222;
    text-transform: uppercase;
    
}

.lg-border-white-btn:hover,
.lg-border-white-btn:focus {
    border: 1px solid var(--white);
    background-color: var(--white);
    color: var(--base-color);
}
.lg-btn-white {
    border-radius: var(--border-r-4);
    border: 1px solid var(--white);
    background-color: var(--white);
    text-align: center;
    color: var(--new-black);
    padding: 13px 36px;
    font-size: var(--text-14);
    font-weight: 700;
    line-height: 1.40022222;
    
}

.lg-btn-white:hover,
.lg-btn-white:focus {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    color: var(--white);
    transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(209, 32, 39, 0.4);
}


.lg-btn-border {
    border-radius: var(--border-r-6);
    border: 1px solid var(--primary);
    background-color: transparent;
    text-align: center;
    color: var(--primary);
   padding: 13px 40px;
    font-size: var(--text-14);
    font-weight: 600;
    line-height: 1.40022222;
    
}

.lg-btn-border:hover,
.lg-btn-border:focus {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    color: var(--white);
}



.medium-btn {
    border-radius: var(--border-r-6);
    border: 1px solid var(--primary);
    background-color: var(--primary);
    text-align: center;
    color: var(--white);
    padding: 7px 20px;
    font-size: var(--text-14);
    font-weight: 600;
    line-height: 1.40022222;
    box-shadow: 0 8px 24px rgba(209, 32, 39, 0.25);
    text-transform: uppercase;
    
}

.medium-btn:hover,
.medium-btn:focus {
    border: 1px solid var(--primary-dark);
    background-color: var(--primary-dark);
    color: var(--white);
    transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(209, 32, 39, 0.45);
}
.gray-border-btn {
    border-radius: var(--border-r-6);
    border: 1px solid rgba(255, 255, 255, 0.15);
    background-color: transparent;
    text-align: center;
    color: var(--white);
    padding: 8px 20px;
    font-size: var(--text-14);
    font-weight: 600;
    line-height: 1.40022222;
    box-shadow: none;
    text-transform: uppercase;
    
}

.gray-border-btn:hover,
.gray-border-btn:focus {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    color: var(--white);
    transform: translateY(-2px);
    box-shadow:none
}




.sm-btn {
    border-radius: var(--border-r-6);
    border: 1px solid var(--primary);
    background-color: var(--primary);
    text-align: center;
    color: var(--white);
    padding: 8px 15px;
    font-size: var(--text-14);
    font-weight: 700;
    line-height: 1.40022222;
  
}

.sm-btn:hover,
.sm-btn:focus {
    border: 1px solid var(--primary-dark);
    background-color: var(--primary-dark);
    color: var(--white);
}
.medium-border-btn {
    border-radius: var(--border-r-6);
    border: 1px solid var(--primary);
    background-color: var(--white);
    text-align: center;
    color: var(--primary);
    padding: 7px 20px;
    font-size: var(--text-14);
    font-weight: 600;
    line-height: 1.40022222;
    
}

.medium-border-btn:hover,
.medium-border-btn:focus {
    border: 1px solid var(--primary);
    background-color: var(--primary-light);
    color: var(--primary);
}
.second-btn {
    border-radius: var(--border-r-6);
    border: 1px solid var(--primary);
    background-color: var(--primary);
    text-align: center;
    color: var(--white);
    padding: 10px 15px;
    font-size: var(--text-18);
    font-weight: 500;
    line-height: 1.40022222;
    
}

.second-btn:hover,
.second-btn:focus {
    border: 1px solid var(--primary-dark);
    background-color: var(--primary-dark);
    color: var(--white);
}
.close-btn {color: #898989; font-weight: 600;}
.close-btn:hover, .close-btn:focus {color: var(--black);}

.header-right {margin-left:auto;}
header .navbar {padding-top: 11px; padding-bottom: 11px;}





.btn-block .btn {margin-right: 10px; vertical-align: top;}
.btn-block .btn:last-child {margin: 0;}

.navbar-brand {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    z-index: 5;
}
.navbar-brand img {max-width: 95px;}
.custom-space {padding: 0 48px;}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid var(--gray-header-border);
    background-color: var(--white);
    z-index: 100;
    padding: 0;
}
header.first-header {background-color:var(--new-black); border-bottom:none;}
header.first-header .navbar-brand {position: absolute; left: 0; top: 15px;transition: all 0.2s ease-in-out;}
  header.first-header .navbar-brand img {max-width:inherit; width:116px;}
  header.first-header .navbar-brand:hover {transform: scale(1.02);}
 header.first-header .manin-nav-link {color:var(--white);}
 header.first-header .manin-nav-link:hover, header.first-header .manin-nav-link:focus {color: var(--primary);}
 header.first-header .nav-icon-btn{ width: auto; height: auto; min-width: inherit; min-height: inherit; background-color: transparent; flex-direction: column; border: none; color: var(--white);}
 header.first-header .nav-icon-btn:hover, header.first-header .nav-icon-btn:focus {color: var(--primary);}
  header.first-header .nav-icon-btn .nav-text {font-size: 12px; margin-top: 4px; display: inline;}
  header.first-header .nav-icon-btn:hover i {transform: translateY(-1px);}
  header.first-header .sm-btn {margin-right: 6px; text-transform: uppercase; }
/* Booking Steps */
.booking-header {background-color: var(--gray-booking-bg);}
.booking-main {margin-top: 62px; min-height: 47vh; background-color: var(--white);}
.booking-section {padding: 50px 0; position: relative;}
.booking-section::after {position: fixed; left: 0; top: 0; width: 100%; height: 100%;background-color: var(--gray-booking-bg); content: ""; z-index: -1;}
.booking-progress {height: 10px;}
.booking-top {text-align: center; position: relative; padding: 0 50px;}
.close-booking {width: 40px; height: 40px; border-radius: 50%; background-color: var(--gray-first); display: flex; align-items: center; justify-content: center; position: absolute; right: 38px; top: 45px; border: 1px solid var(--gray-first);}
.close-booking:hover, .close-booking:focus {background-color: var(--white);}
.booking-top h1 {font-size: var(--text-35); margin: 0;}
.booking-top p {font-size: var(--base-text); margin: 10px auto 0; max-width: 620px; width: 100%; line-height: 20px;}
.booking-progress {margin-top: 30px; background-color: var(--gray-progress);}
.booking-progress .progress-bar {border-radius: var(--border-r-10); background-color: var(--primary);}
.booking-box {background-color: var(--white); border-radius: var(--border-r-30); border: 1px solid var(--gray-header-border); padding: 40px; margin-top: 30px;}
.step-container-lg {width: 100%; max-width: 690px; margin: 0 auto;}
.step-container-md {width: 100%; max-width: 650px; margin: 0 auto;}
.step-container-sm {width: 100%; max-width: 420px; margin: 0 auto;}
.icon-check {position: relative;} 
.icon-check [type="radio"] {position: absolute; width: 100%; height: 100%; opacity: 0;}
.icon-check .form-radio:checked + .radio-label {
  background-color:  var(--primary-selected);
  color: var(--primary);
  border-color: #f5b3b3;
}
.icon-check .form-radio:checked + .radio-label .icon img  {filter: none; }
.icon-check .radio-label {
  border: 1px solid #8a949b;
  display: block;
  border-radius: var(--border-r-12);
  position: relative;
  color: var(--base-color);
  padding: 7px;
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
}
.icon-check .radio-label > .icon {
  border-radius: var(--border-r-12);
  background-color: var(--primary-selected-check);
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center; 
  
}
.icon-check .radio-label > .icon img {filter: grayscale(100); }
.icon-check .radio-label > .r-label {
  font-size:var(--text-18);
  font-weight: 600;
  display: block;
}
/* Box radio */
.box-radio {position: relative;} 
.box-radio [type="radio"] {position: absolute; width: 100%; height: 100%; opacity: 0;}
.box-radio .form-radio:checked + .radio-label {
  color: var(--primary);
}
.box-radio .form-radio:checked + .radio-label .icon  {border-color: var(--primary); }
.box-radio .form-radio:checked + .radio-label .icon-color  {border-color: var(--primary); }
.box-radio .form-radio:checked + .radio-label .icon:before  {width: 20px; height: 20px; border-radius: 50%;content: ""; background-color: var(--primary); }
.box-radio .radio-label {
  border: 1px solid var(--gray-field);
  display: block;
  border-radius: var(--border-r-12);
  position: relative;
  color: var(--base-color);
  padding: 20px 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.box-radio .radio-label  .icon {
  border-radius: 50%;
  border: 1px solid var(--gray-second);
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center; 
  position: relative;  
}
.box-radio .radio-label .icon-color {
  border-radius: 50%;
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;

}
.box-radio .radio-label  .r-label {
  font-size:var(--text-18);
  font-weight: 600;
  display: block;
}
.box-radio .radio-label .icon-color.car-black {background-color: var(--car-black);}
.box-radio .radio-label .icon-color.car-white {background-color: var(--car-white); border-color: var(--gray-second);}
.box-radio .radio-label .icon-color.car-gray {background-color: var(--car-gray-dark);}
.box-radio .radio-label .icon-color.car-silver {background-color: var(--car-silver);}


.radio-flex {display: flex; justify-content: space-between; gap: 5px; width: 100%;}

/* Box check */
.box-check {position: relative;} 
.box-check [type="checkbox"] {position: absolute; width: 100%; height: 100%; opacity: 0;}
.box-check .form-check:checked + .check-label {
  color: var(--primary);
}
.box-check .form-check:checked + .check-label .icon  {border-color: var(--primary); }
.box-check .form-check:checked + .check-label .icon-color  {border-color: var(--primary); }
.box-check .form-check:checked + .check-label .icon:before  {width: 15px; height: 11px; background-image: url(../images-nct/check.svg); background-position: center center; background-repeat: no-repeat; display: block; content: "";}
.box-check .check-label {
  border: 1px solid var(--gray-field);
  display: block;
  border-radius: var(--border-r-12);
  position: relative;
  color: var(--base-color);
  padding: 20px 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;

}
.box-check .check-label  .icon {
  border: 1px solid var(--gray-second);
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center; 
  position: relative;  
    border-radius: 5px;
}

.box-check .check-label  .r-label {
  font-size:var(--text-18);
  font-weight: 600;
  display: block;
}



.booking-section .btn-block {display: flex; justify-content: space-between; align-items: center; margin-top: 50px;}
.booking-section .btn-block .medium-btn, .booking-section .btn-block .medium-border-btn {min-width: 136px;}
.booking-spacer {margin-bottom: 50px;}
.label-lg {font-size: var(--text-22); font-weight: 600; margin: 0 0 15px;}
.form-link {font-size: var(--base-text); font-weight: 500; margin: 24px 0 0;}
.phone-field .input-group-text { background-color: transparent;}
.phone-field .country-code.form-control {border: none; height: 49px; background-color: var(--primary-selected); border-radius:7px 0 0 7px; background-image: none; min-width: 96px; max-width: 96px;}
input.form-control-lg {background-color: var(--gray-third); height: 65px; font-size: var(--text-20); font-weight: 500; padding-left: 20px;}
.booking-total {background-color: var(--gray-third);color: var(--primary); font-size: var(--text-20); font-weight: 700; border-left: none; padding-right: 20px;}
.input-group input.form-control-lg {border-right: none;}
.days-check .radio-label {min-height: 123px; padding: 15px 10px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.days-check .radio-label  .dn {font-size: var(--text-18); display: block; margin-bottom: 15px;}
.days-check .radio-label  .dd {font-size: var(--text-32); font-weight: 700;display: block;}
.dd-row {display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 30px;}
.dd-cell {width: 100%;}
.time-check .form-radio:checked + .radio-label { border-color: var(--primary); background-color: var(--white);}
.time-check .radio-label > .r-label {display: block;text-align: center; width: 100%;}
.time-check .radio-label {padding: 13px 7px;}
.dp-header {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.dp-month {margin: 0; font-size: var(--text-24); font-weight: 600;}
.dp-btn {outline: none; box-shadow: none; border: 1px solid var(--gray-field); background-color: var(--white); display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: var(--border-r-6); padding: 0;}
.dp-btn:hover, .dp-btn:focus {background-color: var(--gray-first);}


/* Booking Steps */
.profile-main {margin-top: 60px; }
.profile-header {background-color: var(--white);}
.nav-icon-btn {position:relative; width: 40px; height: 40px; min-width: 40px; min-height: 40px; background-color: var(--gray-fourth); display: flex; align-items: center; justify-content: center; border-radius: var(--border-r-10); border: 1px solid var(--gray-fourth); margin-left: 20px;}
.nav-icon-btn .profile-pic {width: 100%; height: 100%;border-radius: var(--border-r-10);}
.nav-icon-btn:hover, .nav-icon-btn:focus {background-color: var(--white);}
.nav-icon-btn .count {
  background-color: var(--primary);
  border-radius: 50%;
  min-width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -10px;
  top: -12px;
  color: var(--white);
  font-size: 12px;
  font-weight: 700;

}
.menu.btn12 {margin-left: 20px;}
.profile-menu .dropdown-toggle::after {display: none;}
.header-search {display: flex; gap: 20px;}
.header-search input.form-control {height: 50px; background-color: var(--gray-fifth); border: 1px solid var(--gray-sixth); min-width: 360px;}

.header-search .nav-search-btn {width: 50px; height: 50px; min-width: 50px; min-height: 50px; background-color: var(--primary); display: flex; align-items: center; justify-content: center; border-radius: var(--border-r-10); border: none;  outline: none; padding: 0;}
.header-search .nav-search-btn:hover, .header-search .nav-search-btn:focus {background-color: var(--primary-dark);} 
footer {margin-top: 0 !important;
  background-color: #111112 !important;
  border-top: 2px solid rgba(255, 255, 255, 0.07) !important;
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.7);
   padding: 60px 0 35px; color: var(--white);} 
.footer-nav li {color: var(--gray-seventh); margin-bottom: 12px; font-size: var(--text-14);}
.footer-nav li a {color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: color 0.25s ease, padding-left 0.25s ease; font-size: var(--text-14);
  display: inline-block;}
.footer-nav li a:hover, .footer-nav li a:focus {color: var(--primary);
  padding-left: 4px;}
.footer-nav h3 { 
  color: var(--white);
  font-size: var(--text-15);
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  text-transform: uppercase;
} 
.footer-nav h2 {font-family: var(--base-text); font-weight: 500; margin-bottom: 5px; font-size: var(--text-35);color: var(--white);} 
.copyright {text-align: center; margin: 40px 0 0;}
.copyright-text {
  font-size: var(--text-13);
  color: rgba(255, 255, 255, 0.3);
  border-top:1px solid rgba(255, 255, 255, 0.04) ;
  padding-top: 25px;
}

.sidebar {height: calc(100vh - 60px);
  background-color: var(--primary-sidebar);
  min-width: 323px;
  overflow: auto;
  padding: 10px 0;
  position: sticky;
  top:60px;
  padding-top: 60px;
  left: 0;}
.sidebar-item {border-bottom: 1px solid var(--gray-eighth); text-transform: uppercase; position: relative;}
.sidebar-item:last-child {border-bottom: none;}
.sidebar-item .sidebar-link {font-size: var(--text-18); font-weight: 600; color: var(--base-color); display: block; padding: 16px 30px;}
.sidebar-item .sidebar-link.active {color: var(--primary);}
.sidebar-item .sidebar-link.active:before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 5px; background-color: var(--primary);}

.sub-nav {padding-left: 0; margin-bottom: 10px;}
.sub-nav .sub-nav-link {color: var(--gray-nav); display: block; padding: 10px 15px 10px 40px; font-weight: 600; position: relative;}
.sub-nav .sub-nav-link.active {color: var(--primary);}
.sub-nav .sub-nav-link.active:before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 5px; background-color: var(--primary);}
.profile-container {padding: 50px; width: 100%;}
.profile-box {background-color: var(--white); border-radius: var(--border-r-12); padding: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.10); border: 1px solid var(--gray-box-border);}
.profile-wrapper {display: flex; align-items: start;}
.profile-title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; gap: 10px;}
.profile-title h1 {font-family: var(--base-fonts); font-size: var(--text-26); font-weight: 700; margin: 0;}
.profile-title h1 span {font-weight: 400;}
.profile-title .medium-btn img {margin-right: 5px; align-items: center;}
.user-info {border: 1px solid var(--gray-border); display: flex; align-items: start; border-radius: var(--border-r-8); min-height: 80px; margin-bottom: 10px;}
.user-label{
	position: relative;
	background: var(--gray-fourth);
  padding: 15px 30px;
  font-size: var(--base-text); font-weight: 600;
  border-radius: var(--border-r-8) 0 0 var(--border-r-8);
  width:25%;
  min-height: 80px;
  display: flex;
  align-items: center;
}
.user-label:after {
	right:-5px;
	top: 0;
	width: 28px;
  height: 80px;
	content: "";
	position: absolute;
background-image: url(../images-nct/arrow-lg.svg); background-repeat: no-repeat; background-position: center top; background-size: 100% 100%;
}
.user-value {
  padding: 15px 30px 15px 50px;
  font-size: var(--base-text); font-weight: 400;
  min-height: 80px;
  display: flex;
  align-items: center;
}

.common-table th {background-color: var(--gray-fourth); border-bottom: none; box-shadow: none; font-size: var(--base-text); font-weight: 500;}
.common-table th:first-child {border-radius: var(--border-r-10) 0 0;}
.common-table th:last-child {border-radius: 0 var(--border-r-10) 0 0;}
.common-table th, .common-table td {padding: 15px 20px;}
.common-table td {border-bottom-color: var(--gray-eighth); font-size: var(--base-text); color: var(--base-color); align-items: center;}
.status {min-width:96px; text-align: center; padding: 4px 5px; font-size: var(--text-14); font-weight: 500; display: inline-block; border-radius: var(--border-r-30);color: var(--white);}
.booked {background-color: #0B5CB7; }
.ongoing {background-color: #FF70E5;}
.completed {background-color: #00C269;}
.refunded {background-color: #c29500;}
.cancelled {background-color: #c20000;}
.op-btnts {display: flex; align-items: center; justify-content: center; gap: 10px;}
.op-btn {width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--primary-light); border: 1px solid var(--primary-light);}
.op-btn:hover, .op-btn:focus {background-color: var(--white);}
.breadcrumb-item + .breadcrumb-item::before {content: ">";}
.breadcrumb-item.active {color: var(--white);}
.breadcrumb-item {font-size: var(--text-13);}

.pd-left {border-bottom: 1px solid var(--gray-eighth); padding-bottom: 24px; margin-bottom: 24px;}
.pd-left-row {display: flex; align-items: start; justify-content: space-between; gap: 10px; margin-bottom: 10px;}
.pd-left-row:last-child {margin-bottom: 0;}
.pd-left-row p {font-size: var(--text-22); font-weight: 600; color: var(--gray-nav); margin: 0;}
.pd-left-row .cat-value {color: var(--primary);}
.pd-left-row .date-time {color: var(--base-color); font-weight: 400;}
.profile-card {background-color: var(--white);
  border-radius: var(--border-r-12);
  box-shadow: 0 0 10px rgba(0,0,0,0.10);
  border: 1px solid var(--gray-box-border); color: var(--base-color);} 

.profile-card .card-title {font-size: var(--text-24); font-family: var(--base-fonts); font-weight: 600; margin-bottom: 15px;}  
.card-box-row {display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px;}
.card-box-row .box-label {font-size: var(--text-20);color: var(--gray-nav); font-weight: 600; margin: 0;}
.card-box-row .box-value {font-size: var(--text-20); font-weight: 400; margin: 0; min-width: 30%;}
.profile-card .service-list li {position: relative; font-size: var(--text-20); font-weight: 600; color: var(--gray-nav); margin-bottom: 15px; display: flex;
  align-items: first baseline; gap: 20px;}
.profile-card .service-list li:before {content: "";
  border-radius: 50%;
  min-width: 10px;
  min-height: 10px;
  background-color: var(--primary);
  display: block;}
.profile-total-box {border-radius: var(--border-r-20); background-color: var(--primary-light); padding: 20px;}
.total-top {border-bottom: 1px solid var(--white); padding-bottom: 15px; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.total-top p {font-size: var(--text-24); margin: 0; font-weight: 600; }

.total-box-row {display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px;}
.total-box-row .total-label {font-size: var(--text-20); font-weight:600; margin: 0;}
.total-box-row .total-value {font-size: var(--text-20); font-weight: 400; margin: 0; min-width: 30%;}
.download-link {font-size: var(--text-22); font-weight: 600; }
.profile-bottom-cards {margin-top: 24px;}
.remark-disc {font-size: var(--text-22); color: var(--gray-nav); font-weight: 500;}
.order-detail-top .profile-title {justify-content: flex-start;}
.order-detail-top .total-box-row:last-child {margin-bottom: 0;} 
.od-img {display: block;max-width: 135px; max-height: 135px;border-radius: var(--border-r-8); overflow: hidden;}
.od-img img {max-width: 135px; max-height: 135px; border-radius: var(--border-r-8);}
.od-details p {font-size: var(--text-18); font-weight: 600; line-height: 24px; max-width: 352px; min-width: 352px;}
.od-info {display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: var(--base-text);}
.od-info li {margin-right:5px;}
.od-info .od-label {font-weight: 600;}
.review-cell {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid var(--gray-eighth);}
.review-cell:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0;} 
.review-top {display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px;}
.review-top h3 {font-size: var(--text-30); font-weight: 700; margin: 0;}
.r-top-left {display: flex; gap: 25px; align-items: center; flex-wrap: wrap;}
.review-star {display: flex; gap: 4px; font-size: var(--text-18); color: var(--yellow); cursor: pointer; align-items: center;}
.review-star p {margin: 0 0 0 10px; color: var(--gray-nav); font-size: var(--base-text);}
.review-date {margin: 0; font-size: var(--text-20); font-style: italic;}
.review-disc p {font-size: var(--text-22);}
.review-disc p:last-child {margin-bottom: 0;} 
.review-title {display: flex; align-items: center; gap: 20px; }
.review-img {width: 80px; height: 80px; min-width: 80px; min-height: 80px; border-radius: 50%; display: inline-block; overflow: hidden;}
.review-img img {width: 100%; height: 100%; object-fit: cover;}
.menu.btn12 {display: none;}
.mobile-search-btn {display: none; border-radius: 0px;}

/* -------Front Pages----- */
.second-nav {padding: 15px 0px 15px; margin:0 auto 0 140px;}
.main-nav {display: flex; align-items: center; justify-content: center; gap: 30px;}
.manin-nav-link {font-size: var(--text-14); font-weight: 700;  color: var(--base-color); text-transform: uppercase;}
.manin-nav-link:hover, .manin-nav-link:focus {color: var(--primary);}  
.inner-main {margin-top: 76px;}
.home-main {margin-top: 76px;}
.banner {position: relative; overflow: hidden; height: calc(100vh - 63px); padding: 55px 0; display: flex !important; align-items: center;}
.banner::before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(to top, rgba(15, 15, 16, 0.75) 0%, rgba(15, 15, 16, 0.30) 35%, rgba(15, 15, 16, 0.00) 80% );
  z-index: 2; z-index: 2;}
.banner .banner-img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.banner .banner-video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.banner .container-fluid {position: relative; z-index: 3;}
.banner-box { padding: 50px 60px 100px; width: 100%; max-width: 1400px; margin:0 auto; text-align:center; color: var(--white);}
.banner-box h1 {color: var(--white); font-size: var(--text-50); margin: 0; text-transform: uppercase; font-weight:900;} 
.banner-box h1 span {color: var(--white);}
.banner-slider.slick-dotted.slick-slider {margin-bottom: 0;}
.banner-slider .slick-dots {bottom: 25px; z-index: 99;}

.banner-slider .slick-dots li{
  width: 35px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.4);
  border: none;
  opacity: 0.5;
  transition: var(--transition-smooth);
}

.banner-slider .slick-dots li.slick-active {
  background-color: var(--white);
  opacity: 1;
  width: 50px;
}
/* .banner-box h3 {font-size: var(--text-30); margin: 25px 0 0; text-transform: uppercase; font-weight: 600; font-family: var(--base-fonts); line-height: 40px;}  */
.banner-box h3 {font-size: var(--text-24); max-width: 720px; margin: 25px auto 0;  font-weight: 400; font-family: var(--base-fonts); line-height: 40px;} 
.banner-box p {font-size: var(--text-24); text-transform: uppercase; margin: 25px auto 0; line-height: 30px; letter-spacing: 0.8px; font-weight:500; max-width:732px;} 
.banner-box .lg-btn-white { margin: 40px 0 0;} 
.common-section {padding: 100px 0 ;}
.section-title {margin: 0 0 30px;}
.section-title .title {font-size: var(--text-40); margin: 0; text-transform: uppercase; font-weight:700; color:var(--white);}
.section-title .title.second { color:var(--base-color);}
.section-title .title span {color: var(--primary);}
.section-title p {font-size: var(--base-text); margin: 10px 0 0; font-weight: 400;}
.custom-container {max-width: 1590px; margin: 0 auto;}
.service-card {border-radius: var(--border-r-15); border: none;}
.service-card:hover .card-body {background-color: var(--card-hover);}
.service-card .card-img-top img { width: 100%; border-radius: var(--border-r-15) var(--border-r-15) 0 0;}
.service-card .card-body {background-color:var(--gray-card); color: var(--white); border-radius: 0 0 var(--border-r-15) var(--border-r-15); padding-top: 20px; padding-bottom: 20px;}
.service-card .card-title {font-size: var(--text-32); font-family: var(--base-fonts); font-weight: 600; display: block; margin-bottom: 15px;}
.service-card .card-title:hover, .service-card .card-title:focus {color: var(--primary-light);}
.service-card .sm-btn {min-width: 180px;}
.shop-section {background-color: var(--new-black);}

.shop-banner::before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0,0,0,0.60); z-index: 2;}
.shop-banner .shop-banner-img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.shop-banner .container {position: relative; z-index: 3;}
.review-bg { overflow: hidden;}
.review-bg .customer-review-section {position: relative;
  z-index: 6;background-color: transparent;}
.review-bg .shop-banner-img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.shop-banner {position: relative; overflow: hidden; min-height: 696px; padding: 55px 0; display: flex; align-items: center; color: var(--white); border-radius: var(--border-r-20);}
.review-bg .container {position: relative; z-index: 3;}

.shop-card {display: block; text-align: center;}
.shop-card .shop-img {display: inline-block; width: 100px; border-radius: 50%; overflow: hidden; height: 100px; margin: 0 0 20px; border: 5px solid var(--white);}
.shop-card .shop-img img {width: 100%; height: 100%; border-radius:50%;}
.shop-card p {font-size: var(--text-20); font-weight: 600; margin: 0; color: var(--white);}
.shop-banner .container {position: relative; z-index: 3;}
.shop-card:hover p {text-decoration: none;}
.sc-main {margin-bottom: 35px; margin-top: 30px;}
.hiw-card {border: none; box-shadow: 0 0 20px rgba(255,255,255,0.10); border-radius: var(--border-r-30); color: var(--base-color); min-height: 185px; max-width: 277px; width: 100%; margin: 0 auto;}
.hiw-card .card-body {align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;}
.hiw-card .card-img-top {width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: var(--border-r-10);  margin: 0 auto 0;}
.hiw-card .card-title {font-size: var(--text-20); font-weight:500; margin: 10px 0 0;}
.hiw-card .card-text {font-size: var(--base-text); color: var(--gray-nav); max-width: 215px; margin: 0 auto;}
.craft-video {border-radius: var(--border-r-20); overflow: hidden; display: inline-block;}
.craft-video img, .craft-video iframe {border-radius: var(--border-r-20);}
.craft-right p {font-size: 15px; line-height: 1.6; margin: 0 0 30px; color: var(--gray-text);}
.craft-right p strong {font-weight: 500; color: var(--white); font-size: 18px;}
.craft-section {background-color: var(--new-black); color:var(--white);}
.why-choose-card {border-radius: var(--border-r-15); position: relative; color: var(--white); overflow: hidden; border: none;}
.choose-card-content {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: end; flex-direction: column; border-radius: var(--border-r-15); padding: 20px;
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.60) 56%,rgba(0,0,0,0.95) 100%);
}
.why-choose-card:hover, .why-choose-card:focus {color: var(--white); box-shadow: 0 0 20px rgba(0,0,0,0.10);}  
.choose-card-content h3 {font-size: var(--text-18); margin: 0 0 5px;}
.choose-card-content p {font-size: var(--base-text); margin: 0; }
.choose-card-info {min-height: 100px;}
.customer-review-section {background-color: #161618; position:relative;}
.customer-review-section .custom-space {position: relative;
  z-index: 2;}
.cr-card {position: relative; padding:90px 40px 35px; color: var(--base-color); border-radius: var(--border-r-10); min-height: 420px; display: flex; align-items: center; justify-content: center; flex-direction: row; margin: 0 15px;}
.cr-card::before {content: ""; position: absolute; left: 25px; top: 16px; width: 100px; height: 100px; background-image: url(../images-nct/qt-left.svg); background-position: center left; background-repeat: no-repeat; }
.cr-card::after {content: ""; position: absolute; right: 25px; bottom: 16px; width: 100px; height: 100px; background-image: url(../images-nct/qt-left.svg); background-position: center right; background-repeat: no-repeat; }
.cr-card .card-title {font-size: var(--text-22); font-weight:600; margin: 0;line-height:30px;
  font-style: italic;}
.cr-card .card-text {font-size: var(--bas-text); margin: 20px auto 0;  line-height: 20px;
  font-style: italic;}
.review-slider .slick-next::before, .partners-slider .slick-next:before {content: "";width: 25px; height: 50px; background-image: url(../images-nct/slider-arrow-right.svg); background-position: center center; background-repeat: no-repeat; display: block;}
.review-slider .slick-next, .partners-slider .slick-next {right: -18px; width: 25px; height: 50px; z-index: 2; overflow: hidden;}
.review-slider .slick-prev::before, .partners-slider .slick-prev:before {content: "";width: 40px; height:50px; background-image: url(../images-nct/slider-arrow-left.svg); background-position: center center; background-repeat: no-repeat; display: block; }
.review-slider .slick-prev, .partners-slider .slick-prev {left: -18px; width:40px; height: 50px; z-index: 2; overflow: hidden; }
.partners-slider .slick-next, .partners-slider .slick-prev {display: none !important;}
/* .review-slider, .partners-slider  {padding: 0 30px;} */
.inner-breadcrumb {background-color: #0b0b0c; padding: 15px 0; border-bottom: 1px solid #333;}
.inner-breadcrumb .breadcrumb {margin: 0;}
.sd-section {background-color: var(--gray-section-bg); color: var(--base-color);}
.sd-section .section-title .title {color: var(--base-color);}
.pd-section {background-color: #0b0b0c; color: rgba(255,255,255,.5); padding: 48px 0;}
.service-tabs {margin: 0 0 40px; display: flex; align-items: center; justify-content: center; gap: 12px; flex-direction: column;}
.service-item {width: 100%;}
.service-tabs .service-link {background-color: #161618 ; display: block; width: 100%;
  border: 1px solid transparent;
  border-left: 4px solid transparent;
  border-radius: var(--border-r-4);
  padding: 20px 24px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); font-size: var(--text-17); font-weight: 700; text-transform: uppercase; color: var(--white);}
.service-tabs .service-link:hover, .service-tabs .service-link:focus {color: var(--primary);}
.service-tabs .service-link.active {color: var(--primary); border-left: 4px solid var(--primary);} 



.sd-card {
  background-color: #161618;
  border: 1px solid rgba(255, 255, 255, 0.03);
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.3s ease, border-color 0.3s ease;
}
.sd-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important;
}
.sd-card .card-img-top {
  position: relative;
  overflow: hidden;
  background-color: #0b0b0c;
  aspect-ratio: 4 / 3;
}
.sd-card .card-img-top .product-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.sd-card .card-img-top:hover .product-img {
  transform: scale(1.06);
}
.sd-card .card-body {padding: 16px;}
.sd-card .card-footer {padding: 0 16px 16px;}

.sd-card .card-text {font-size: var(--text-15); font-weight: 700; margin-bottom: 0; color: var(--white);}
.sd-card .price {font-size: var(--text-18); font-weight: 800; display: flex; gap: 18px; align-items: center;  margin-bottom: 15px;}
.sd-card .price .old-price {text-decoration: line-through; color: rgba(255, 255, 255, 0.35); font-size: var(--text-14); font-weight: 400; text-transform: uppercase;}
.sd-card .price .current-price {color: var(--white); text-transform: uppercase;}
.infinite-btn {margin-top: 40px; text-align: center;}
.slider-item-lg img {width: 100%; border-radius: var(--border-r-4);}
.slider-thumb .slick-slide  { display:block; margin: 0 10px;}
.slider-thumb .slick-slide img {border:1px solid transparent; display:block; border-radius: var(--border-r-4); width: 100%;}
.share-dropdown .share-btn {padding: 4px 8px; display: flex; align-items: center; gap: 5px; border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6); text-transform: uppercase; font-size: var(--text-12); font-weight: 700; max-width: inherit;}
.share-dropdown .share-btn:hover, .share-dropdown .share-btn:focus {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.25);
  background-color: rgba(255, 255, 255, 0.04);
}
.slider-thumb .slick-active.slick-current img {border-color: var(--primary);}
.slider-thumb {padding:20px 0px 0;}
.pd-section .section-title .title {color: var(--white);
  font-size: calc(1.5rem + 1vw); text-transform: uppercase; margin: 0 0 10px;
  font-weight: 900;
  letter-spacing: 0.03em;}
.pd-section .section-title {margin-bottom: 15px;}
.pd-right .review-star {margin-bottom: 0;}
.detail-info-block {margin: 0 0 16px;}
.detail-info-block .product-price {font-size: var(--text-32); font-weight: 900; color: var(--white); text-transform: uppercase;}
.detail-info-block .product-old-price {font-size: var(--text-18); font-weight: 400;color: rgba(255, 255, 255, 0.35);
  text-decoration: line-through; }
.product-price-cell {display: flex; align-items: last baseline; gap: 15px;}  

.number-block {position: relative; max-width: 116px;}
.number-block .form-control {text-align: center; font-size: var(--text-15); height: 47.6px; border-radius: var(--border-r-4); border: 1px solid #ced4da;
  background-color: #f8f9fa;}
.number-block .number-btn {position: absolute; top: 15px; width: 18px; height: 18px; background-color: transparent; display: flex; align-items: center; justify-content: center; color: var(--base-color); font-size: 10px; border: none; outline: none; box-shadow: none; padding: 0; margin: 0;  font-weight: 400;}
.number-block .number-btn:hover {background-color: #e9ecef;} 
.number-block .minus-btn {left: 8px;}
.number-block .plus-btn {right: 8px;}
.detail-social-block {display: flex; align-items: center; gap: 20px; min-width: 280px;}
.share-menu {padding: 15px;}
.social-label {font-size: var(--text-18); font-weight: 600;}
.pm-info p {margin-bottom: 0; font-size: var(--text-15); color: rgba(255, 255, 255, 0.5);} 
.pm-info p.pm-value { color: var(--white); font-weight: 500;} 
.pm-info {max-width: 1094px; margin-bottom: 15px;}
.pd-discription {margin-bottom: 35px; }
.product-details-page .section-title {margin-bottom: 20px;}
.pd-details-block {border-top: 1px solid #8a8a8a; padding-top: 40px; margin-top: 40px;}
.pd-discription p {font-size: var(--text-15); margin-bottom: 24px; line-height: 1.75; color: rgba(255, 255, 255, 0.7);
  text-align: justify;}
.pd-discription p:last-child { margin-bottom:0;}
.sub-title-block {display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 30px;}
.sub-title {font-size: var(--text-24); margin: 0 0 15px; font-weight: 600; text-transform: uppercase;}
.sub-title .review-count {font-size: var(--text-18); font-weight: 400;}
.pd-review-top {background-color: var(--primary-light); padding: 20px 30px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.pd-review-top p {font-size: var(--text-18); margin: 0; color: var(--gray-card);}
.pd-review-section .r-top-left { display: block;}
.pd-review-section .section-title .title{color: var(--base-color);}
.pd-review-section .r-top-left .review-star {margin: 10px 0 0;}
.pd-review-section .review-top {margin-bottom: 8px;}
.title-link {font-size: var(--text-18); font-weight: 600; text-decoration: underline;}
.pd-similar .section-title, .pd-review-section .section-title{display: flex; align-items: center; justify-content: space-between; }
.inner-banner-img {width: 100%;}
.category-card .card-title {margin-bottom: 0;}
.back-btn {border-bottom: 1px solid var(--gray-eighth); padding-bottom: 20px; margin-bottom: 20px;}
.back-link {display: flex; align-items: center; gap: 10px;}
.back-link p {font-size: var(--text-18); color: var(--base-color); margin: 0;}
.cart-title {margin-bottom: 20px;}
.cart-title p {font-size: var(--text-18); font-weight: 600; margin: 0 0 5px;}
/*.cart-title span {font-size: var(--text-14); display: block; color: var(--gray-card);}*/
.cart-row {border-bottom: 1px solid #dee2e6; padding:0 0 24px; margin-bottom: 24px;  }
.cart-left {display: flex; align-items: center; gap: 15px;width: calc(100% - 300px);}
.cart-inner-row {display: flex; align-items: center; gap: 15px; justify-content: space-between;}
.cart-thumb {display: block; width: 90px; height: 90px; min-width: 90px; min-height: 90px; overflow: hidden; border-radius: var(--border-r-6); border: 1px solid var(--gray-border);} 
.cart-thumb img {width: 100%; height: 100%;border-radius: var(--border-r-8);}
.cart-name {font-size: var(--text-17); font-weight: 700;  padding-bottom: 6px; margin: 0; text-transform: uppercase; color: var(--base-color);}
.cart-name a {color: var(--base-color);}
.cart-details {
  width: 100%;
}
.cart-price-remove {display: flex; align-items: end; flex-direction: column; gap: 6px;}
.cart-bottom .od-info li {width: 100%; margin: 0;}
.cart-bottom .cart-color-block .selected-color-box {width: 14px; height: 14px; border-radius: 50%; border: 1px solid #dee2e6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);vertical-align: center;}
.cart-bottom .od-info {flex-direction: column; align-items: flex-start; gap: 5px;}
.cart-inner-row .cart-bottom .cart-color-block .selected-color-box {width: 14px; height: 14px; border-radius: 10px; border: 1px solid #dee2e6;  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);vertical-align: center;}
.cart-bottom .od-info .od-label {font-weight: 400; color: rgba(108,117,125,1); font-size: var(--text-14);}
.cart-bottom .od-info .od-value {font-weight: 600; color: var(--base-color); font-size: var(--text-14);}
.cart-product-info {display: flex; align-items: center; gap: 25px;}

.cart-product-info .number-block {max-width: 111px;}
.cart-product-info {display: flex; align-items: center; gap: 25px;}
.cart-product-info .cart-price {font-size: var(--text-17); font-weight:400; margin: 0; text-transform: uppercase;}
.cart-product-info .cart-delete {font-size: var(--text-12);}
.cart-total-box {border-radius: var(--border-r-6); background-color:rgba(248,249,250,1); padding: 24px; position: sticky; right: 0; top:85px; border:1px solid #dee2e6; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); backdrop-filter: blur(4px);}
.title-total { padding-bottom: 25px; }
.title-total p {margin: 0; font-size: var(--text-20); text-transform: uppercase; font-weight: 600;}
.cart-total-block {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.cart-total-block .total-label {font-size: var(--bas-text); font-weight: 400; margin: 0; color: rgba(108,117,125,1);}
.cart-total-block .total-value {font-size: var(--bas-text); color: var(--base-color); margin: 0; font-weight: 500;}
.cart-total-block .final-total-label {font-size: var(--text-14); font-weight:400; text-transform: uppercase; margin: 0;  color: rgba(108,117,125,1);}
.cart-total-block .final-total-value {font-size: var(--text-26); font-weight: 500; margin: 0; text-transform: uppercase;}
.cart-count-total {
  border-top:1px solid #dee2e6; padding-top: 20px; margin-top: 30px;
}
.password-field {position:relative;}
.password-field .field-icon {position:absolute; right:20px; top:13px; font-size: var(--text-20); color: var(--placeholder); cursor:pointer;}

.auth-pages.booking-box {max-width:550px; margin-left:auto; margin-right:auto;}
.before-login-header .navbar-nav {gap:10px}

.deactivate-outer p {text-align:center;}
.deactivate-outer .d-md-flex {text-align:center;}
.jconfirm-box-container {margin:0 auto;}
.account-box {background-color: var(--white); border-radius: var(--border-r-30); border: 1px solid var(--gray-header-border); padding: 40px;  max-width:450px; margin:0 auto;}

.pagination-main { margin-top: 30px; display: flex; justify-content: center; align-items: center;}
.pagination-main .pagination {display: flex;justify-content: end;}
.pagination-main .pagination a {margin: 0 3px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border:1px solid var(--gray-second); background-color: var(--white); color: var(--secondry);}
.pagination-main .pagination .disabled a {color: var(--gray-text);}
.pagination-main .pagination .page.active a {background-color: var(--base-color); color: var(--white);}

.no-data-box {max-width:400px; margin:0 auto; width:100%; text-align:center;}
.no-data-box i {font-size:40px; color:var(--gray-first);}
.no-data-box p {font-size:18px; color:#888;}
.book-color-thumb {margin:-5px 0 15px;}
.book-color-thumb:empty{display:none;}


/* New Design class */
.new-booking-section h1, .new-booking-section h2, .new-booking-section h3, .new-booking-section h4, .new-booking-section h5 {font-family: var(--base-fonts);}
header .close-booking {position: static;}
.new-booking-section .booking-top {text-align: left; padding: 0;margin-bottom: 20px;}
.new-booking-section .booking-top p {max-width: inherit; margin: 10px 0 0; font-size: var(--text-15);}
.new-booking-section h1 {font-weight: 400; font-size: var(--text-20); text-transform: uppercase; display: flex; align-items: center; gap: 10px;}
.new-booking-section h1 .title-circle {width: 24px; height: 24px; min-width: 24px; min-height: 24px; border-radius: 50%; background-color: var(--primary); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: var(--text-14);}
.new-booking-container {padding-bottom: 48px; border-bottom: 1px solid #dee2e6; margin-bottom: 24px;}
.new-booking-container:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.time-check-new .radio-label {
  padding: 16px 7px;background-color: var(--white); border-radius: var(--border-r-6);
}
.time-check-new .radio-label img {width:166px; height:120px; object-fit: cover;}
.time-check-new .radio-label > .r-label {text-align: center; font-size: var(--text-14); font-weight: 400; width: 100%; color: var(--base-color);}
.time-check-new .form-radio:checked + .radio-label .r-label {color: var(--primary); }
.time-check-new .form-radio:checked + .radio-label{box-shadow: 0 4px 12px rgba(220, 53, 69, 0.08);}
.booking-label {font-size: var(--text-14); font-weight: 400; text-transform: uppercase; display: inline-block; margin-bottom: 6px;}
.cost-box {background-color: var(--primary-selected); border-radius: var(--border-r-6); padding: 20px; width: 100%;  margin: 0 0 0 auto;}
.cost-box h3 {font-size: var(--text-22); font-weight: 700; margin: 0 0 16px; text-align: center;}
.cost-box .codt-row {display: flex; align-items: center; justify-content: space-between; margin-top: 24px; margin-bottom:0;}
.cost-box .codt-row:first-child {margin-top:0px;margin-bottom:0;} 
.cost-box .codt-row:last-child {margin-bottom: 0;}
.cost-box .codt-row h4 {font-size: var(--text-18); font-weight: 700; color: var(--primary); margin: 0;}
.cost-box .codt-row h5 {font-size: var(--text-18); font-weight: 500;  margin: 0;}
.new-calender .cd-btn {display: flex; align-items: center; gap: 10px;}
.new-calender .dp-btn {border: none; background-color: transparent; font-size: var(--text-24);}
.calender-table tr, .calender-table td, .calender-table th  {border: none; background-color: transparent; text-align: center; padding: 3px;}
.time-slot-block {margin-top:24px;}
.time-slot-block:empty {display:none;} 
.new-calender .dp-header {margin-bottom: 15px;}

.calender-check {position: relative;} 
.calender-check [type="radio"] {position: absolute; width: 100%; height: 100%; opacity: 0;}
.calender-check .form-radio:checked + .radio-label {
  color: var(--primary);
  border-radius: var(--border-r-4);
  color: inherit;
  outline: 2.5px solid #dc3545 !important;
  outline-offset: -2.5px;
}
.thank-you-sec h1 {font-size:var(--text-26); font-weight:600; margin:0 0 15px;}
.calender-check .radio-label {
  border: 1px solid var(--gray-field);
  display: block;
  border-radius: var(--border-r-4) !important;
  position: relative;
  color: var(--base-color);
  padding: 7px;
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
  width: 70px; height: 70px; border-radius: 0px;
  text-align: center;
  justify-content: center;
  margin: 0 auto;
}

.calender-check .radio-label.available {background-color: #9ae2c1;} 
.calender-check .radio-label.booked {background-color: #eeb9bb;} 
.calender-check .radio-label.available-few {background-color: #f4bd9c;} 
.calender-check .radio-label.not-available {background-color: var(--gray-header-border);} 

.calender-check .radio-label > .r-label {
  font-size:var(--base-text);
  font-weight: 600;
  display: block;
}

.slot-block {display: flex; gap: 10px; flex-wrap: wrap;}
.slot-block .slot {display: flex; gap: 10px; align-items: center; gap: 6px; font-size:12px;}
.slot-block .slot span {width: 20px; height: 20px; display: block;}

.slot-block .slot.available span {background-color: #9ae2c1;} 
.slot-block .slot.booked-slot span {background-color: #eeb9bb;} 
.slot-block .slot.available-few span {background-color: #f4bd9c;} 
.slot-block .slot.not-available span {background-color: var(--gray-header-border);} 
.payment-box {background-color: var(--primary-selected); border-radius: var(--border-r-30); padding:35px 20px; width: 100%; max-width: 800px; margin: 0 auto;}
.payment-box  h2 {font-size: var(--text-18); font-weight: 500; margin: 0 0 25px;}
.payment-box  h2:last-child {margin-bottom: 0;} 
.payment-box  h2 span {color: var(--primary); display: inline-block;}
.terms-check {display: flex; justify-content: center; margin: 40px auto; flex-direction: column;
  text-align: center;}
.terms-check .form-check {margin:0 auto;}
.service-section {background-color: var(--new-black); }
.op-section {color:var(--white); background-color:var(--new-black);}
.partner-block h3 {font-size:var(--text-24); font-weight:700;text-transform: uppercase; margin:30px 0 0;}

.inner-banner {position: relative; overflow: hidden; min-height: calc(100vh - 63px); padding: 100px 0; display: flex; align-items: end; color: var(--white);}
.inner-banner::before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";  z-index: 2; background: linear-gradient(to top, rgba(15, 15, 16, 0.75) 0%, rgba(15, 15, 16, 0.30) 35%, rgba(15, 15, 16, 0.00) 80% );}
.inner-banner .inner-banner-img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.inner-banner .container {position: relative; z-index: 2;}
.inner-banner h1 {
 color: var(--white);
  font-size: var(--text-50);
  margin: 0;
  text-transform: uppercase;
  font-weight: 900;
}
.inner-banner h1 span {color: var(--primary);}
.inner-banner p {
font-size: var(--text-24);
  max-width: 720px;
  margin: 25px auto 0;
  font-weight: 400;
  font-family: var(--base-fonts);
  line-height: 40px;
}
.inner-banner  .lg-btn-white {
  margin: 40px 0 0;
}
.wrap-card {
  background-color: #161618;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: var(--border-r-6);
  overflow: hidden;
  padding: 24px; 
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.35s ease, box-shadow 0.35s ease;
}
.wrap-card:hover {
  transform: translateY(-8px);
  border-color: var(--primary);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

.wrap-card:hover .card-title {
  color: var(--primary);
}
.wrap-card .price-label {color: rgba(255, 255, 255, 0.4); font-size: var(--text-14); text-transform: uppercase; margin-bottom:6px; display: block; font-weight: 400;}
.wrap-card .card-header  {padding: 0 0 15px;}
.wrap-card .card-body   {padding: 0 0 25px;}
.wrap-card .card-title {font-size: var(--text-18); font-weight: 700; margin:0; text-transform: uppercase;}
.wrap-card .card-text {font-size: var(--text-14); margin:0; color: var(--gray-text);}
.wrap-card h4 {font-size: var(--text-20); font-weight: 800; color: var(--white); margin: 0 0 15px;}

.review-share {display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 10px;}
.share-btns {display: flex; align-items: center; gap: 10px;}
.share-btns a {display: block; max-width: 40px;}
.pd-right .title {font-size: var(--text-26); font-weight: 500; text-transform: inherit;}
.partner-block figure img {margin:0 auto;}
.search-filter {position:sticky; left:0; top:110px;}
.form-label {
  margin-bottom: .5rem;
  font-weight: 600;
}
.search-filter-btn {display:none;}
.search-filter .time-check-new .radio-label > .r-label {font-size: var(--text-14);}
.cart-color-block {
  display: flex;
  align-items: center;
  gap:5px;
}
.cart-color-block .selected-color-box, .cart-color-block .selected-color-image {width: 30px;
  height: 30px; margin-right:0;}
  
.auth-new-pages h1 {font-size:var(--text-26); margin:0 0 20px; font-weight:600;}  

.hiw-new-section .hiw-card .card-img-top {margin-top:25px;}

.small-container {
  max-width: 970px;
  margin: 0 auto;
}

.hero-banner {
  position: relative;

}

.hero-banner .container-fluid {
  position: absolute;
  left: 0;
  margin: 0 auto;
  z-index: 5;
  height: 100%;
  display: flex;
  align-items: end;
  justify-content: center;
}
.hiw-new-section p {margin:10px 0 0;}
.hiw-new-section .hiw-card .card-title {margin-bottom:0;}

.new-section-title {margin: 0 0 48px;}
.new-section-title .title {font-size: var(--text-20); margin: 0; text-transform: uppercase; font-weight:900; color:var(--white); position: relative; padding-bottom: 10px;}
.new-section-title .title::after {width: 50px; height: 3px; content: ""; background-color: var(--primary); display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;} 
.new-section-title .title.second {
  color: var(--color-text-white);
  font-size: var(--text-40);
  font-weight: 800;
  margin-bottom: 0;
}
.new-section-title .title.third {
  color: var(--color-text-white);
  font-size: var(--text-32);
  font-weight: 800;
  margin-bottom: 0;
}
.new-section-title .title.second::after {left: 0; right: auto;} 
.new-section-title p {font-size: var(--text-14); margin: 15px auto 10px; font-weight: 700; max-width: 600px; color: rgba(255, 255, 255, 0.75);}
.new-section-title .title.left::after {left: 0; right: auto;} 
.new-section-title p {font-size: var(--text-14); margin: 15px auto 10px; font-weight: 700; max-width: 600px; color: rgba(255, 255, 255, 0.75);}
.new-section-title .slogan-left {margin-left: 0; max-width: 900px; font-size: var(--text-18); font-weight: 400; line-height: 1.7;}
.new-section-title p span {color: var(--white);}
.new-service-card {
  background-color: #161618;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.35s ease, box-shadow 0.35s ease;
}
.service-image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
.new-service-card .card-body {padding: 28px 24px;}
.new-service-card:hover {
  transform: translateY(-8px);
  border-color: var(--primary);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}
.new-service-card:hover .service-img {
  transform: scale(1.05);
}

.new-service-card:hover .card-title {
  color: var(--primary);
}
.new-service-card .card-title {
  color: var(--white);
  font-size: var(--text-18);
  font-weight: 700;
  letter-spacing: 0.02em;
  margin:0;
  transition: color 0.3s ease;
  text-transform: uppercase;
}
.new-service-card .card-text {
 color: var(--gray-text);
  font-size: var(--text-14);
  line-height: 1.5;
  margin: 12px 0 0;
  flex-grow: 1;
}

.new-service-card .service-link {
  color: var(--white);
  font-size: var(--text-13);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  transition: color 0.3s ease;
  gap: 6px;
}

.new-service-card .service-link:hover, .new-service-card .service-link:focus {color: var(--primary);}  
.new-service-card .service-link:hover .link-arrow, .new-service-card .service-link:focus .link-arrow  {
  transform: translateX(4px);
}
.new-service-card .card-footer {padding: 0px 24px 28px;}

.video-embed-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}
.video-embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px;
}
.how-it-works-section {
  background-color: #161618;
  position: relative;
  width: 100%;
}

.process-step-card {
  background-color: var(--new-black);  
  border: 1px solid rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  padding: 36px 28px;
  transition: border-color 0.35s ease, transform 0.35s ease;
  position: relative;
  overflow: hidden;
}

.step-number-wrapper {
  position: relative;
  height: 60px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}

.step-num-back {
  position: absolute;
  left: -5px;
  top: -15px;
  font-size: 72px;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.02);  
  user-select: none;
  line-height: 1;
}

.step-num-front {
  font-size: var(--text-24);
  font-weight: 800;
  color: var(--primary);  
  position: relative;
  z-index: 2;
}

 
.step-title {
  color: var(--white);
  font-size: var(--text-18);
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom:12px;
}

.step-description {
  color: var(--gray-text); 
  font-size:var(--text-14);
  line-height: 1.6;
  margin-bottom: 0;
}


.process-step-card:hover {
  transform: translateY(-5px);
  border-color: var(--primary); 
}

.process-step-card:hover .step-num-back {
  color: rgba(209, 32, 39, 0.05); 
  transition: color 0.35s ease;
}

 
.why-choose-us-section {background-color: #0b0b0c;
  color: var(--white);}
.feature-card {
  background-color: #121214;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: var(--border-r-6);
  overflow: hidden;
  height: 100%;  
  display: flex;
  flex-direction: column;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), 
              border-color 0.3s ease, 
              box-shadow 0.3s ease;
}

 
.feature-card:hover {
  transform: translateY(-8px);
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
}

 
.card-image-wrapper {
  position: relative;
  width: 100%;
  padding-top: 60%; 
  overflow: hidden;
  background-color: #1a1a1c;
}

.card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

 
.feature-card:hover .card-img {
  transform: scale(1.08);
}

 
.card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(11, 11, 12, 0) 40%, rgba(11, 11, 12, 0.8) 100%);
}
 
.card-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;  
}

.card-title {
  font-size: var(--text-18);
  font-weight: 800;
  letter-spacing: 0.03em;
  margin-bottom: 12px;
  color: var(--white);
}

.card-desc {
  font-size:var(--text-14);
  line-height: 1.5;
  color: var(--gray-text);
  margin-bottom: 0;
}
.marquee-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  padding-top: 5px;
  overflow: hidden;
  user-select: none;
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 15%,
    rgba(0, 0, 0, 1) 85%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 15%,
    rgba(0, 0, 0, 1) 85%,
    rgba(0, 0, 0, 0) 100%
  );
}

.marquee-track {
  display: flex;
  width: max-content;
  flex-shrink: 0;
}

.marquee-group {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 3rem; 
  padding-right: 3rem;
  animation: marqueeScroll 35s linear infinite;  
}

.marquee-wrapper:hover .marquee-group {
  animation-play-state: paused;
}
.partner-logo-item {
  display: flex;
  flex-direction: column; 
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  background-color: #161618; 
  border: 1px solid rgba(255, 255, 255, 0.03);
  padding: 28px 36px;
  border-radius: var(--border-r-6);
  white-space: nowrap;
  min-width: 220px; 
  transition: border-color 0.3s ease, transform 0.3s ease;
}


.partner-logo-item img {
  height: 55px; 
  width: auto;
  max-width: 160px; 
  object-fit: contain;
  filter: grayscale(100%) brightness(150%); 
  opacity: 0.7;
  transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.partner-logo-item h3 {
  color: rgba(255, 255, 255, 0.5); 
  font-size: var(--text-12); 
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  transition: color 0.3s ease;
}

.partner-logo-item:hover {
  transform: translateY(-3px);
  border-color: var(--primary);  
}

.partner-logo-item:hover img {
  filter: grayscale(0%) brightness(100%);
  opacity: 1;
  transform: scale(1.03); 
}

.partner-logo-item:hover span {
  color: var(--white);
}
@keyframes marqueeScroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.review-card {
  background-color: var(--new-black); 
  border: 1px solid rgba(255, 255, 255, 0.03);
  border-radius: var(--border-r-6);
  padding: 36px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: border-color 0.35s ease, transform 0.35s ease;
  margin: 0 12px;
}


.review-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.star-rating {
  color: #ffb703;
  font-size: var(--text-14);
  display: flex;
  gap: 5px;
}
.review-slider .slick-list {padding-top: 5px;}
.verified-badge {
  font-size: var(--text-12);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.verified-badge i {
  color: #2ec4b6; 
}


.review-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--text-15);
  line-height: 1.7;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 30px;
  height: 133px;
  overflow: hidden;


    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.review-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 20px;
  margin-top: auto;
}

.client-name {
  color: var(--white);
  font-size: var(--base-text);
  font-weight: 700;
  margin-bottom: 4px;
}

.client-vehicle {
  color: rgba(255, 255, 255, 0.4);
  font-size:var(--text-13);
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-bottom: 0;
}

.review-card:hover {
  transform: translateY(-5px);
  border-color: var(--primary); 
}
.footer-logo {
  color: var(--white);
  font-size: var(--text-24);
  font-weight: 800;
  letter-spacing: 0.05em;
}
.main-footer {
  color: rgba(255, 255, 255, 0.6);
  font-size: var(--text-14);
}
.footer-logo span {color: var(--primary);}
.footer-contact-details li {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 16px;
  line-height: 1.5;
}

.footer-contact-details i {
  color: var(--primary);
  margin-top: 4px;
  width: 16px;
  text-align: center;
}

.footer-contact-details a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color 0.25s ease;
}

.footer-contact-details a:hover {
  color: var(--white);
}

/* Inline Social Tray Styling */
.footer-social-tray {
  display: flex;
  gap: 15px;
}

.footer-social-tray a {
  width: 38px;
  height: 38px;
  background-color: #161618;
  border: 1px solid rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-r-4);
  text-decoration: none;
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.footer-social-tray a:hover {
  background-color: var(--primary);
  color: var(--white);
  transform: translateY(-3px);
}
.ow-section,  .wrap-paint-section {background-color: var(--new-black);}
.service-category {background-color: #0b0b0c;}

.value-benefits-list li {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 28px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.6;
}
.value-benefits-list li:last-child {margin-bottom: 0;}
.value-benefits-list i {
  color: var(--primary); /* Brand accent red color */
  font-size: var(--text-20);
  margin-top: 0.25rem;
  flex-shrink: 0;
  width: 24px;
  text-align: center;
}

.value-benefits-list h5 {
  color: var(--white);
  font-size: var(--text-18);
  margin: 0 0 4px;
  font-weight: 700;
}
.value-benefits-list li p:last-child {margin-bottom: 0;}

.final-booking-cta {background-color: #0b0b0c;}


.cta-subtitle {
  color: var(--primary); /* Uses your primary red color for the accent tag */
  font-size:var(--text-13);
  letter-spacing: 0.15em;
  font-weight: 700;
}

.cta-heading {
  color: var(--white);
  font-size: calc(1.8rem + 1.2vw); /* Smooth responsive scaling */
  font-weight: 900;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

.cta-lead-text {
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--text-17);
  line-height: 1.6;
  max-width: 680px; /* Keeps text column tight and easy to read */
}

/* Premium Custom WhatsApp Button Variant */
.btn-whatsapp-ghost {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--white);
  font-size:var(--text-14);
  font-weight: 700;
  letter-spacing: 0.05em;
  border-radius: 4px;
  min-width: 240px; /* Matches width with the red button layout */
  transition: all 0.25s ease;
}

.btn-whatsapp-ghost:hover {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.5) ;
  color: var(--white);
}

/* Ensure the primary action button matches in size scale */
.final-booking-cta .btn-process-cta {
  min-width: 240px;
  font-size:var(--text-14);
  font-weight: 700;
  letter-spacing: 0.05em;
  border-radius: 4px;
}

/* High Contrast Bottom Notice Label */
.cta-notice-tag {
  color: rgba(255, 255, 255, 0.45); /* Made brighter so it's readable */
  font-size: var(--text-12);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.cta-notice-tag i {
  color: #3182ce; /* Crisp clear blue icon marker tint */
}


.sticky-whatsapp-widget {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 60px;
  height: 60px;
  background-color: #25d366; /* Official WhatsApp Green Color */
  color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4);
  z-index: 9999; /* Higher layer index to sit cleanly above content panels */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sticky-whatsapp-widget:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.6);
  color: var(--white);
}

/* Ambient Pulse Ring Animation */
.sticky-whatsapp-widget .pulse-ring {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  border: 2px solid #25d366;
  left: 0;
  top: 0;
  animation: waGlowPulse 2s infinite ease-out;
  pointer-events: none;
}

@keyframes waGlowPulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

.booking-stepper {margin-bottom: 48px;}
.stepper {display: flex; align-items: center; gap: 50px; justify-content: center; }
.stepper .step {display: flex; align-items: center; gap: 8px; flex-direction: column; position: relative; font-size: var(--text-13); color: var(--gray-text); text-transform: uppercase;}
.stepper .step .step-number {width: 36px; height: 36px; border-radius: 50%; background-color: rgba(248,249,250,1); display: flex; align-items: center; justify-content: center; font-size: var(--base-text);  color: var(--base-color); border: 1px solid #dee2e6; transition: all 0.3s ease; position: relative; z-index: 2;}
.step.active.field::after {
  content: "";
  height: 2px;
  background-color: var(--primary);
  position: absolute;
  width: 100%;
  top: 17px;
  left: 50%;
  width: 175px;
}
.step.active.field:last-child::after {display: none;}
.stepper .step.active {color: var(--primary);}
.stepper .step.active .step-number {background-color: var(--primary); color: var(--white); border-color: var(--primary);}
.new-booking-section .form-label {font-size: var(--text-14); font-weight: 400; margin-bottom: 6px; text-transform: uppercase; }

.icon-check [type="checkbox"] + .radio-label {padding: 16px 7px;}
.icon-check [type="radio"] + .radio-label {padding: 10px 7px 9px;}
.icon-check [type="checkbox"] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.pricing-summary-card {
  border: 1px solid #c1c9cf ; border-radius: var(--border-r-6); background-color: var(--white); position: sticky; top: 80px; max-width: 434px;margin: 0 0 0 auto; padding: 24px;
}

.smr-title {border-bottom: 1px solid #dee2e6; padding-bottom: 10px; margin-bottom: 15px; font-size: var(--bas-text); font-weight: 700; text-transform: uppercase; }
.selection-summary-details {margin-bottom: 24px;}
.smry-block {display: flex; justify-content: space-between; padding: 0px 0 10px; font-weight: medium; font-size: var(--text-14); width: 100%; flex-wrap: wrap; gap: 4px; }
.smry-block:last-child {padding-bottom: 0; }
.smr-value {font-weight: 700; }
.price-calculations {border-radius: var(--border-r-6); background-color: rgba(248, 249, 250, 1); padding: 15px; margin-bottom: 24px; border: 1px solid #c4c8cb;}
.calc-block { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; }
.calc-block:last-child {margin-bottom: 0;}
.calc-label {font-size: var(--text-15); font-weight: 400; }
.calc-value {font-size: var(--text-20); font-weight: 700; }
.calc-value i {font-size: 10px; display: inline-block; font-style: italic; font-weight: 400; margin-left: 3px;}
.gb-btn {padding: 8px 15px; font-size: var(--text-14); }
.final-note {font-size: 11px; margin: 15px 0 0;}
.step-btns {border-top:1px solid #dee2e6; padding-top: 24px; margin-top: 20px;}
.calender-right {max-width: 555px; margin: 0 0 0 auto; }
.text-15 {font-size: var(--text-15);}
.option-cell {border-bottom: 1px solid #dee2e6; padding-bottom: 15px; margin-bottom: 15px;}
.option-cell:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.option-cell h4 {font-size: var(--text-14); margin: 0; font-weight: 400; text-transform: uppercase; color: var(--gray-text);}
.option-cell h5 {font-size: var(--text-14); margin: 0; font-weight: 600; color: var(--base-color);}
.final-step-left {border-right: 1px solid #e9e6e8;}

.price-summary-box h3 {font-size:var(--base-text); color: var(--base-color); font-weight: 700; margin: 0 0 20px; text-transform: uppercase;}

.payment-summary-details {border-radius: var(--border-r-6); background-color: #fcfcfd; padding: 14px; margin-bottom: 24px;}
.payment-row {display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; border-bottom: 1px solid #dee2e6; padding-bottom: 15px; flex-wrap: wrap;}
.payment-row:last-child {margin-bottom: 0; border-bottom: 0; padding-bottom: 0;}
.payment-row p {margin-bottom: 0; font-size: var(--text-14); font-weight: 400; color: var(--gray-text); text-transform: uppercase;}
.payment-row h5 {margin-bottom: 0; font-size: var(--text-20); font-weight: 600; color: var(--base-color);}
.payment-row h4 {margin-bottom: 0; font-size: var(--text-24); font-weight: 600; color: var(--primary);}
.payment-row .payment-row-description {width: 100%; margin-top: 4px; text-align: right; display: block; color: rgba(108,117,125,1); font-size: var(--text-12); font-weight: 400; }
.check-note {font-size: var(--text-13);}
.detail-price-block {border-bottom: 1px solid #c4c8cb; padding-bottom: 24px; margin-bottom: 24px;}
.detail-info-block .info-label {text-transform: uppercase; font-size: var(--text-12); font-weight: 700;color: rgba(255,255,255,.5); margin-bottom: 8px; display: block;}

.detail-radio {display: flex; align-items: center; gap: 10px;}
.detail-radio .icon-check [type="radio"] + .radio-label {font-size: var(--text-14); font-weight: 500; background-color: #121214; border: 1px solid rgba(255, 255, 255, 0.1); padding: 9px 19px; color: rgba(255, 255, 255, 0.8) ; border-radius: 4px; transition: all 0.3s ease;}
.detail-radio .icon-check [type="radio"] + .radio-label:hover {border: 1px solid rgba(255, 255, 255, 0.3);}
.detail-radio .icon-check .radio-label > .r-label {font-size: var(--text-14); font-weight: 500;  color: rgba(255, 255, 255, 0.8) ;}

.detail-radio .icon-check + .radio-label {border-color: var(--base-color); padding: 6px 10px;}
.detail-radio .time-check .form-radio:checked + .radio-label {background-color: var(--white); color: var(--base-color); border-color: var(--white);}
.detail-radio .time-check .form-radio:checked + .radio-label .r-label {color: var(--base-color);}
.info-label {font-size: var(--text-18); }
.number-cart-btn {display: flex; align-items: center; gap: 15px;}
.pd-middle-section {color: var(--white); padding: 48px 0; background-color: #0b0b0c;}
.pad-details-block {border-top: 1px solid #c4c8cb; padding-top: 24px; margin-top: 24px;}
.new-section-title-with-link {display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.pd-similar {padding: 48px 0;}
.cart-section {padding: 48px 0;}
.breadcrumb-secondary .breadcrumb-item.active {color:var(--gray-text);}
.new-section-title.dark .title {color: var(--base-color);}
.new-section-title.dark p {color: var(--gray-text); margin: 10px 0 0;}
.new-section-title.dark p span {color: var(--base-color);}
.get-quote-container {max-width: 1044px; width: 100%; margin: 0 auto;}

.get-quote-container .form-group {margin-bottom: 50px;}
.input-group-text {background-color: transparent; border-radius: 0 6px 6px 0; border-color: #8a949b;}

 @media(min-width:1400px) {
.container {max-width: 1424px;}
 }

 @media(max-width:1450px) {
.sidebar {min-width: 242px;}
.sidebar-item .sidebar-link {padding: 12px 20px;}
.sub-nav .sub-nav-link {padding: 8px 12px 8px 30px;}
.sidebar-item .sidebar-link {font-size: var(--base-text);}
.profile-container {padding: 30px;}
.header-search input.form-control {min-width: 290px;}
.header-search {gap: 15px;}
.pd-left-row p {font-size: var(--text-18);}
.profile-card .card-title, .total-top p {font-size: var(--text-20);}
.total-top p {font-size: var(--text-22);}
.card-box-row .box-label, .card-box-row .box-value, .total-box-row .total-label, .total-box-row .total-value, .download-link, .profile-card .service-list li, .remark-disc {font-size: var(--text-17);}
.pd-left-row .date-time {display: inline-block;}
.review-top h3 {font-size: var(--text-26);}
.review-disc p {font-size: var(--text-20);}
.review-star {font-size: var(--text-18);}
.review-date {font-size: var(--base-text);}
.od-info {gap: 20px;}
.cart-product-info {gap: 15px; margin-top: 10px;}
.cart-row {padding: 15px;}
.cart-product-info .cart-price {font-size: var(--text-20);}
.cart-product-info .cart-delete {font-size: var(--text-18);}
.slider-thumb {padding: 30px 25px 0;}
.pd-section .section-title .title {font-size: var(--text-30);}
.detail-info-block .product-old-price, .detail-info-block .product-price {font-size: var(--text-24);}

  }
   @media(max-width:1399px) {
    .container {max-width: 1324px;}
   }
 @media(max-width:1200px) {
  header.first-header .navbar-brand img {width: 90px;}
  header.first-header .navbar-brand {left: 14px;}
  .first-header .navbar {padding-top: 10px; padding-bottom: 10px;}
  
  header.first-header  .btn12 .icon,  header.first-header .btn12 .icon:before, header.first-header .btn12 .icon:after  {
     
      background-color: var(--white);
    }
 
.navbar-nav {flex-direction: row;}
    .menu.btn12 {display: inline-block; margin-left: 10px;}
    .btn12 {
      position: relative;
      width: 30px;
      height: 30px;
      background-color: transparent;
      padding: 0;
      border: none;
      outline: none;
      box-shadow: none;
      transition-duration: 0.5s;
    }
    .btn12 .icon {
      transition-duration: 0.5s;
      position: absolute;
      height: 2px;
      width: 24px;
      top: 15px;
      background-color: var(--base-color);
    }
    .btn12 .icon:before {
      transition-duration: 0.5s;
      position: absolute;
      width: 24px;
      height: 2px;
      background-color: var(--base-color);
      content: "";
      top: -10px;
      left: 0;
    }
    .btn12 .icon:after {
      transition-duration: 0.5s;
      position: absolute;
      width: 24px;
      height: 2px;
      background-color: var(--base-color);
      content: "";
      top: 10px;
      left: 0;
    }
    .btn12.open .icon {
      transition-duration: 0.5s;
      background: transparent;
    }
      header.first-header  .btn12.open .icon {background-color: transparent;}
    .btn12.open .icon:before {
      transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
    }
    .btn12.open .icon:after {
      transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
    }
    .btn12:hover {
      cursor: pointer}
      .nav-icon-btn { width: 30px; height: 30px; min-width: 30px; min-height: 30px;}
      .nav-icon-btn img {max-width: 28px;}
      .sidebar {opacity: 0; visibility: hidden; position: fixed; left: -270px; top: 0; height: 100%; overflow: auto; -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;}
      .toggle-sidebar .sidebar {opacity:1; visibility:visible; left: 0; top: 0; z-index: 102;}
      .menu.open:after {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 101; background-color: rgba(0,0,0,0.60); content: "";}
      .user-label {width: 40%;}
      .common-table th {white-space: nowrap;font-size: var(--base-text); padding: 10px 15px;}
      .common-table td {padding: 10px 15px; font-size: var(--text-14);}
      .profile-box {padding: 20px;}
      .profile-total-box {margin-bottom: 25px;}
      .total-box-row .total-value {min-width: inherit;}
      .custom-space {padding: 0;}
      .od-info {gap: 10px;}
      .title-total p {font-size: var(--text-18);}
      .cart-total-block .total-label {font-size: var(--base-text);}
      .cart-total-block .final-total-label, .cart-total-block .final-total-value {font-size: var(--text-17);}
      .cart-total-block {margin-bottom: 10px;}
      .cart-thumb {width: 70px; min-width: 70px; height: 70px; min-height: 70px;}
       .first-header .menu.open::after {display: none;}
       .second-nav {position: absolute; right: 12px; top:100%;background-color: var(--new-black);border-radius: var(--border-r-10); padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.10); min-width: 200px;}
       .manin-nav-link {display: block; font-size: var(--text-17); }
       .main-nav-item {margin-bottom: 10px;}
       .main-nav-item:last-child {margin-bottom:0;}
       .main-nav {display: block;}
       .second-nav {display: none;}
       .toggle-sidebar .second-nav {display: block;}
       .inner-main {margin-top: 58px;}
        .home-main {margin-top: 58px;}
       .cart-name {min-height: inherit;}
       .cart-bottom {display: block;}
       .section-title .title {font-size: var(--text-35);}
       .service-card .card-title {font-size: var(--text-24);}
       .common-section {padding: 30px 0;}
       .slider-thumb {padding-bottom: 30px;}
       .second-header .btn12 .icon, .second-header .btn12 .icon::before, .second-header .btn12 .icon::after {background-color: var(--base-color);}
       .second-header .btn12.open .icon {background-color: transparent;}
       .second-header .second-nav {z-index: 1000; top: 50px;}
       .navbar-nav .profile-menu .dropdown-menu {position: absolute;}
       .navbar-brand img {max-width: 75px;}
       .wrap-card .card-title {font-size: var(--text-22);}
       .wrap-card .card-text {font-size: var(--text-17);}
       .wrap-card h4 {font-size: var(--text-18);}
       .inner-banner {min-height: 400px;}
       .lg-btn {padding: 13px 20px;}
       .calc-value {font-size: var(--text-18);}
       .service-thumb {width: 100%; height: 100%; object-fit: cover;}
 }

  @media(max-width:992px) {
.cart-total-box {position: static; padding: 12px;}
.title-total {padding-bottom: 10px;}
.title-total p {font-size: var(--base-text);}
.label-lg {font-size: var(--text-24);}
.craft-video {margin: 0 auto 15px; display: block; text-align: center;}
.section-title {margin-bottom: 18px;}
.banner-box {padding: 30px 40px; }
.banner-box h1 {font-size: var(--text-40);}
.banner-box h3 {font-size: var(--text-24); line-height: normal; margin-top: 15px;}
.banner-box p {font-size: var(--text-18); margin-top: 15px;}
.banner-box .lg-btn {margin-top: 20px;}
.banner {min-height: 300px;}
.service-card .card-title {font-size: var(--text-22);}
.review-slider .slick-prev {left: 0;}
.review-slider .slick-next {right: 10px;}
.partner-block figure {max-width: 95px; margin: 0 auto;}
.partner-block h3 {font-size: var(--text-20); margin-top: 15px;}
.pricing-summary-card {margin: 15px 0 0; max-width: 100%;}
.text-15 {font-size: var(--text-14);}
  }
@media(max-width:768px) {
  .new-booking-section .booking-top {margin-bottom: 12px;}
    .hiw-new-section p {font-size: var(--text-14); margin-top:5px;}
    .hiw-new-section .hiw-card .card-title {margin-top:0;}
    .pagination-main .pagination a {width:40px; height:40px;}
    .search-filter-btn {display:inline-block;}
  header.first-header .navbar-brand img {max-width: 60px;}
  input.form-control-lg, .booking-total {font-size: var(--base-text);}
 .mobile-search-btn {width: 30px; height: 30px; padding: 0; display: flex; align-items: center; justify-content: center; border:none; outline: none; box-shadow: none;}  
  .mobile-search-btn .close-src-toggle {display: none;}
  .mobile-search-btn .src-toggle {filter: brightness(10%);}
   .close-search .src-toggle {display: none;}
   .close-search .close-src-toggle {display: block; width: 22px;}
     .header-search.show-search {
    display: flex;
    background-color: var(--white); padding: 12px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 77px;
    border-bottom: 1px solid var(--gray-eighth);
    border-top: 1px solid var(--gray-eighth);
  }
  .header-search {
    display: none;
  }
     
.navbar-brand img { max-width: 55px;}
.custom-space {padding: 0;}
.booking-main, .profile-main {margin-top: 63px;}
.booking-main {margin-top: 56px;}
.booking-top {padding: 0;}
.booking-section {padding: 30px 0;}
.booking-top h1 {font-size: var(--text-17); }
.booking-top p {font-size: var(--text-14); margin-top: 5px; line-height: 18px;}
.booking-progress {margin-top: 20px;}
.new-booking-container {padding-bottom: 20px; margin-bottom: 10px;}
input.form-control, textarea.form-control, select.form-control {padding: 6px 15px; font-size: var(--text-14);}
.booking-box, .account-box {margin-top: 0px; padding: 15px;}
.icon-check .radio-label {gap: 10px;}
.icon-check .radio-label > .icon {width: 60px; height: 60px; min-width: 60px; min-height: 60px;}
.booking-section .btn-block {margin-top: 30px;}
.icon-check .form-radio:checked + .radio-label .icon img {max-width: 50px; max-height: 50px;}
.close-booking {top:20px; width: 28px; height: 28px;}
.close-booking img {max-width: 13px;}
.booking-spacer {margin-bottom:30px;}
.box-radio .radio-label, .box-check .check-label {padding: 10px 15px;}
.label-lg {font-size: var(--text-18); margin-bottom: 10px;}
.box-radio .radio-label {gap: 10px;}
.form-link {font-size: var(--base-text);}
.booking-section .btn-block .medium-btn, .booking-section .btn-block .medium-border-btn {min-width: 85px;}
.box-radio .radio-label .icon, .box-radio .radio-label .icon-color {width: 30px; height: 30px; min-width: 30px; min-height: 30px;}
.box-radio .form-radio:checked + .radio-label .icon::before {width: 20px; height: 20px;}
.days-check .radio-label .dn {margin-bottom: 2px; font-size: var(--text-14);}
.days-check .radio-label .dd {font-size: var(--text-17);}
.days-check .radio-label {min-height: 80px;}
.dd-row {gap: 4px;}
.profile-container {padding: 20px 15px;}
.profile-box {padding: 15px;}
.user-label, .user-value {width: 100%; padding: 7px 15px; min-height: inherit; font-size: var(--base-fonts);}
.user-info {display: block;min-height: inherit;}
.user-label::after {display: none;}
.user-label {border-radius: var(--border-r-8) var(--border-r-8) 0 0;}
.profile-title h1 {font-size: var(--text-20);}
.profile-title {margin-bottom: 15px;}
.medium-btn, .medium-border-btn {font-size: var(--base-text); padding: 7px 12px}
.profile-title .medium-btn img {max-width: 18px;}
footer {padding: 25px 0;}
.footer-logo {max-width: 70px;}
.footer-block {border-bottom:1px solid var(--gray-nav); padding-bottom: 10px; margin-bottom: 20px;}
.footer-nav h3 {font-size: var(--text-14); margin-bottom: 10px;}
.footer-nav li {margin-bottom: 10px; font-size: var(--text-14);}
.footer-nav h2 {font-size: var(--text-20);}
.copyright {margin-top:10px; font-size: var(--text-14); border-top: none; padding-top: 0; margin-top: 0;}
.header-search input.form-control {height: 40px;}
.header-search {gap: 10px;}
.header-search .nav-search-btn {width: 40px; height: 40px; min-width: 40px; min-height: 40px;}
.header-search .nav-search-btn img {max-width: 24px;}
.total-top {padding-bottom: 10px; margin-bottom: 10px;}
.profile-total-box {padding: 15px;}
.profile-card .card-title {margin-bottom: 10px;}
.profile-card .card-title, .total-top p {font-size: var(--text-17);}
.total-top p {font-size: var(--text-17);}
.card-box-row .box-label, .card-box-row .box-value, .total-box-row .total-label, .total-box-row .total-value, .download-link, .profile-card .service-list li, .remark-disc {font-size: var(--base-text);}
.profile-total-box {margin-bottom: 15px;}
.total-box-row {margin-bottom: 10px;}
.pd-left-row p {font-size: var(--base-text);}
.service-time {display: block;}
.service-time .status {margin-top: 10px;}
.order-detail-top .profile-total-box {margin: 15px 0 0;}
.od-img img {width: 80px; height: 80px;}
.od-details p {font-size: var(--base-text);}
.od-info {gap: 10px; flex-wrap: nowrap;}
.review-top h3 {font-size: var(--text-18);}
.review-disc p {font-size: var(--base-text);}
.review-star {font-size: var(--base-text); gap: 2px;}
.review-date {font-size: var(--text-14);}
.review-cell {padding-bottom: 15px; margin-bottom: 15px;}
.review-top {display: block; margin-bottom: 7px;}
.r-top-left {display: block;}
.inner-main {margin-top: 55px;}
.home-main {margin-top: 56px;}
.common-section {padding: 25px 0;}
.back-link p {font-size: var(--text-14);}
.back-btn {padding-bottom: 10px; margin-bottom: 10px;}
.cart-title p {font-size: var(--base-text);}
.cart-title {margin-bottom: 10px;}
.cart-row {padding: 15px; display: block; margin-bottom: 15px;}
  .cart-thumb {
   margin-bottom: 10px;
   
  }
  .header-search input.form-control {min-width: inherit;}

  .cart-name {font-size: var(--text-15);}
    .cart-bottom .od-info {flex-wrap: wrap; gap: 5px;}
  .cart-bottom .od-info .od-label {font-size: var(--text-14);}
  .cart-bottom .od-info li {min-width: 48%;}
  .cart-product-info .cart-price {font-size: var(--text-18);}
  .lg-btn, .lg-btn-border {padding: 10px 20px; font-size: var(--base-text);}
  .inner-breadcrumb {padding: 10px 0;}
  .section-title .title {font-size: var(--text-22);}
  .section-title {margin-bottom: 15px;}
.service-card .card-title {font-size: var(--text-17);}
.service-card .card-body {padding-top: 10px; padding-bottom: 10px;}
.slider-thumb {padding: 10px;}
.slider-thumb .slick-slide {margin: 0 5px;}
.pd-section .section-title .title {font-size: var(--text-20);}
.detail-info-block .product-price, .detail-info-block .product-old-price {font-size: var(--text-18);}
.pd-right .review-star, .pd-section .section-title {margin-bottom: 10px;}
.detail-info-block {margin-bottom: 15px;}
.info-label {font-size: var(--base-text); display: block;}
.detail-radio {gap: 5px; flex-wrap: wrap;}
.detail-radio .icon-check .radio-label > .r-label {font-size: var(--base-text);}
.detail-social-block {gap: 10px; flex-wrap: wrap;}
.social-label {font-size: var(--base-text); width: 100%;}
.sub-title {font-size: var(--text-20); margin: 0 0 10px;}
.pd-discription p, .pm-info p {font-size: var(--text-14);}
.pd-discription {margin-bottom: 20px;}
.pad-details-block {margin-top: 0;}
.pd-similar {padding-top: 0;}
.pd-review-top {padding: 10px; margin-bottom: 10px;}
.pd-review-top p {font-size: var(--base-text);}
.title-link {font-size: var(--text-17);}
.sd-card .card-body, .sd-card .card-footer {padding:10px;}
.sd-card .price, .sd-card .price .old-price {font-size: var(--text-20);}
.detail-social-block a img {max-width: 30px;}
.craft-right p {font-size: var(--base-text); line-height: 20px; margin-bottom: 10px;}
.service-tabs .service-link {min-width: inherit; font-size: var(--text-18); padding: 7px 18px;}
.service-tabs {gap: 15px; margin-bottom: 20px;}
.infinite-btn {margin-top: 20px;}
.banner {padding: 25px 0;}
.banner-box {padding: 15px 0px 60px;border-radius: var(--border-r-10);}
.banner-box .lg-btn-white {margin-top: 20px;}
.banner-box h1 {font-size: var(--text-26);}
.banner-box h3 {font-size: var(--text-17); line-height: normal; margin-top: 15px;}
.banner-box p {font-size: var(--base-text); margin-top: 15px; line-height: normal; letter-spacing: normal;}
.banner-box .lg-btn {margin-top: 20px;}
.shop-banner {padding: 25px 15px; border-radius: var(--border-r-10); min-height: inherit;}
.section-title p {font-size: var(--base-text);}
.shop-card .shop-img {margin-bottom: 5px;}
.shop-card p {font-size: var(--base-text);}
.shop-card {margin-bottom: 15px;}
.sc-main {margin-top: 10px; margin-bottom: 15px;}
.hiw-card .card-img-top {margin-top: 0; width: 50px; height: 50px;}
.hiw-card .card-title {font-size: var(--text-17); margin: 10px 0;}
.h-100.hiw-card {height: auto !important; min-height: inherit;}
.choose-card-content {padding: 10px;}
.choose-card-content p {font-size: var(--text-14);}
.choose-card-info {min-height: inherit;}
.review-slider, .partners-slider {padding: 0;}
.cr-card::after, .cr-card::before {width: 40px; height: 40px; background-size: 100% 100%;}
.cr-card {padding: 33px 15px 30px; min-height: inherit;}
.cr-card .card-title {font-size: var(--text-20);}
.cr-card .card-text {font-size: var(--base-text); line-height: 20px; margin-top: 10px;}
.partners-slider .slick-next, .partners-slider .slick-prev {display: none !important;}
.security-lft p {font-size: var(--text-14);}
.cost-box {max-width:100%; margin:15px 0 0; padding: 10px;}
.cost-box h3 {font-size:18px;}
.cost-box .codt-row h5, .cost-box .codt-row h4 {font-size: var(--text-14);}
.cost-box .codt-row {margin-bottom:15px;}
.sm-btn {font-size: var(--text-14); padding: 5px 10px;}
.nav-icon-btn {margin-left: 7px;}
.inner-banner {min-height: inherit;}
.inner-banner h1 {font-size: var(--text-30);}
.inner-banner p {font-size: var(--text-14); line-height: 15px; margin-top: 10px;}
.inner-banner .lg-btn-white {margin-top: 20px;}

.wrap-card {padding: 15px;}
.wrap-card .card-text {font-size: var(--base-text);}
.wrap-card h4 {font-size: var(--text-17); margin: 10px 0 0;}
.wrap-card .medium-btn {margin-top: 10px;}
.sd-card .card-text {font-size: var(--text-15);}
.sd-card .card-body {padding-bottom: 0;}
.sd-card .price, .sd-card .price .old-price {font-size: var(--text-17);}
.review-img {width: 45px; height: 45px; min-width: 45px; min-height: 45px;}
.review-title {gap: 10px;}
.pd-similar .section-title, .pd-review-section .section-title {display: block;}
.sub-title .review-count {font-size: var(--base-text);}
.pd-review-section .medium-border-btn {margin-top: 10px;}
.share-btns a {max-width: 30px;}
.pd-details-block {margin-top: 25px; padding-top: 25px;}
.first-header .second-nav {top: 50px; background-color: var(--new-black);box-shadow: 0 0 10px rgba(255,255,255,0.5);}
.search-filter {background-color: var(--white);
    padding: 15px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100; display:none;}
.search-filter .form-label {font-size:var(--text-14);}
.show-filter {display:block; box-shadow:0 0 10px rgba(0,0,0,0.10);}
.search-filter .form-group {margin-bottom:15px;}
.pricing-summary-card {padding: 12px; position: static;}
.smr-title {font-size: var(--text-15);}
.calc-value {font-size: var(--text-15);}
.calc-label {font-size: var(--text-14);}
.book-color-thumb {padding-top: 10px;}
.dp-month {font-size: var(--base-text);}
body {font-size: var(--text-14);}
.calender-check .radio-label {width: auto; height: 42px;}
.final-step-left {border-right: none; }
.payment-row h4 {font-size: var(--text-18);}
.payment-row h5 {font-size: var(--base-text);}
.thank-you-sec h1 {font-size: var(--text-20);}
.stepper .step {font-size: 0px;}
.booking-stepper {margin-bottom: 15px;}
.stepper {gap: 40px;}
.stepper .step .step-number {width: 30px; height: 30px;}
.navbar-nav {align-items: center;}
header.first-header .nav-icon-btn .nav-text {display: none;}
header.first-header .nav-icon-btn {font-size: 15px;}
.step.active.field::after {width: 60px;}
 .price-summary-box {margin-top: 25px;}
 .banner {height: 65vh;}
 .banner-slider .slick-dots {bottom: 10px;}
 .new-service-card .card-body {padding: 12px 15px;}
 .new-service-card .card-title {font-size: var(--base-fonts);}
 .new-service-card .card-text {margin-top: 8px;}
 .new-service-card .card-footer {padding:0px 15px 15px ;}
 .new-section-title .title.second {font-size: var(--text-24);}
 .new-section-title {margin-bottom: 20px;}
 .step-number-wrapper {margin-bottom: 15px;}
 .step-title {font-size: var(--base-text); margin-bottom: 7px;}
 .process-step-card {padding: 20px 15px;}
 .card-title {font-size: var(--base-text); margin-bottom: 7px;}
 .card-content {padding: 15px;}
 .marquee-group {gap: 1.5rem;}
 .partner-logo-item {padding: 12px 15px; gap: 10px; min-width: 160px;}
 .new-section-title .title {font-size: var(--text-17);}
 .review-card {padding: 15px;}
 header.first-header .manin-nav-link {font-size: var(--text-14);}
 .sticky-whatsapp-widget {right: 12px; bottom: 18px; width: 50px; height: 50px; font-size: 28px;}
 .new-section-title .slogan-left {font-size: var(--base-text);}
 .value-benefits-list h5 {font-size: var(--base-text);}
 .value-benefits-list li {gap: 12px; margin-bottom: 15px;}
 .new-section-title p {margin: 10px auto 7px;}
 .wrap-card .card-title {font-size: var(--base-text);}
 .wrap-card .card-header {padding-bottom: 7px;}
 .wrap-card .card-body {padding-bottom: 15px;}
 .wrap-card h4 {font-size: var(--text-14); margin-top: 5px;}
 .wrap-card .price-label {font-size: var(--text-12);}
 .service-details .common-section.ow-section .col {margin-bottom: 15px;}
 .cta-heading {font-size: var(--text-22); margin-bottom: 15px !important;}
 .cta-lead-text {font-size: var(--text-15); margin-bottom: 15px !important;}
 .footer-logo {font-size: var(--text-18); margin-bottom: 8px;}
 .new-section-title .title.third {font-size: var(--text-20);}
 .cart-inner-row {flex-wrap: wrap;}
 .cart-left {width: 100%;}
 .cart-product-info {gap: 8px; margin-top: 5px; width: 100%;}
 .cart-price-remove {justify-content: space-between; flex-direction: row; width: 100%;}
 .cart-product-info .cart-delete {font-size: var(--text-12);}
 .cart-product-info .cart-price {font-size: var(--text-14);}
}
@media(max-width:680px) {
header.first-header .sm-btn {font-size: var(--text-12);
    padding: 3px 6px;}
    .option-cell {padding-bottom: 10px; margin-bottom: 10px;}
  .option-cell .col-4, .option-cell .col-8 {width: 100%;}
 .cart-total-block .total-label {font-size: var(--text-15);}
  .price-summary-box h3 {font-size: var(--text-15); margin-bottom: 10px;}
  .cart-total-block .final-total-label, .cart-total-block .final-total-value {font-size: var(--base-text);}
  
}

/* Reviews slider arrows — smaller, moved clear of the review cards (2026-09-17) */
.review-slider .slick-prev,
.review-slider .slick-next {width: 18px; height: 20px; top: 50%; transform: translateY(-50%);}
.review-slider .slick-prev::before,
.review-slider .slick-next::before {width: 18px; height: 20px; background-size: contain; background-position: center center;}
.review-slider .slick-prev {left: -34px;}
.review-slider .slick-next {right: -34px;}
@media(max-width: 1400px) {
  .review-slider .slick-prev {left: -22px;}
  .review-slider .slick-next {right: -22px;}
}

/* Product-detail reviews — clean redesign (2026-09-17) */
.pd-review-section {background-color: #0b0b0c; color: rgba(255,255,255,.7); padding: 48px 0;}
.pd-review-section .pd-review-top {background-color: #161618; border: 1px solid #26262a; border-radius: 12px; padding: 20px 24px; margin-bottom: 26px; display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap;}
.pd-review-section .pd-review-summary {display: flex; align-items: center; gap: 24px; flex-wrap: wrap;}
.pd-review-section .review-score {display: flex; flex-direction: column; align-items: center; line-height: 1; padding-right: 24px; border-right: 1px solid #2a2a2d;}
.pd-review-section .review-score-num {font-size: var(--text-40); font-weight: 800; color: var(--white);}
.pd-review-section .review-score-outof {font-size: var(--text-12); color: rgba(255,255,255,.5); margin-top: 6px; text-transform: uppercase; letter-spacing: .5px;}
.pd-review-section .review-score-info {display: flex; flex-direction: column; gap: 6px;}
.pd-review-section .review-score-info .review-star {color: var(--yellow); font-size: var(--text-18); display: inline-flex; gap: 3px; margin: 0;}
.pd-review-section .review-score-count {margin: 0; font-size: var(--text-14); color: rgba(255,255,255,.6);}
.pd-review-section .review-dist {display: flex; flex-direction: column; gap: 4px; min-width: 180px;}
.pd-review-section .dist-row {display: flex; align-items: center; gap: 8px; font-size: var(--text-12); color: rgba(255,255,255,.6);}
.pd-review-section .dist-label {display: inline-flex; align-items: center; gap: 3px; color: var(--yellow); width: 34px;}
.pd-review-section .dist-bar {flex: 1; height: 6px; background-color: #2a2a2d; border-radius: 3px; overflow: hidden;}
.pd-review-section .dist-bar i {display: block; height: 100%; background-color: var(--yellow);}
.pd-review-section .dist-count {width: 18px; text-align: right;}
.pd-review-section .pd-review-top .lg-btn {white-space: nowrap;}
.pd-review-section .review-row {list-style: none; padding: 0; margin: 0;}
.pd-review-section .review-cell {background-color: #161618; border: 1px solid #26262a; border-radius: 12px; padding: 22px 24px; margin-bottom: 16px; border-bottom: 1px solid #26262a;}
.pd-review-section .review-cell:last-child {margin-bottom: 0;}
.pd-review-section .review-top {margin-bottom: 12px; align-items: flex-start;}
.pd-review-section .r-top-left {display: block;}
.pd-review-section .review-author {font-size: var(--text-20); font-weight: 700; color: var(--white); margin: 0 0 8px;}
.pd-review-section .review-star {color: var(--yellow); font-size: var(--text-18); gap: 3px; margin: 0;}
.pd-review-section .review-date {font-size: var(--text-14); font-style: normal; color: rgba(255,255,255,.45);}
.pd-review-section .review-disc p {font-size: var(--base-text); line-height: 1.75; color: rgba(255,255,255,.8); margin: 0;}
@media(max-width: 768px) {
  .pd-review-section {padding: 40px 0;}
  .pd-review-section .review-cell {padding: 18px;}
}

/* Write-review modal — bigger whole stars */
#write_review_modal #rattings img {width: 30px; height: 30px; cursor: pointer; margin-right: 4px;}

/* Google Places autocomplete dropdown (booking address) */
.pac-container {z-index: 100000 !important; border-radius: 8px; margin-top: 4px; box-shadow: 0 8px 24px rgba(0,0,0,.15);}
.pac-container .pac-item {padding: 6px 10px; font-size: var(--text-14);}

/* Product reviews — Load more */
.pd-review-section .reviews-load-more-wrap .load_more_reviews {min-width: 200px;}

/* Booking final step — full summary (2026-09-17) */
.final-summary {display: flex; flex-direction: column; gap: 16px; margin-top: 12px;}
.final-summary .fs-block {background-color: var(--gray-fifth); border: 1px solid var(--gray-box-border); border-radius: 12px; padding: 16px 20px;}
.final-summary .fs-title {font-size: var(--text-14); font-weight: 700; text-transform: uppercase; letter-spacing: .5px; margin: 0 0 12px; color: var(--primary);}
.final-summary .fs-rows {display: flex; flex-direction: column; gap: 8px;}
.final-summary .fs-row {display: flex; justify-content: space-between; gap: 16px; font-size: var(--base-text); border-bottom: 1px dashed var(--gray-box-border); padding-bottom: 8px;}
.final-summary .fs-row:last-child {border-bottom: none; padding-bottom: 0;}
.final-summary .fs-key {color: var(--gray-nav);}
.final-summary .fs-val {color: var(--base-color); font-weight: 600; text-align: right; max-width: 62%;}
@media(max-width: 575px) {
  .final-summary .fs-block {padding: 14px;}
  .final-summary .fs-row {flex-direction: column; gap: 2px;}
  .final-summary .fs-val {text-align: left; max-width: 100%;}
}