/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.9.1754907375
Updated: 2025-08-11 10:16:15

*/



/* Common CSS Start */

* {  font-family: "Poppins", sans-serif;  }

.main-heading {  font-size: 32px;  font-weight: 600;  margin: 0;  letter-spacing: 0.2px;   font-family: "Poppins", sans-serif;   }
section {  padding: 60px 30px;  }
.container {  max-width: 1740px;   margin: auto;    }
.cnt {  text-align:center;  }
.disp-flex, .flex {  display: flex;    justify-content: space-between;    gap: 30px;    align-items: center;  }
.center {  text-align: center;  }
h1, h2, h3, h4 {  letter-spacing: 0.2px;    margin-top: 0;  }
.col-left {  width: 48%;  }
.col-right {  width: 48%;  }
.btn-group .rg-btn a {  background: #d32f2f;   color: #fff;  border: 1px solid #d32f2f;  }
a {  text-decoration: none;   text-transform: uppercase; }
.main-heading {  margin-bottom: 20px;  }
.theme-btn a {  border: 1px solid #000;  color: #000;  }
.main-heading span {  color: #6e6e73;  }
p {   margin-bottom: 0;    font-size: 16px;    line-height: 1.8;     color: #444;   }
ul {  margin: 0;  }
.variations {  margin-top: 0px;border: none;margin-bottom: 10px;}
.variations label {  display: none !important;}
.variations th {  border: none;}
.variations th {  display: none !important;  }
.woocommerce-variation-price {  margin-bottom: 12px; }
.value.woo-variation-items-wrapper { border: none;  }
.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a { color: #152238;  font-size: 14px;
    padding: 20px 20px;    letter-spacing: 0.2px;  }

:focus-visible {    outline: none !important; }
:focus-within {    outline: none !important; }

body p, body a { -webkit-text-size-adjust: none; }
span.toggle-inner span.toggle-text {  display: none;  }
button.toggle span.toggle-text { display: none;  }
::selection {    background: #282828;    color: #fff;   }

/* Common CSS END */


.grecaptcha-badge { 
    visibility: hidden;
}
/* Header CSS Start */

#site-header {  background: #f5f5f7;  position: relative; z-index: 10; }
.header-inner {   padding: 0.8rem 0;    }
.right-sec {  display: flex;    align-items: center;    width: 30%;    justify-content: flex-end;  }
#site-header .primary-menu a {  color: #282828;   font-size: 16px;   letter-spacing: 0.2px;  font-weight: 400;  }
.cart-sec {  position: relative;  display: inline-block;  }
.header-titles-wrapper {  width: 30%;  }
.header-navigation-wrapper {  width: 64%;   display: flex;    justify-content: space-between;  }
.primary-menu.reset-list-style {    display: flex;    justify-content: flex-start;  }
.primary-menu > li {   margin: 0;   padding: 0px 26px;  }
ul.primary-menu {  margin: 0;  }
.right-sec li {  list-style: none;  }
.right-sec ul {  display: flex;  align-items: center;  justify-content: center; }

.woo-mini-cart-link {  display: flex;  align-items: center;  gap: 6px;  text-decoration: none;  color: #333;  font-weight: 500; 
	position: relative;  padding: 6px 10px;  border-radius: 8px;  transition: background 0.3s ease;   }

.woo-mini-cart-count {   background: #333; color: #fff;  font-size: 12px;  font-weight: 600;  border-radius: 50%;  width: 18px; 
	height: 18px;  display: flex;  align-items: center;  justify-content: center;  position: absolute;  top: 0;  right: 0;  }

.woo-mini-cart-dropdown {  display: none;  position: absolute;  top: 100%;  right: 0;  background: #fff;  border: 1px solid #ddd; 
	border-radius: 10px;  box-shadow: 0 4px 15px rgba(0,0,0,0.1);  width: 360px;  padding: 12px;  z-index: 999;  }

.woo-mini-cart-subtotal {    display: flex ;    justify-content: space-between;    font-size: 16px;    align-items: center;}
.woo-mini-cart-subtotal strong {    font-weight: 600;  }
.cart-sec:hover .woo-mini-cart-dropdown {  display: block;  }
.woo-mini-cart-empty {  text-align: center;  color: #777;  font-size: 14px;  margin: 20px 0;  }
.woo-mini-cart-footer {  display: flex;  justify-content: space-between;  gap: 10px;   margin-top: 12px;  }

.woo-mini-cart-footer .button {  flex: 1;  text-align: center;  padding: 8px 12px;  border-radius: 6px;
  font-size: 14px;  font-weight: 500;  text-decoration: none;  transition: all 0.3s ease;  }

.woo-mini-cart-footer .view-cart {  background: #f1f1f1;  color: #333;  }
.woo-mini-cart-footer .view-cart:hover {  background: #e0e0e0;  }
.woo-mini-cart-footer .checkout {  background: #e63946;  color: #fff;  }
.woo-mini-cart-footer .checkout:hover {      background: #d32f2f;    text-decoration: none !important;  }
.woo-mini-cart-icon img {  width: 28px;   height: 28px;  }
.woo-mini-cart-icon {  font-size: 38px;   margin-right: 5px; }

#site-header .primary-menu a:hover {   color: #d32f2f;    text-decoration: none;  }

.primary-menu li.current-menu-item > a {  text-decoration: none;   font-weight: 600;  }
.ac-sec {  display: inline-block;  }

.ac-sec a {  display: flex;  align-items: center;  justify-content: center;  width: 40px;  height: 40px;  border-radius: 50%;
  background: #fff;     color: #333;     font-size: 18px;     text-decoration: none;  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);  }

.ac-sec a:hover {  background: #333;   color: #fff;  transform: scale(1.1);  }

.woo-mini-cart-icon {  display: flex;  align-items: center;  justify-content: center;  width: 40px;  height: 40px;    background: #fff;
  border-radius: 50%;   color: #333;      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);   font-size: 18px;  transition: all 0.3s ease;  }

.woo-mini-cart-icon:hover {  background: #333;     color: #fff;    border-color: #0073e6;   }
.article-heading.topp {   margin-top: 0;   border-top: none;  }

/* Header CSS END */




/* Mobile Toggle CSS Start */

.nav-toggle {  display: flex;  flex-direction: column;  justify-content: center;  gap: 6px;  width: 36px;
  height: 28px;  background: none;  border: none;  cursor: pointer;  padding: 0;  }

.header-inner .toggle{    row-gap: 8px;	      padding: 0 7px;        width: 40px;        right: 13px;  height: 100%; }
.nav-toggle .bar {  display: block;  width: 100%;  height: 2px;  background: #111;   border-radius: 2px;   transition: all 0.3s ease; }

/* Mobile Toggle CSS END */




/* Hover Effects CSS Start */

.theme-btn a:hover {  background: #333;   color: #ffff; }
.rg-btn a:hover {  background: #333; } 
#site-footer a:hover, .cnt-top ul li a:hover {  color: #000; color: #d32f2f;  }

.caetgory-slide a:hover span {  color: #d32f2f;  }

/* Hover Effects CSS END */






/* Featured image section css start */

.sub-header.featured-banner {    position: relative;  padding: 80px 0;    text-align: center;   color: #fff; 
	background-repeat: no-repeat !important;    background-size: cover !important;     
	background: url(https://afro-dite.nl/wp-content/uploads/2025/09/featured.jpg);    height: 270px;
        background-position: 50% 30% !important;    display: flex; }

/*.sub-header.featured-banner::before {  content: "";  position: absolute;  top: 0; left: 0;  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5);   z-index: 1;  }*/

.sub-header.featured-banner .container {  position: relative;  z-index: 2;  }

.sub-header .main-heading {    -webkit-text-fill-color: transparent;    -webkit-text-stroke: 1px;    text-transform: uppercase;
    font-size: 60px;    margin: 0;  }

/* Featured Image Section CSS END */






/* Catergory Section CSS Start */

.home-category {  padding-top: 0;     padding-bottom: 0;   }
.home-category .container {  background: #f5f5f7;  padding: 60px 0px;   }
.box-cat {  text-align: center;   }

.caetgory-slide {  max-width: 1170px;  margin: auto;  display: flex;  align-items: center;  justify-content: space-between;   gap: 30px;        padding-top: 30px;   }

.box-cat {  box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;   width: 100%;  padding: 22px;
    border-radius: 12px;      min-height: 460px;     position: relative;   }

.cat1 {  background: radial-gradient(circle at center, #f5e0d8 0%, #d9b99b 60%, #b3865b 100%);  }

.cat2 {  background: #fff; }
.cat2 img {  width: 90%;     margin: auto;  }

.cat3 {    background: linear-gradient(to bottom, #f0f8ff 0%, #d6f0fa 50%, #bde6f5 100%);  }



.box-cat span {  font-size: 18px;   color: #010000;   }
.cat1 span {  color: #fff;  }
.cat1 .cat-circle, .cat3 .cat-circle {  position: absolute;   bottom: 0;  }


.cat2 .cat-circle {      position: absolute;    width: 90%;   margin: 0 auto;      bottom: 0;   }


/* Catergory Section CSS END */





/* Video Section CSS Start */

.video-sec .main-heading {   font-size: 60px;  margin-bottom: 20px;  }
.video-sec img {  filter: grayscale(1);    transition: 0.4s linear;  }
.video-sec.animate__fadeIn2 img {  transition-delay:1.1s;    filter: grayscale(0);    border: 4px solid #f5f5f5;     }

 @keyframes grayscaleInOut {
      0% {
        filter: grayscale(0%);
      }
      100% {
        filter: grayscale(100%);
      }
    }


/* Video Section CSS END */






/* Features Section CSS Start */

.boxex img {  margin: auto;            }
.boxex.animate__fadeIn2  img  ,.boxex.animate__fadeIn2  h4{   animation: blurInOut 2s ; }
.boxex h4 {  font-size: 24px;   letter-spacing: 0.2px;    margin-bottom: 16px;    margin-top: 26px;   }
.boxex {  padding: 0px 30px;   width: 100%;  }

.boxex h4.center {  color: #d32f2f;  }

 @keyframes blurInOut {
      0% {
          filter: blur(2px); 
      }
      100% {
        filter: blur(0px); 
      }
    }

/* Features Section CSS END */





/* Review Section CSS Start */

.review-sec .container {  background: #000;      padding: 0;    gap: 0;  }
.testimonial p {  color: #fff;     text-align: center;   }
.review-sec .col-left {   align-items: center;    flex-direction: column;    justify-content: center;    padding: 50px; overflow: hidden; }
.homeabout-sec {  padding: 20px;  }
.homeabout-sec .container {  padding: 0 60px;  }

.owl-stage-outer {  overflow: hidden;  }
.owl-stage {  padding-bottom: 5px;  }
.owl-item {  display: inline-block;  padding: 0;  vertical-align: top;  }
.owl-dots {    display: flex;     gap: 6px;    margin-top: 20px;    margin-left: 0;    justify-content: center;  }
.owl-nav.disabled,.owl-dots.disabled {    display: none;  }
.owl-dot {    background: transparent;    border: none;    padding: 0;    cursor: pointer;  }

.owl-dot span {  display: inline-block;  width: 6px;    height: 6px;    border-radius: 2px;
	transition: background-color 0.3s ease, transform 0.3s ease;    background: #ffffffeb;}

.owl-dot.active span, .owl-dot:hover span {    background-color: #fff;    transform: scale(1.3);  }
.testimonial p {    font-size: 22px;  }
.testimonial {    max-width: 80%;    margin: auto;  }

/* Review Section CSS END */





/* Why Choose section CSS Start */

.btn-group {  display: flex;  justify-content: center;  gap: 30px;   margin-top: 5rem;   }
.theme-btn a {    border: 1px solid #333;    padding: 10px 26px;    font-size: 16px;  }
.newsletter-sec .main-heading {  font-size: 36px;  max-width: 64%;   margin: auto;   padding-bottom: 30px;   font-weight: 700;    }

/* Why Choose section CSS END */





/* Gallery Section CSS Start */

.home-gal {  padding-bottom: 0; }

/* Gallery Section CSS END */




/* Newsletter Section CSS Start */

.es-form-field-container {  max-width: 500px;  margin: 0 auto;  display: flex;  border: 1px solid #000;   justify-content: space-between;  }
.es-form-field-container .es-email {  flex: 1; padding: 16px 14px; border: none;  outline: none;  font-size: 14px;  }

.es-form-field-container input[type="submit"] {   padding: 16px 20px;   border: none;    background: #d32f2f;  color: #fff; 
	font-size: 14px; 	font-weight: 600;  cursor: pointer;  text-transform: uppercase;  transition: background 0.3s ease;  width: 100%;  }

.es-form-field-container input[type="submit"]:hover {  background: #333;  }
.gjs-row {   margin-bottom: 0 !important;  }
.es-form-field-container .gjs-row:first-child {    display: none !important;  }
.gjs-row {  width: 100%;  }
.gjs-cell {  width: 100%; }
.es-form-field-container .gjs-row:last-child {  width: 56%;  }
.newsletter-sec {  padding-top: 8rem; }

/* Newsletter Section CSS END */





/* Footer CSS Start */

.fooeter-copyright {  background: #f5f5f7;     padding: 22px 20px 18px 20px;    }
#site-footer {  padding-bottom: 0;  }
ul.social-icons li {  margin: 0;  }
.addres li {  display: flex;   align-items: flex-start;   gap: 16px;  }
.addres li i {  width: 20px;   padding-top: 3px;  }
#site-footer li {  list-style: none;  }
#site-footer a:hover {  text-decoration: none;  }
.addres a, .cnt-top ul li a {  text-transform: lowercase;  }

.main-footer .container {  display: flex;    justify-content: space-between;    align-items: flex-start;     padding-bottom: 6rem;  
	padding-left: 20px;   padding-right: 20px;     gap: 40px;       padding-top: 4rem;   }

.footer-sec-three h3 {  margin-top: 0;  font-size: 18px;    font-weight: 500;    text-transform: uppercase;  }
#site-footer a {  padding: 0;      font-weight: 400;   color: #282828;  }
#site-footer {  border-top: 1px solid #ededed;  }
ul.social-icons {  display: flex;   justify-content: center;     gap: 30px;   }
ul.social-icons a {    background: transparent;    color: #000;    border: 1px solid #000;    border-radius: 0;  }
.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {  margin-top: 2rem; clear: both;  }
.addres a {  color: #000;  }
.footer-sec-three {  width: 100%;  }
.second .ico-hed {  text-align: center;    font-size: 36px;    font-weight: 700;  letter-spacing: 1.4px;   }
#menu-quick-links li {  display: flex;  justify-content: flex-end;  margin-bottom: 12px;  }
.third h3 {  text-align: right; }
.widget li {   color: #282828;  font-size: 16px;   }
.widget:first-child {   margin-left: 0;   }

/* Footer CSS END */






/* Contact Page CSS Start */

.cnt-top {  margin: 0 auto;    padding: 80px 20px 40px 20px;     color: #1d1d1f;  }
.cnt-top .col-btm {    display: flex;    gap: 60px;    align-items: flex-start;  }
.cnt-top h3 {  font-size: 22px;  font-weight: 600;  margin-bottom: 20px;  color: #000;  }
.cnt-top ul {  list-style: none;  padding: 0;  margin: 0;  }
.contact-frm {  margin-top: 30px;  }

.cnt-top ul li {  margin-bottom: 18px;  font-size: 16px;    line-height: 1.6;    display: flex;    align-items: center;
    gap: 12px;    margin-left: 0;  }

.cnt-top ul li a { color: #1d1d1f;  text-decoration: none;  }
.cnt-top ul li a:hover {      text-decoration: none;   }

.cnt-top .icon-circle {  display: flex;  align-items: center;  justify-content: center;  width: 34px;  height: 34px;
  border-radius: 50%;  background: #f2f2f2;  color: #1d1d1f;  font-size: 15px;  flex-shrink: 0;   }

.cnt-top .contact-frm input, .cnt-top .contact-frm textarea {  width: 100%;  padding: 12px 14px;  margin-bottom: 20px;
  border: 1px solid #d2d2d7;  border-radius: 10px;  font-size: 16px;  font-family: inherit;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;  }

.cnt-top .contact-frm input:focus, .cnt-top .contact-frm textarea:focus {  border-color: #000;  box-shadow: 0 0 0 3px rgba(0,113,227,0.2);
  outline: none;  }

.cnt-top .contact-frm textarea {  resize: vertical;  min-height: 120px;  }

.cnt-top .contact-frm input[type="submit"] {  background: #000;  color: #fff;  border: none;  font-size: 16px;  font-weight: 500;  padding: 14px 28px;  border-radius: 12px;  cursor: pointer;   transition: background 0.25s ease;  }

.cnt-top .contact-frm input[type="submit"]:hover {  background: #005bb5;   }
.wpcf7 form .wpcf7-response-output {  margin: 0;   font-size: 14px;     letter-spacing: 0.2px; }

.contact-info {   display: flex;   flex-wrap: wrap;   justify-content: space-between;  }
.col-half {    width: 48%; }
.col-full {  width: 100%; }
.cnt-top .col-right {  width: 66%;  }
span.wpcf7-spinner {  display: none; }

.cnt-top .col-left {  width: 30%;   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;    padding: 40px 30px;   border-radius: 14px;
	height: fit-content; }

/* Contact Page CSS END */





/* Larger Order Page CSS Start */

.large-form form {  display: flex;  flex-wrap: wrap;  justify-content: center;  gap: 30px; }
.large-form .row {  width: 100%;    display: flex;    gap: 30px;    justify-content: space-between;  }
.large-form .row .col-md-12 {  width: 100%; }
.large-form .col-md-6 {  width: 100%; }
.large-form {  background: #f7f7f7;  padding: 70px 40px;  border-radius: 12px;   margin-top: 40px;  }
.lar-page .main-heading {  text-align: center;  }
.lar-page {  padding: 80px 0;  background: #f9f9f9;  color: #222;  }

.lar-page .desc, .lar-page p {  font-size: 16px;  color: #555;  line-height: 1.6;  text-align: center;  max-width: 1200px;
  margin: 0 auto 20px auto;  }

.lar-page ul {  list-style: none;  padding: 0;  margin: 20px auto;  max-width: 1200px;   display: flex; }
.lar-page ul li {  font-size: 15px;  color: #444;  padding-left: 24px;  margin-bottom: 10px;  position: relative;  }
.lar-page ul li::before {  content: "✓";  position: absolute;  left: 0;  color: #d32f2f;   font-weight: bold;  }
.page-template-larger-order footer#site-footer {  margin-top: 0;  }

.large-form {  max-width: 1200px;  margin: 40px auto 0 auto;  background: #fff;  padding: 40px;  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);  }

.large-form input[type="text"],
.large-form input[type="email"],
.large-form input[type="tel"],
.large-form textarea {   width: 100%;   padding: 14px 16px;   border: 1px solid #ddd;   border-radius: 10px;  font-size: 15px;
  background: #fafafa;  transition: all 0.3s ease;  }

.large-form input:focus, .large-form textarea:focus {    border-color: #999;    background: #fff;    outline: none;
    box-shadow: 0 0 0 3px rgb(147 147 147 / 15%);   }

.large-form input[type="submit"] {  display: inline-block;  width: 100%;  padding: 14px 30px;  font-size: 16px;  font-weight: 600;
      background: #d32f2f;  color: #fff;  border: none;  border-radius: 0px;  cursor: pointer;  transition: all 0.3s ease;  }

.large-form input[type="submit"]:hover { background: #333;    text-decoration: none; }

/* Larger Order Page CSS END */





/* Make-an-appointment Page CSS Start */

.appint-page .col-grop {  display: flex;    flex-wrap: wrap;    gap: 20px;    margin: 20px 0px;    justify-content: space-between;  }
.form-head {  width: 100%; }
.appint-page .col-3 {  flex: 0 0 32%;  }
.appint-page .col-6 {  flex: 0 0 49%;  }
.appint-page .col-12 { flex: 0 0 100%;    }
.col-12.col-submit {   margin-top: 40px;   }

.appint-page label {  display: block;  font-size: 14px;  font-weight: 500;  color: #333;  }
.appint-page .hh {  display: block;  margin-bottom: 6px;  font-size: 15px;  font-weight: 600;  color: #111;  }

.appint-page input[type="text"], .appint-page input[type="email"], .appint-page input[type="tel"], .appint-page input[type="date"],
.appint-page select, textarea {  width: 100%;  padding: 14px 16px;  border: 1px solid #ddd;  border-radius: 10px; 
	font-size: 15px;  background: #fafafa;   transition: all 0.3s ease;  }

.appint-page input:focus, .appint-page select:focus, .appint-page textarea:focus { border-color: #b1b1b1;
    background: #fff;    outline: none;    box-shadow: 0 0 0 3px rgb(185 192 201 / 15%); }

.appint-page .col-grop2 h3 {  flex: 0 0 100%;  font-size: 24px;  font-weight: 600;  margin-bottom: 0px;  color: #111;  margin-top: 30px;  }

.appint-page .col-submit input[type="submit"] {  display: inline-block;  width: 100%;  padding: 16px;
  font-size: 16px;  font-weight: 600;  background: #000;  color: #fff;  border: none;  border-radius: 12px;
  cursor: pointer;    transition: background 0.3s ease;  }

.appint-page br {  display: none; }
.appint-page .col-submit input[type="submit"]:hover {  background: #333; }
.appint-page {  padding: 80px 20px;  background: #fff;  color: #111;  }
.appint-page .main-heading {  text-align: center;  }

.appint-page .apo-text {  max-width: 800px;  margin: 0 auto 50px;  font-size: 16px;  line-height: 1.7;  color: #444;
  text-align: center;  }

.appint-page .apo-text b {  font-weight: 600;  color: #111; }

.appint-page .apo-text ul {  list-style: none;  padding: 0;  margin: 30px 0 0;  text-align: left;  display: flex;    flex-wrap: wrap;
    justify-content: center; }

.appint-page .apo-text ul li {  position: relative;  margin-bottom: 12px;  padding-left: 28px;  font-size: 15px;   color: #333; }
.appint-page .apo-text ul li::before {  content: "✔";  position: absolute;  left: 0; color: #d32f2f;  font-size: 16px;  }

.appint-page .appoint-form {  max-width: 1200px;  margin: 0 auto;  padding: 40px;  border: 1px solid #eee;  border-radius: 16px;
  background: #fff;  box-shadow: 0 8px 25px rgba(0,0,0,0.05);  }

.appint-page .appoint-form .main-heading {  font-size: 24px;  font-weight: 600;  text-align: left;  margin-bottom: 25px; }

.appint-page .col-submit input[type="submit"] {  width: 100%;  padding: 16px;  font-size: 16px;  font-weight: 600;      background: #d32f2f;
  color: #fff;  border: none;  border-radius: 0px;  cursor: pointer;  transition: background 0.3s ease;     width: fit-content;
	display: block;   margin: auto; }

.appint-page .col-submit input[type="submit"]:hover {  background: #333;      text-decoration: none;   }


@media (max-width: 768px) {
	
	.col-3, .col-6, .col-12 { flex: 0 0 100%; }
	.appint-page {    padding: 60px 15px;   }
  	.appint-page .appoint-form {    padding: 25px;   }
	
}


/* Make-an-appointment Page CSS END */



/* About Us Page CSS Start */

.features-section {  border-left: 1px solid #ddd;   padding-left: 25px;  margin: 20px 0;  margin-top: 40px;  }
.feature-item {  position: relative;  margin-bottom: 30px;  }
.round-img {  border-radius: 50%;  }
.lands-img {  display: none;  }

.feature-item .dot {  position: absolute;  left: -30px;    top: 5px;  width: 8px;  height: 8px;  background-color: #191919; 
	border-radius: 50%;  }

.feature-item h3 {  font-size: 18px;  font-weight: 600;  margin-bottom: 8px;    color: #111;  }
.feature-item p {   font-size: 16px;    color: #444;    line-height: 2;    margin: 0;  }
.main-head {  font-size: 28px;   margin-bottom: 16px;  }

.abt-btm {  padding-top: 0;  }
.abt-btm .flex {   display: flex;   flex-direction: column;      background: #f5f5f7;    padding: 60px 30px;  }
.abt-btm .desc {   text-align: center;  }
.abt-btm .main-heading {  margin-bottom: 0;  }

/* About Us Page CSS END */




/* Privacy Policy Page CSS Start */

.policy-page {   margin: 0 auto;    color: #1d1d1f;     }
.policy-page p {  margin-bottom: 24px;  text-align: justify;   font-weight: 400;  }

.policy-page p strong {  display: block;  font-size: 22px;  font-weight: 600;  margin: 40px 0 16px;  color: #000;  margin-bottom: 0;      padding-bottom: 12px;  }

.policy-page a { color: #000;  text-decoration: none;  }
.policy-page a:hover {  text-decoration: underline;  }
.policy-page .container { width: 100%;  }

/* Privacy Policy Page CSS END */




/* Terms and Conditions Page CSS Start */

.term-page { margin: 0 auto;  color: #1d1d1f; }

.term-page p {  margin-bottom: 24px;   font-weight: 400; }
.term-page p strong {  font-weight: 600;  color: #000;  }
.term-page ul {  margin: 0;  }

.term-page .article-heading {  font-size: 20px;  font-weight: 600;  margin: 50px 0 20px;  color: #000;  line-height: 1.3; 
	border-top: 1px solid #e0e0e0;   padding-top: 30px;      letter-spacing: 0.2px;   }

.term-page ul {  list-style: disc; padding-left: 20px;   }
.term-page ul li {  margin-bottom: 10px;  line-height: 1.6;     font-size: 16px;    text-transform: capitalize;  }
.term-page a {  color: #000;   text-decoration: none;  }
.term-page a:hover {  text-decoration: underline;  }

/* Terms and Conditions Page CSS END */






/* Cart Page CSS Start */


.wp-block-woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main {     width: 60%; }
.wp-block-woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart {  padding-top: 6rem;  }

.wc-block-components-sidebar-layout {  background: #f9f9f9;  color: #111; padding: 40px 20px;  display: grid;
  grid-template-columns: 2fr 1fr;   gap: 40px;  }

.wc-block-cart-items {  width: 100%;  border-collapse: collapse;  }

.wc-block-cart-items__header {  border-bottom: 1px solid #e5e5e5;  font-weight: 600;  font-size: 14px;
  text-transform: uppercase;  color: #555;  }

.wc-block-cart-items__row {  border-bottom: 1px solid #eee;  }
.wc-block-cart-item__image img {  width: 120px;  border-radius: 12px;  box-shadow: 0 2px 8px rgba(0,0,0,0.05);  }
.wc-block-components-product-name {  font-size: 16px;  font-weight: 500;  color: #111;  text-decoration: none;  }
.wc-block-components-product-name:hover {  text-decoration: underline;  }
.price {  font-size: 16px;  font-weight: 600;  color: #000;  }

.wc-block-components-quantity-selector__input {  width: 50px;  padding: 6px;  border: 1px solid #ddd;  border-radius: 8px;
  text-align: center;  font-size: 14px;  }

.wc-block-components-quantity-selector__button {  border: none;  background: #f5f5f7;  border-radius: 8px;
  padding: 6px 10px;  cursor: pointer;  transition: background 0.2s ease;   }

.wc-block-components-quantity-selector__button:hover {  background: #e5e5e5;  }

.wc-block-components-sidebar {  background: #fff;  border-radius: 16px;  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  padding: 24px;  width: 100%;  }

.wc-block-cart__totals-title {  font-size: 18px;  font-weight: 600;  margin-bottom: 20px;  }

.wc-block-cart__submit-button {  background: #000;  border-radius: 12px;  font-size: 16px;  font-weight: 600;
  padding: 14px 24px;  color: #fff !important;  text-align: center;  display: inline-block;  transition: background 0.3s ease;  }

.wc-block-cart__submit-button:hover { background: #005bb5;  }

.wc-block-components-totals-item { padding: 12px 0;  border-top: 1px solid #f0f0f0;  font-size: 15px;  display: flex;
	justify-content: space-between; }


.wc-block-components-totals-coupon {     border-radius: 12px;    padding: 14px 18px;
    background: #ffffff;    box-shadow: 0 2px 8px rgba(0,0,0,0.04);    transition: all 0.3s ease;  }

.wc-block-components-panel__button {    display: flex;    align-items: center;    justify-content: space-between;    font-size: 15px;
    font-weight: 500;    color: #111;    cursor: pointer;    padding: 6px 0;  }

.wc-block-components-panel__button svg {    transition: transform 0.3s ease;      fill: #333;  }
.wc-block-components-panel[aria-expanded="true"] .wc-block-components-panel__button svg {    transform: rotate(180deg);  }

.wc-block-components-totals-coupon__input input {    width: 100%;    border: 1px solid #d1d1d6;    border-radius: 8px;
    padding: 12px 14px;    font-size: 14px;    transition: border-color 0.2s, box-shadow 0.2s;    background: #fafafa;  }

.wc-block-components-totals-coupon__input input:focus {    outline: none;    border-color: #000; 
	box-shadow: 0 0 0 3px rgba(0,113,227,0.2);    background: #fff;  }

.wc-block-components-totals-coupon__input label {    font-size: 13px;    color: #666;    margin-top: 6px;    display: inline-block; }

.wc-block-components-totals-coupon__button {    margin-top: 12px;    width: 100%;    border-radius: 8px;    font-size: 15px;
    font-weight: 500;    padding: 12px;    background: #111;    color: #fff;    border: none;    transition: all 0.25s ease;  }

.wc-block-components-totals-coupon__button:hover:not(:disabled) {    background: #000;    box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.wc-block-components-totals-coupon__button:disabled {    background: #ccc !important;    cursor: not-allowed;  }
#site-content .post-inner {  padding-top: 6rem;  }

/* Cart Page CSS END */






/* Checkout Page CSS Start */

.post-inner.thin .woocommerce {  display: flex;    gap: 40px;    color: #111;    padding: 40px 20px;  flex-direction: column;  }
.woocommerce-billing-fields h3, #order_review_heading {  font-size: 22px;   margin-top: 0 !important;     margin-bottom: 16px;    }
.woocommerce-info {  margin-bottom: 0;  }
.woocommerce-info a {  color: #282828;  }
div#order_review table.shop_table.woocommerce-checkout-review-order-table {  margin-top: 0; }
ul.woocommerce-error a {  padding-left: 30px; }

#order_review {    background: #fff;    border-radius: 20px;    padding: 32px;    margin-top: 30px;    color: #111;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);    transition: all 0.3s ease;  }

.woocommerce-checkout-review-order-table {    width: 100%;    border-collapse: collapse;    font-size: 15px;  }

.woocommerce-checkout-review-order-table thead th {    font-weight: 600;    text-align: left;    padding: 14px 0;
    font-size: 14px;    text-transform: uppercase;    letter-spacing: 0.6px;    color: #555;    border-bottom: 1px solid #eee;  }


.woocommerce-checkout-review-order-table .cart_item td {    padding: 18px 0;    border-bottom: 1px solid #f2f2f2;
	font-weight: 400;     color: #222;  }

.woocommerce-checkout-review-order-table .product-name {    font-size: 15px;    line-height: 1.4;  }
.woocommerce-checkout-review-order-table .product-quantity {    color: #666;    font-size: 14px;  }

.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table .cart-subtotal td,
.woocommerce-checkout-review-order-table .order-total td {  text-align: right;  }


.woocommerce-checkout-review-order-table .cart-subtotal th,
.woocommerce-checkout-review-order-table .cart-subtotal td {    padding: 16px 0;    font-size: 15px;    color: #444;  }

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {    padding: 20px 0;    font-size: 17px;    font-weight: 600;  
	color: #000;    border-top: 1px solid #ddd;  }

#payment {    margin-top: 30px;  }

.woocommerce-info {    background: #f9f9f9;    border: 1px solid #eaeaea;    border-radius: 12px;    padding: 16px 18px;
    font-size: 14px;    color: #444;  }

#place_order {    display: block;    width: 100%;    background: #111;    color: #fff;    padding: 16px 20px;    border-radius: 14px;   
	font-size: 16px;    font-weight: 600;    border: none;    margin-top: 25px;    cursor: pointer;    transition: all 0.3s ease;  }

#place_order:hover {    background: #000;    transform: translateY(-2px);    box-shadow: 0 6px 18px rgba(0,0,0,0.15);  }
#order_review td {  min-width: 100px;  }
table * {    font-size: 16px;  font-weight: 500;   }
#customer_details .col-2 {  display: none; }


.woocommerce-error {  list-style: none;  margin: 24px 0;  padding: 14px;  border-radius: 14px;  background: #fff;
  border: 1px solid #f2d6d6;     box-shadow: 0 10px 30px rgba(0,0,0,0.06);  position: relative;  overflow: hidden;  }

.woocommerce-error::before {  content: "";  position: absolute;  inset: 0 auto 0 0;  width: 4px;
  background: linear-gradient(180deg, #ff5a52, #d93025);   border-radius: 4px 0 0 4px;  }

.woocommerce-error .woocommerce-error__title {  font-weight: 600;  margin-bottom: 6px;   color: #111;  }

.woocommerce-error li {  margin: 0;  padding: 10px 12px 10px 36px;   position: relative;   color: #111;  border-top: 1px solid #f6eaea;  }
.woocommerce-error li:first-child { border-top: 0; }

.woocommerce-error li::before {  content: "!";  position: absolute;  left: 12px;  top: 50%;  transform: translateY(-50%);
  width: 18px; height: 18px;  display: grid; place-items: center;  font-size: 12px;  font-weight: 700;  color: #fff;
  background: linear-gradient(180deg, #ff5a52, #ef4444);  border-radius: 50%;  box-shadow: 0 1px 0 rgba(0,0,0,0.08);  }

.woocommerce-error a {  color: #111;  text-decoration: none;  outline: none;
	transition: color .2s ease, text-decoration-color .2s ease;  text-underline-offset: 3px;  text-decoration-thickness: 1px;
  text-decoration-color: transparent;  }

.woocommerce-error a:hover {  color: #d93025;  text-decoration-color: #f1b3b3;  }

.woocommerce-error a:focus-visible {  outline: 0;  border-radius: 8px;
	box-shadow: 0 0 0 3px rgba(217,48,37,0.15), 0 0 0 6px rgba(217,48,37,0.08);   }

.woocommerce-error strong {  font-weight: 600;    color: #111;  }


@media (prefers-color-scheme: dark) {
  .woocommerce-error {   background: #1b1b1b;   border-color: #3b1f1f;   box-shadow: 0 10px 30px rgba(0,0,0,0.4); }
  .woocommerce-error li {  color: #f2f2f2;  border-top-color: #2a1818; }
  .woocommerce-error a { color: #f2f2f2; }
  .woocommerce-error a:hover { color: #ff6b63; text-decoration-color: #6b2a2a; }
  .woocommerce-error strong { color: #fff; }
}


/* Checkout Page CSS END */






/* Account Page CSS Start */

.entry-header.header-footer-group { padding: 60px 20px;  background: #f5f5f7;   border-bottom: 1px solid #e0e0e0;  text-align: center; }
.entry-header .entry-header-inner {  max-width: 800px;  margin: 0 auto;  }
.entry-header .entry-title {  font-size: 36px; font-weight: 600;  letter-spacing: -0.5px;  color: #111;  margin: 0;  }

#customer_login {  display: flex;  gap: 40px;  justify-content: center;  align-items: flex-start;  padding: 60px 20px;    color: #111; }
#customer_login .u-column1, #customer_login .u-column2 {  flex: 1; }
#customer_login h2 {  font-size: 24px;  font-weight: 600;  margin-bottom: 20px;  text-align: left;    color: #000;  }
#customer_login label {  display: block;  font-size: 14px;  font-weight: 500;  margin-bottom: 6px;  color: #333;  }

#customer_login input.input-text {  width: 100%;  padding: 12px 14px;  border: 1px solid #d2d2d7;  border-radius: 8px;
  font-size: 15px;  background: #fff;  transition: all 0.25s ease;  }

#customer_login input.input-text:focus {  border-color: #000;  box-shadow: 0 0 0 4px rgba(0,113,227,0.2);  outline: none;  }

#customer_login .woocommerce-form__label-for-checkbox {  font-size: 14px;  display: flex;  align-items: center;  gap: 6px;
  margin: 10px 0 20px;  cursor: pointer;  }

#customer_login button.woocommerce-button {  background: #000;  color: #fff;  border: none;  padding: 12px 20px;  border-radius: 999px;
  font-size: 15px;  font-weight: 500;  cursor: pointer;  transition: background 0.25s ease, transform 0.15s ease;   }

#customer_login button.woocommerce-button:hover {  background: #0077ed;  transform: translateY(-1px);  }
#customer_login button.woocommerce-button:active { transform: translateY(0);  }
#customer_login .woocommerce-LostPassword a {  font-size: 14px;  color: #000;  text-decoration: none;  }
#customer_login .woocommerce-LostPassword a:hover { text-decoration: underline;  }
#customer_login .woocommerce-form-row { margin-bottom: 18px;   }

.post-inner.thin .woocommerce {  display: flex;  gap: 40px;    color: #111;  padding: 40px 20px;  }
.woocommerce-MyAccount-navigation {  flex: 0 0 220px; }
.woocommerce-MyAccount-navigation ul {  list-style: none;  margin: 0;  padding: 0;  }
.woocommerce-MyAccount-navigation li {  margin-bottom: 12px; }
.logged-in.woocommerce-account #site-content .woocommerce {   margin-top: 8rem;  }

.woocommerce-MyAccount-navigation a {  display: block;  padding: 12px 16px;  border-radius: 8px;  font-size: 15px;
  font-weight: 500;  color: #333;  text-decoration: none;  transition: all 0.25s ease;  border: 1px solid transparent;  }

.woocommerce-MyAccount-navigation a:hover {  background: #f5f5f7;  border-color: #e0e0e0;  color: #000;  } 
.woocommerce-MyAccount-navigation .is-active a { background: #000;  color: #fff;  border-color: #333; }

.woocommerce-MyAccount-content { flex: 1;  background: #fff;  padding: 30px;  border: 1px solid #e0e0e0;  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);  font-size: 15px;  line-height: 1.6;  }

.woocommerce-MyAccount-content a {color: #000; text-decoration: none;  font-weight: 600;  }
.woocommerce-MyAccount-content a:hover {  text-decoration: underline; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {  color: #fff;   text-decoration: none; }

.woocommerce-info {  background: #f5f5f7;  border: 1px solid #e0e0e0;     border-radius: 12px;  padding: 16px 20px;  
  font-size: 15px;  color: #111;  display: flex;  justify-content: space-between;  align-items: center;  gap: 20px;  }

.woocommerce-info a {  text-decoration: none;  }

.woocommerce-info .button.wc-forward {  background: #000;  color: #fff;  padding: 10px 18px;  border-radius: 8px;
  font-size: 14px;  font-weight: 500;  transition: background 0.25s ease, transform 0.15s ease;  }

.woocommerce-info .button.wc-forward:hover {  background: #0077ed;  transform: translateY(-1px);  }
.woocommerce-info .button.wc-forward:active { transform: translateY(0);  }


.woocommerce-MyAccount-content {  font-size: 16px;  color: #111;  line-height: 1.6;  }
.woocommerce-Addresses {    display: flex;    flex-wrap: wrap;    gap: 40px;    margin-top: 30px;    flex-direction: column;  }

.woocommerce-Address {  flex: 1 1 45%;  min-width: 280px;  background: #fff;  border: 1px solid #e5e5ea;
  border-radius: 8px;  padding: 20px;  box-sizing: border-box;  }

.woocommerce-Address-title {  display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 12px;  }
.woocommerce-Address-title h2 {  font-size: 18px;  font-weight: 600;  margin: 0;  color: #000;  }
.woocommerce-Address-title .edit { font-size: 14px; font-weight: 500; color: #000;  text-decoration: none;  transition: color 0.2s ease; }
.woocommerce-Address-title .edit:hover {  color: #005bb5;  text-decoration: underline;  }
.woocommerce-Address address { font-size: 14px;  color: #444;  margin: 0;  font-style: normal;  }
.woocommerce-MyAccount-content .addresses .woocommerce-Address {    width: 100%; }
.woocommerce-page .col2-set::before {  display: none;  }
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {   color: #000;    text-decoration: none;  }
.woocommerce-account .woocommerce-MyAccount-content p {   font-size: 14px;  }
label {  font-size: 14px;  }


.woocommerce-EditAccountForm {  margin: 30px auto;  padding: 0px 20px;  background: #fff;  border-radius: 10px;  }
.woocommerce-EditAccountForm label {  display: block;  font-size: 14px;  font-weight: 600;  margin-bottom: 6px;  color: #111;  }

.woocommerce-EditAccountForm input.input-text {  width: 100%;  padding: 10px 12px;  font-size: 14px;  border: 1px solid #d9d9d9;
  border-radius: 6px;  background: #fafafa;  transition: border-color 0.2s ease, background 0.2s ease;  }

.woocommerce-EditAccountForm input.input-text:focus {  border-color: #000;  background: #fff;  outline: none;  }
.woocommerce-EditAccountForm .password-input {  position: relative;  display: block;  }
.woocommerce-EditAccountForm .password-input input {  padding-right: 40px;  }

.woocommerce-EditAccountForm .password-input .show-password-input {  position: absolute;  right: 10px;  top: 50%;
  transform: translateY(-50%);  background: none;  border: none;  cursor: pointer;  width: 20px;  height: 20px;    opacity: 0.6;  }

.woocommerce-EditAccountForm .password-input .show-password-input:hover {  opacity: 1;  }
.woocommerce-EditAccountForm fieldset {  border: 1px solid #eee;  border-radius: 8px;  padding: 15px 20px;  margin: 20px 0; }
.woocommerce-EditAccountForm legend {  font-size: 15px;  font-weight: 600;  color: #333;  padding: 0 6px;  }
#account_display_name_description {  font-size: 12px;  color: #666;  display: block;  margin-top: 4px;  }

.woocommerce-EditAccountForm button.woocommerce-Button {  background: #000;   color: #fff;  border: none;  padding: 12px 20px; 
	font-size: 15px;  font-weight: 600;  border-radius: 6px;   cursor: pointer;   transition: background 0.2s ease, transform 0.1s ease;  }

.woocommerce-EditAccountForm button.woocommerce-Button:hover {  background: #333;  transform: translateY(-1px);  text-decoration: none;  }
.woocommerce-EditAccountForm .form-row-first, .woocommerce-EditAccountForm .form-row-last {  width: 48%;  float: left; }
.woocommerce-EditAccountForm .form-row-last {  margin-left: 4%;  }
.woocommerce-EditAccountForm .form-row-wide {  width: 100%;  float: none;  clear: both;  }
.woocommerce-EditAccountForm .clear {  clear: both;  }


/* Account Page CSS END */






/* Lost Password CSS Start */

.woocommerce form.woocommerce-ResetPassword.lost_reset_password {  max-width: 620px;  margin: 0px auto;  padding: 40px 32px;
   text-align: left;     letter-spacing: -0.2px;  }

.woocommerce .lost_reset_password > p:first-of-type {  margin: 0 0 28px;  font-size: 15px;  line-height: 1.6;   }

.woocommerce .lost_reset_password label {  display: block;  margin-bottom: 6px;  font-size: 14px;  font-weight: 500;     }

.woocommerce .lost_reset_password .woocommerce-Input.input-text {  width: 100%;  height: 44px;  padding: 10px 14px;
	border: 1px solid var(--apple-border);  border-radius: 10px;  font-size: 15px;  background: #f5f5f7;   transition: all 0.25s ease;  }

.woocommerce .lost_reset_password .woocommerce-Input.input-text:focus {  background: #fff; 
  box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.3);  outline: none;  }

.woocommerce .lost_reset_password .woocommerce-Button.button {  width: 100%;  height: 50px;  margin-top: 10px;  border: none;
  border-radius: 10px; background: #282828; color: #fff;  font-weight: 600;  font-size: 15px;  cursor: pointer;
  transition: background 0.2s ease, transform 0.1s ease;  }

.woocommerce .lost_reset_password .woocommerce-Button.button:hover {  background: #0077ed;     text-decoration: none;   }
.woocommerce .lost_reset_password .woocommerce-Button.button:active {  transform: scale(0.99);  }
.woocommerce .lost_reset_password .clear { display: none;  }
.woocommerce .lost_reset_password .required {  color: #e30000;  }
#post-21 .woocommerce {  padding-top: 0 !important;  }
ul.woocommerce-error {    padding: 10px 12px;    margin: 30px auto;    max-width: 80%;  }

/* Lost Password CSS END */







/* Thank You Page CSS Start */


.woocommerce-order {  max-width: 1200px;  color: #111;  padding: 0 16px;  }

.woocommerce-notice--success {  background: #f6faf7;  border: 1px solid #c9e5d4;  padding: 18px 22px;  border-radius: 14px;
  font-size: 16px;  font-weight: 500;  color: #0f5132;  margin-bottom: 28px;  box-shadow: 0 4px 14px rgba(0,0,0,0.05);  text-align: center; }

.woocommerce-order-overview {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;  list-style: none;  margin: 0 0 32px;   padding: 0;   }

.woocommerce-order-overview li {  background: #fff;  border: 1px solid #eee;  padding: 16px;  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);    font-size: 15px;  }

.woocommerce-order-overview li strong {  display: block;  margin-top: 6px;  font-weight: 600;  font-size: 16px;  color: #111;  }

.woocommerce-order-details__title, .woocommerce-column__title {  font-size: 20px;  font-weight: 600;  margin: 30px 0 16px;   color: #111; }


.woocommerce-table--order-details {  width: 100%;  border-collapse: collapse;  margin-bottom: 32px;  background: #fff;
  border-radius: 14px;  overflow: hidden;  }

.woocommerce-table--order-details thead {  background: #f9fafb;  }

.woocommerce-table--order-details th, .woocommerce-table--order-details td {  padding: 14px 18px;  border-bottom: 1px solid #eee;
	font-size: 15px;  }

.woocommerce-table--order-details th {  text-align: left;  font-weight: 500;  color: #444;  }
.woocommerce-table--order-details td {  color: #111; }
.woocommerce-table--order-details tfoot th {  font-weight: 600;  }

.woocommerce-table--order-details a {  color: #000;  text-decoration: none;  transition: color .2s;  }
.woocommerce-table--order-details a:hover {  color: #0051c9;  text-decoration: underline;  }
h2.woocommerce-order-details__title {  margin-top: 30px;   font-size: 20px;  }

.woocommerce-customer-details address {  background: #fff;  border: 1px solid #eee;  padding: 18px;  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);  line-height: 1.6;   font-size: 15px;   color: #111;  }

.woocommerce-customer-details p {  margin: 10px 0 0;  color: #555;   font-size: 14px;  }

.woocommerce-order-details {  background: linear-gradient(145deg, #ffffff, #f9fafb);  border: 1px solid #e5e7eb;
  border-radius: 22px;  padding: 32px;  margin: 50px 0;  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);  transition: all 0.3s ease;  }

.woocommerce-order-details:hover {  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);  transform: translateY(-3px);  }

.woocommerce-order-details__title {  font-size: 26px;  font-weight: 700;  margin-bottom: 28px;  color: #111;  letter-spacing: -0.01em;
  text-align: left;  }

.woocommerce-order-details table {  width: 100%;  border-collapse: collapse;  border-radius: 16px;  overflow: hidden;   margin-top: 20px;  }

.woocommerce-order-details thead {  background: #f3f4f6; }
.woocommerce-order-details th, .woocommerce-order-details td {  padding: 18px 22px;  font-size: 16px;    border-bottom: 1px solid #eee; }
.woocommerce-order-details th {  font-weight: 600;  color: #333;  text-align: left;  }

.woocommerce-order-details tfoot tr:last-child td,
.woocommerce-order-details tfoot tr:last-child th {  background: #111;  color: #fff;  font-weight: 500;  font-size: 16px; }

.woocommerce-order-details a {  color: #191919;  font-weight: 500;  text-decoration: none;  transition: color 0.2s ease;  }
.woocommerce-order-details a:hover {  color: #1d4ed8;  text-decoration: underline;  }


/* Thank You Page CSS END */






/* Single Product Page */

.custom-single-product-container {    max-width: 1600px;    margin: auto;  }
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {    display: flex;
    flex-direction: column;    align-items: flex-start;     gap: 30px;  }

.product-title {    font-size: 24px;    font-weight: 600;    margin: 0;    text-transform: uppercase;    letter-spacing: 0.1px;
    width: 66%;    float: left;    color: #1c1c1c;  }

.product-title {  font-size: 24px;  }

.product-divider {    height: 1px;    background-color: #e0e0e0;    margin: 15px 0;  }
.product-meta {    margin-bottom: 20px;  }
.reviews-count {    font-size: 14px;    color: #666;    text-transform: uppercase;  }
.product-add-to-cart {    margin: 25px 0;  }

.product-add-to-cart .single_add_to_cart_button {    display: block;    width: 100%;    padding: 15px;    background-color: #4a94f9;
    color: #fff;    text-align: center;    font-weight: bold;    border: none;    cursor: pointer;    text-transform: uppercase;
    letter-spacing: 1px;    transition: background-color 0.3s;   }

.product-add-to-cart .single_add_to_cart_button:hover {  background-color: #333;   }
.product-tabs-container {  display: flex;  flex-direction: column;  margin: 0 0;   }

.product-tab {  display: flex;  justify-content: space-between;  padding: 15px 0;   border-bottom: 1px solid #e0e0e0;    cursor: pointer;
    text-transform: uppercase;    font-size: 16px;    letter-spacing: 0.5px;font-weight: 400;   }

.product-tab.active {    font-weight: bold;   }
.product-breadcrumb {    font-size: 12px;    color: #666;    margin-top: 20px;    text-transform: uppercase;   }
.single-product div.product {    display: flex;    gap: 30px;    justify-content: space-between;  }
.single-product .summary {    padding: 40px 0 0; margin-bottom:0;  }
.stock {   clear: both;   margin: 20px 0 10px;   }
.product-summary {   display: flex;   flex-direction: column;  }
.single-product form.cart input[type=number] {   width: 100%;   text-align: center;    background: transparent;  }

.hm-gallery-container {    position: relative;    margin-bottom: 30px;    width: 47%;   }
.hm-main-gallery {    position: relative;    overflow: hidden;    width: 100%;   }

.hm-gallery-main-image {   position: absolute;    top: 0;    left: 0;    width: 100%;    height: auto;    opacity: 0;  
	transition: opacity 0.5s ease;   }

.hm-gallery-main-image.active {    position: relative;    opacity: 1;   }

.hm-gallery-controls {  display: block;  flex-direction: column;  align-items: center;  margin-top: 15px;   position: absolute;
    right: 0;    bottom: 0;    top: auto;    background: #fff;   margin-top: 0;   }

.hm-gallery-track {   width: 100%;   height: 0px;   background-color: #e0e0e0;   position: relative;    margin-bottom: 8px;   }

.hm-gallery-nav {    display: flex;    align-items: center;    gap: 20px;   }
.hm-gallery-counter {    font-size: 12px;    color: #000;    letter-spacing: 1px;   }

.hm-gallery-prev, .hm-gallery-next {    background: none;    border: none;    font-size: 18px;    cursor: pointer;    padding: 5px;
    color: #000;    transition: opacity 0.3s;    }

.hm-gallery-prev:hover, .hm-gallery-next:hover {    opacity: 0.7;   }
.woocommerce-tabs {    display: none !important;  }
.tab-pane {    display: none;    padding: 15px 0;   }
.tab-pane.active {    display: block;   }
.woocommerce-Reviews {    margin-top: 0;   }
#reviews .commentlist {    padding-left: 0;    list-style: none;   }

.product-short-description li {  list-style: none;  position: relative;  font-size: 16px;  margin-bottom: 12px;   padding-left: 13px;
	margin-left: 0px; font-weight: 200;  }

.product-short-description li::before {   content: "\f111";    font-family: "fontawesome";     position: absolute;
  left: 0;    top: 8px;    color:#111; font-size: 6px;
    line-height: normal;  }

.product-short-description li strong {  font-weight: 500;  }
.product-short-description ul {  margin-left: 0px;   margin-bottom: 0px;   }
form.woocommerce-cart-form .product-subtotal {  display: none; }

.product-price {    margin: 00px;    color: #d32f2f;    font-weight: bold;    float: right;    font-size: 20px;    padding-right: 10px;
    display: flex;    align-items: center;    gap: 12px;  }

.product-price .woocommerce-Price-currencySymbol {   font-weight: 500;   }
.product-info-text {    font-size: 16px;    color: #004d40;    display: flex;    align-items: center;    gap: 8px;   }
.info-wrapper {    position: relative;    display: inline-block;    }

.info-icon {    display: inline-block;    width: 20px;    height: 20px;    border-radius: 50%;    background: #009688;    color: #fff;
    text-align: center;    font-size: 14px;    line-height: 20px;    cursor: pointer;    font-weight: bold;   }

.info-box {    position: absolute;    top: 28px;    left: 0;    min-width: 260px;    max-width: 340px;    background: #fff;    color: #333;
    border: 1px solid #ddd;    padding: 12px 16px;    font-size: 14px;    line-height: 1.5;    border-radius: 6px;   
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);    z-index: 100;    opacity: 0;    visibility: hidden; 
	transition: opacity 0.2s ease, transform 0.2s ease;    transform: translateY(5px);    }

.info-wrapper:hover .info-box {    opacity: 1;    visibility: visible;    transform: translateY(0);   }

.info-box::before {    content: "";    position: absolute;    top: -6px;    left: 15px;    border-width: 6px;    border-style: solid;
    border-color: transparent transparent #ddd transparent;   }

.info-box::after {    content: "";    position: absolute;    top: -5px;    left: 15px;    border-width: 6px;    border-style: solid;
    border-color: transparent transparent #fff transparent;   }

.stock.in-stock {  display: inline-block;  border: 1px solid #28a745;  color: #28a745;  padding: 2px 6px;
  border-radius: 4px;  font-size: 14px;  font-weight: 600;   }

.out-of-stock {    border-color: #dc3545;     color: #dc3545;  }
.product-add-to-cart .cart {  display: flex;    flex-direction: column;    row-gap: 9px;     }
.product-add-to-cart .quantity {    display: flex;    justify-content: space-between;      align-items: stretch;background: #f3f3f3;  }

.woocommerce div.product form.cart div.quantity button {  border: solid 1px rgba(0, 0, 0, 0.08);  background: #000;
  font-weight: 600;  font-size: 20px;  color: #fff;  padding: 0;  width: 49px;  cursor: pointer;  }

.product-tab i { margin-left: 8px;  transition: transform 0.2s ease;  color: #000;  font-size: 20px;  font-weight: bold;  }
.spec-table {  width: 100%;  border-collapse: collapse;  margin-bottom: 20px;  }
.spec-table td {  border: 1px solid #ddd;  padding: 10px;  vertical-align: top;  }
.spec-table td:first-child {  font-weight: 600;  width: 40%;  background: #f9f9f9;   }
table.spec-table a ,.product-tab-content p.stars a { color:#000; }
/* Single Product Page Css End*/





@media screen and (max-device-width: 767px) and (orientation: portrait) {

	#site-footer ul#menu-snelle-links li {  justify-content: flex-start;  }
	.site-logo img {  max-height: 1.6rem; }
	.woo-mini-cart-icon, .ac-sec a {  width: 30px;  height: 30px;   font-size: 16px; }
	.right-sec ul {   flex-direction: column;  }
	.header-inner .right-sec {  width: 60%;  }
	.cart-sec {  margin-right: 10px;  }
	.wpml-ls-legacy-list-horizontal {  padding: 7px 0px;  }
	
	.home-category .box-cat span {  font-size: 22px;  }
	.home-category .main-heading {  padding: 0px 10px;  }
	.u-column2.col-2 {  padding-top: 40px;  }
	
	section.video-sec {  padding: 50px 0px;  }
	.newsletter-sec {  padding-top: 2rem;  }
	.video-sec.animate__fadeIn2 img {  border: none;        min-height: 220px;        object-position: 60% 50%;  }
	.cat2 .cat-circle {  width: 66%;    padding-top: 50px;  }
	.cat2 {  padding-bottom: 0; }
	.cat2 a { margin-bottom: 0; }
	.box-cat.cat2 { min-height: 250px;    padding-bottom: 0;  }
	.appint-page .col-6, .appint-page .col-3 {  flex: 100%;  }
	.box-cat {  min-height: 460px;  }
	.home-category .box-cat {  border-radius: 0;   }
	.home-category .container {   padding: 0;   background: #fff;  }
	ul.social-icons {   margin-left: 4px;  }	
	.fooeter-copyright .center {    display: flex;    flex-direction: column;    align-items: center;  }
	.appint-page .apo-text ul {   text-align: left;    justify-content: flex-start;  }
 	.video-sec, .review-sec {  padding-left: 0px; padding-right: 0;  }
	.home-category {  padding-top: 30px;          padding-left: 0;     padding-right: 0;  }
	.slider img {  min-height: 350px;   object-fit: cover;  }
	.box-cat .imlink {  display: flex;flex-direction: column-reverse;   }
	.cat2 .cat-circle {  position: relative;  }
	.cat3 img, .cat1 img {  float: right;   max-width: 100%;  }
	#site-header, .header-inner.section-inner {  min-height: 80px;  }
	.header-navigation-wrapper {  position: absolute;  right: 18%;  display: flex;  justify-content: flex-end;  }
	.header-inner.section-inner {  display: flex;    align-items: center;    min-height: 80px;  }
	.header-titles-wrapper {  width: 50%;  }
	.caetgory-slide {  padding-top: 10px;  }
	.video-image {  min-height: 300px;   object-fit: cover; }
	.cnt-top .col-left, .cnt-top .col-right {  width: 100%;  }
	.cnt-top {  padding: 40px 20px;  }
	.contact-info {  flex-direction: column;  }
	.col-half {  width: 100%;  }
	
	.large-form .row {  flex-direction: column;   gap: 6px;   }
	
}




@media screen and (max-device-width: 991px) and (orientation: landscape) {

	#site-header, .header-inner.section-inner {  min-height: 80px;  }
	.header-navigation-wrapper {  position: absolute;  right: 12%;  display: flex;  justify-content: flex-end;  }
	.header-inner.section-inner {  display: flex;    align-items: center;    min-height: 80px;  }
	.header-titles-wrapper {  width: 50%;  }
	.box-cat {  min-height: 310px;  }
	section.video-sec {  padding-top: 4rem;  }
	.header-navigation-wrapper {  right: 8% !important;  }
	
	.home-category .container {   padding: 40px 30px;   }
	.cat3 img, .cat1 img { float: right;  max-width: 90%;  }
	.cnt-top {    padding: 40px 20px;  }	
	.cnt-top .col-left {  width: 48%;  }

	.abt-top .flex {    display: flex;    flex-direction: column;  }
	.col-left {    width: 100%;  }
	.col-right {    width: 100%;  }
	.round-img {  border-radius: 0;  max-height: 250px;  width: 100%;  object-fit: cover;   object-position: 50% 42%; }
	.abt-top {  padding-top: 6rem;  }
	
	.cnt-top .col-right, .cnt-top .col-left {  width: 50%;  }
	.cnt-top .col-btm {  gap: 30px;  }
	.box-cat {  min-height: 320px !important;  }

}





@media only screen and (max-width : 991px) {

	.right-sec {  width: 40%; }
	.main-heading {  font-size: 22px;  }
	.video-sec .main-heading {  font-size: 30px;  }
	.review-sec .col-left {  padding: 50px 20px;  }
	.testimonial p {  font-size: 16px;  }
	section {  padding: 30px 20px;  }
	.boxex h4 {  font-size: 22px;  }	
	.homeabout-sec .container {  padding: 0 0px;  }
	.btn-group {   margin-top: 4rem;  }
	.newsletter-sec .main-heading { font-size: 24px;  max-width: 100%;  }
	.boxex {  padding: 0px 10px;  }
	.second .ico-hed {  font-size: 22px;  }

	.box-cat {  padding: 14px 16px;  }
	.box-cat span {  font-size: 13px;  }
	.box-cat {  border-radius: 8px;  }
	.caetgory-slide {  padding-top: 10px;  }
	p, .term-page ul li {  font-size: 14px;  }
	
	
    .es-form-field-container .es-email, .es-form-field-container input[type="submit"] {  padding: 12px 12px;  }
	.es-form-field-container input[type="submit"] {  width: 100%;  float: right;  }
	.boxex img {  max-height: 50px;  }	
	.boxex h4 {  margin-bottom: 12px;  margin-top: 22px;  }
	.btn-group {  gap: 20px;  }
	
	.widget li {  font-size: 14px;  }
	.main-footer .container {  padding-bottom: 4rem;  }
	
	ul.social-icons a {  height: 30px;  width: 30px;  }
	
	.cnt-top .contact-frm input, .cnt-top .contact-frm textarea {  padding: 6px 14px;  font-size: 14px;     border-radius: 6px;  }
	.cnt-top .col-left {  padding: 30px 20px;  }
	.sub-header .main-heading {  font-size: 30px;  }
	.sub-header.featured-banner {    height: 170px;  }
	
	.appint-page input[type="text"], .appint-page input[type="email"], .appint-page input[type="tel"],
	.appint-page input[type="date"], .appint-page select, textarea {   padding: 10px 16px;   font-size: 14px;  border-radius: 4px;  }
	
	.appint-page .appoint-form .main-heading, .appint-page .col-grop2 h3 {   font-size: 20px;  }
	
	.lar-page ul {  flex-wrap: wrap;  justify-content: center;  }
	.large-form {  padding: 40px 20px;    }
	.large-form form {  gap: 10px;  }
	.lar-page {  padding: 80px 0 60px 0;  }
	.large-form input[type="submit"] {  padding: 8px 26px;  font-size: 14px;  }
	.lar-page .container {  width: 92%; }
	.lar-page .desc, .lar-page p, .lar-page ul li {  font-size: 14px;  }
	
	.large-form input[type="text"], .large-form input[type="email"], .large-form input[type="tel"], .large-form textarea {
    padding: 10px 14px;  border-radius: 4px;  font-size: 14px;  }
	
	.single-product .product-summary span.woocommerce-Price-amount.amount,
	.single-product .product-summary span.woocommerce-Price-currencySymbol {  font-size: 30px;  }
}




@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){ 

	.box-cat {  min-height: 250px;  }
	.home-category .container {   padding: 40px 0px;   background: #fff;   }
	.caetgory-slide {  gap: 20px; }
	.cat3 img, .cat1 img {   max-width: 90%;  }
	.box-cat .main-heading {  line-height: 0;  }
	.boxex h4 {  font-size: 16px;   }
	.review-sec .col-left {  padding: 10px 20px;  }
	.theme-btn a {  padding: 8px 20px;   font-size: 14px;  }
	.second .ico-hed {   font-size: 22px;  }
	.newsletter-sec .main-heading {  max-width: 80%;    margin: auto;  }
	.main-footer .container {  padding-top: 0rem;  }
	.cnt-top .col-left {  width: 48%;  }
	#site-header, .header-inner.section-inner {  min-height: 70px;  }
	.header-navigation-wrapper {  position: absolute;  right: 12%;  display: flex;  justify-content: flex-end;  }
	.header-inner.section-inner {  display: flex;    align-items: center;    min-height: 70px;  }
	.header-titles-wrapper {  width: 50%;  }
	.newsletter-sec {   padding-top: 6rem;  }
	.boxex {  padding: 0;   }
	.site-logo img {   max-height: 2rem;   }
	
	.abt-top .flex {    display: flex;    flex-direction: column;  }
	.col-left {    width: 100%;  }
	.col-right {    width: 100%;  }
	.round-img {  border-radius: 0;  max-height: 250px;  width: 100%;  object-fit: cover;   object-position: 50% 42%; }
	.abt-top {  padding-top: 6rem;  }
	.appint-page .col-6 {  flex: 0 0 48%; }
	.appint-page .col-3 {  flex: 0 0 48%; }
	.col-grop.col-grop2 .col-6:last-child { flex: 100%; }

}



@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){ 

	p { font-size: 14px; }
	
	.appint-page .col-6 {  flex: 0 0 48%; }
	.appint-page .col-3 {  flex: 0 0 48%; }
	.col-grop.col-grop2 .col-6:last-child { flex: 100%; }
	.main-heading {  font-size: 26px;  }
	.service-sec {  padding: 0; }
	
	.cnt-top { padding: 40px 20px 40px 20px;  }
	.cnt-top .col-left {  width: 40%;  }
	.second .ico-hed {  font-size: 24px;  }
	.main-footer .container {  padding-top: 2rem;  }
	.main-footer .container {  align-items: center;  }
	
	#site-header, .header-inner.section-inner {  min-height: 80px;  }
	.header-navigation-wrapper {  position: absolute;  right: 4%;  display: flex;  justify-content: flex-end;  }
	.primary-menu.reset-list-style {  justify-content: flex-end;  }
	.header-inner.section-inner {  display: flex;    align-items: center;    min-height: 80px;  }
	.header-titles-wrapper {  width: 50%;  }
	.abt-top {  padding-bottom: 0;  }
	
	.home-category .container {   padding: 40px 30px;   }
	.cat3 img, .cat1 img { float: right;  max-width: 76%;  }
	.boxex h4 {  font-size: 16px;   }
	
	.box-cat {  min-height: 360px;  }
	.home-category {  padding-top: 0;    padding-bottom: 0;      padding-top: 30px;  }
	.home-category .container {  padding: 0;  background: #fff;   }
	
	.home-category .container {   padding: 40px 30px;           padding: 0;    background: none;  }
	.cat3 img, .cat1 img { float: right;  max-width: 100%;  }
	.box-cat {  padding: 20px;  }
	.box-cat span {  font-size: 15px;  }
	.video-sec .main-heading {  font-size: 42px;  }
	.sub-header.featured-banner {    height: 270px;  }
	
	.abt-top .flex {  display: flex;   flex-direction: column;   }
	.abt-top .col-left,.abt-top .col-right {  width: 100%;  }
	
	img.round-img {  display: none; }
	img.lands-img {    display: block;    width: 100%;  }
	
	.sub-header .main-heading {  font-size: 42px;  }
	
	.lar-page ul {  flex-wrap: wrap;  justify-content: center;  }
	.large-form {  padding: 40px 20px;    }
	.large-form form {  gap: 10px;  }
	.lar-page {  padding: 80px 0 60px 0;  }
	.large-form input[type="submit"] {  padding: 8px 26px;  font-size: 14px;  }
	.lar-page .container {  width: 92%; }
	.lar-page .desc, .lar-page p, .lar-page ul li {  font-size: 14px;  }
	
	.large-form input[type="text"], .large-form input[type="email"], .large-form input[type="tel"], .large-form textarea {
    padding: 10px 14px;  border-radius: 4px;  font-size: 14px;  }

}





@media (max-width: 480px) {
	
  .woocommerce-error {  padding: 10px;  border-radius: 12px;  }
  .woocommerce-error li { padding: 8px 10px 8px 34px;  font-size: 14px; }

}


@media (max-width: 600px) {
	
  .woocommerce-order-overview {    grid-template-columns: 1fr;   }
  .woocommerce-table--order-details th,   .woocommerce-table--order-details td {    padding: 12px;    font-size: 14px;  }
	
}