:root {   --black:#000000;   --white:#fff;   --themered:#BA1813;   --gray:#888888;   scroll-behavior:auto; --color-primary:#1a1a1a;   --color-accent:#BA1813;   --color-surface:#ffffff;   --color-background:#f5f5f5;   --color-input-bg:#f0f0f0;   --color-text-primary:#1a1a1a;   --color-text-secondary:#888888;   --color-text-inverse:#ffffff;   --color-success:#22c55e;   --color-error:#dc2626;   --color-focus:#2563eb;   --color-link:#2563eb;   --color-border:#e0e0e0;   --color-border-hover:rgba(196, 30, 58, 0.3);   --shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);   --shadow-base:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);   --shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);   --shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);   --shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);   --shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);   --shadow-input:0 0.5px 1px 0 rgba(25, 33, 61, 0.04);   --shadow-dropdown:0 10px 40px -10px rgba(0, 0, 0, 0.2);   --shadow-button-hover:0 8px 25px rgba(0, 0, 0, 0.15);   --shadow-accent:0 8px 20px rgba(196, 30, 58, 0.3);   --radius-sm:6px;   --radius-md:8px;   --radius-lg:10px;   --radius-xl:12px;   --radius-2xl:16px;   --radius-3xl:20px;   --radius-full:9999px;   --space-1:0.25rem;  --space-2:0.5rem;  --space-3:0.75rem;  --space-4:1rem;  --space-5:1.25rem;  --space-6:1.5rem;  --space-8:2rem;  --space-10:2.5rem;  --space-12:3rem;  --font-family-base:'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;   --font-size-xs:0.75rem;  --font-size-sm:0.875rem;  --font-size-base:1rem;  --font-size-lg:1.125rem;  --font-size-xl:1.25rem;  --font-size-2xl:1.5rem;  --font-size-3xl:1.75rem;   --font-weight-normal:400;   --font-weight-medium:500;   --font-weight-semibold:600;   --font-weight-bold:700;   --line-height-tight:1.25;   --line-height-snug:1.375;   --line-height-normal:1.5;   --line-height-relaxed:1.6;   --line-height-loose:1.7;   --transition-fast:250ms cubic-bezier(0.4, 0, 0.2, 1);   --transition-base:400ms cubic-bezier(0.4, 0, 0.2, 1);   --transition-smooth:800ms cubic-bezier(0.4, 0, 0.2, 1);   --transition-slow:1000ms cubic-bezier(0.4, 0, 0.2, 1);   --ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);   --ease-out:cubic-bezier(0, 0, 0.2, 1);   --ease-in:cubic-bezier(0.4, 0, 1, 1);   --ease-bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55);   --z-base:1;   --z-dropdown:1000;   --z-sticky:1020;   --z-fixed:1030;   --z-modal-backdrop:1040;   --z-modal:1050;   --z-popover:1060;   --z-tooltip:1070;   --container-sm:640px;   --container-md:768px;   --container-lg:1024px;   --container-xl:1280px;   --backdrop-blur-sm:blur(4px);   --backdrop-blur-md:blur(8px);   --backdrop-blur-lg:blur(12px);   }  * {   -webkit-box-sizing:border-box;   -moz-box-sizing:border-box;   box-sizing:border-box; } html {   margin:0;   padding:0; } body {   margin:0;   padding:0;   font-size:14px;   background:var(--white);   letter-spacing:0;   line-height:normal;   font-family:'Rubik';   font-weight:normal;   scroll-behavior:auto; }  input, select, textarea, button {   outline:none;   box-shadow:none;   font-family:inherit; } input[type=text]::-moz-placeholder, input[type=search]::-moz-placeholder, .input-text::-moz-placeholder, .input_text::-moz-placeholder {   color:inherit;   opacity:1;   font-family:inherit; } input[type=text]::-webkit-input-placeholder, input[type=search]::-webkit-input-p, .input-text::-webkit-input-placeholder, .input_text::-webkit-input-placeholder {   color:inherit;   opacity:1;   font-family:inherit; } input[type=text]::-ms-placeholder, input[type=search]::-ms-placeholder, .input-text::-ms-placeholder, .input_text::-ms-placeholder {   color:inherit;   opacity:1;   font-family:inherit; } input[type=email]::-moz-placeholder {   color:inherit;   opacity:1;   font-family:inherit; } input[type=email]::-webkit-input-placeholder {   color:inherit;   opacity:1;   font-family:inherit; } input[type=email]::-ms-placeholder {   color:inherit;   opacity:1;   font-family:inherit; } textarea::-moz-placeholder {   color:inherit;   opacity:1;   font-family:inherit; } textarea::-webkit-input-placeholder {   color:inherit;   opacity:1;   font-family:inherit; } textarea::-ms-input-placeholder {   color:inherit;   opacity:1;   font-family:inherit; } a {   text-decoration:none;   -webkit-transition:all ease-in-out 0.3s;   -moz-transition:all ease-in-out 0.3s;   transition:all ease-in-out 0.3s; } a:hover {   text-decoration:none; } .flxrow {   display:-webkit-box;   display:-ms-flexbox;   display:flex; } .flxcol {   display:-webkit-box;   display:-ms-flexbox;   display:flex;   -webkit-flex-direction:column;   flex-direction:column; } .flxfix {   -ms-flex-positive:0;   flex-grow:0;   -ms-flex-negative:0;   flex-shrink:0;   -ms-flex-preferred-size:auto;   flex-basis:auto; } .flxflexi {   -ms-flex-positive:1;   flex-grow:1;   -ms-flex-negative:1;   flex-shrink:1;   -ms-flex-preferred-size:auto;   flex-basis:auto;   position:relative; }  @media (min-width:576px) {   .container {  width:100%;  max-width:100%;   }  } @media (min-width:768px) {   .container {  width:750px;  padding:0 15px;  ;   } } @media (min-width:992px) {   .container {  width:970px;   } } @media (min-width:1200px) {   .container {  width:1130px;  max-width:1130px;   } } @media (min-width:1400px) {   .container {  width:1230px;  max-width:1230px;   } } h1, h2, h3, h4, h5, h6 {   margin:0;   padding:0;  } h1 {  font-size:34px; } h2 {  font-size:32px; } h3 {  font-size:28px; } h4 {  font-size:26px; } h5 {   font-size:24px; } h6 {   font-size:20px; } p {   margin:0;   padding:0;   color:var(--black);   font-weight:400;   font-size:16px;   line-height:1.375; } p+p {   padding-top:16px; } ul {   margin:0px;   padding:0px; } ul li {   list-style:none; } .row {   margin-left:-10px !important;   margin-right:-10px !important; } .row>* {   padding-left:10px !important;   padding-right:10px !important; } .main-wapper {   min-height:100vh;   overflow:hidden; } .py-70 {   padding-top:48px;   padding-bottom:48px;   ; } .pt-70 {   padding-top:48px; } .pb-70 {   padding-bottom:48px;   ; } .py-60 {   padding-top:48px;   padding-bottom:48px;   ; } .pt-60 {   padding-top:48px; } .pb-60 {   padding-bottom:48px;   ; } .py-48 {   padding-top:40px;   padding-bottom:40px;   ; } .pt-48 {   padding-top:40px; } .pb-48 {   padding-bottom:40px;   ; } .text-data p {   margin:0;   padding:0;   color:var(--gray);   font-weight:normal;   font-size:16px;   line-height:133.333%; } .text-data ul li strong, .text-data ol li strong, .text-data p strong {   font-weight:500; } .text-data p img {   max-width:100%;   display:block;   margin:16px auto; } .text-data p+p {   padding-top:24px; } .text-data ul li a, .text-data ol li a, .text-data p a {   margin:0;   padding:0;   color:var(--gray);   font-weight:normal;   line-height:133.333%;   text-decoration:underline; } .text-data ol li a:hover, .text-data ul li a:hover, .text-data p a:hover {   opacity:0.5; } .text-data ul {   margin:0px;   padding:24px 0 0px 18px; } .text-data ul li {   margin:0;   padding:0;   color:var(--gray);   font-weight:normal;   font-size:16px;   line-height:133.333%;   display:list-item;   list-style-type:disc;   list-style-position:outside; } .text-data ul li+li {   margin-top:12px; } .text-data ol {   margin:0px;   padding:24px 0 0px 18px; } .text-data ol li {   margin:0;   padding:0;   color:var(--gray);   font-weight:normal;   font-size:16px;   line-height:133.333%;   display:list-item;   list-style-type:decimal;   list-style-position:outside; } .text-data ol li+li {   margin-top:12px; } .text-data .heading-tag:first-child {   padding-top:0px;   ; } .text-data ol+p, .text-data ul+p, .text-data p+ul, .text-data p+ol, .text-data ol+ul, .text-data ul+ol {   padding-top:16px; } .text-data p+p {   padding-top:16px; }  #header {   position:relative;   z-index:100;   width:100%;   display:block;   background:var(--white);   box-shadow:rgba(0, 0, 0, 0.1) 0 2px 4px; } .header-tagline-wapper {   background-color:var(--black);   width:100%;   display:block; } .header-tagline h1 {   font-weight:normal;   font-size:15px;   min-height:48px;   display:flex;   align-items:center;   justify-content:center;   text-transform:uppercase;   color:var(--white);   text-align:center;   width:100%; } .header-top {   display:flex;   align-items:center;   padding:0px 0;   width:100%;   justify-content:space-between; } .header-left {   gap:28px;   ;   display:flex;   align-items:center; } .header-left .logo {   margin:-5px 0;   width:auto;   display:flex;   align-items:center; } .header-left .logo a {   width:auto;   display:flex;   align-items:center; } .header-left .logo a img {   max-width:170px;   width:auto;   height:auto;   display:block;   width:170px; } .header-top .main-nav {   display:flex;   align-items:center;   justify-content:center; } .header-top .main-nav>ul {   gap:30px;   display:flex;   align-items:center;   justify-content:center; } .header-top .main-nav>ul>li {   padding:44px 0;   margin:-8px 0; } .header-top .main-nav>ul>li>a {   display:flex;   position:relative;   color:var(--black);   font-size:16px;   font-weight:500; } .header-top .main-nav>ul>li>a:hover {   color:var(--themered); } .header-top .main-nav>ul>li.has-child {   position:relative; } .header-top .main-nav>ul>li.has-child::after {   transition:all 0.3s ease-in-out;   width:20px;   height:20px;   width:64px;   height:2px;   background:#000;   content:'';   display:flex;   position:absolute;   left:50%;   bottom:30px;   margin:0 0 0 -32px; } .header-top .main-nav>ul>li:hover>a {   color:var(--themered); } .header-top .main-nav>ul>li:hover::after {   background:var(--themered); } .header-right {   gap:24px;   display:flex;   align-items:center; } .header-top .header-search .input-text {   width:240px;   min-height:40px;   padding:0 16px 0 40px;   font-size:14px;   color:var(--black);   border:0;   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/serch-icon.svg') no-repeat 12px center #F0F0F0;   border-radius:8px; } .header-top .header-search .input-text::placeholder {   color:var(--gray); } .header-icons {   display:flex;   align-items:center;   gap:18px; } .header-icons .icon {   padding:10px 0;   position:relative;   width:auto;   display:flex; } .header-icons .icon>a {   width:auto;   display:flex; } .header-icons .icon>a>img {   max-width:24px;   ;   width:auto;   display:flex; } .header-top .main-nav>ul>li ul {   transform:translateY(20px);   opacity:0;   visibility:hidden;   pointer-events:none;   background:var(--white);   box-shadow:0 0 5.4px 0 rgba(0, 0, 0, 0.10);   border-radius:16px;   position:absolute;   left:0;   top:100%;   min-width:132px;   transition:all 0.3s ease-in-out; } .header-top .main-nav>ul>li ul li+li {   border-top:#E3E3E3 solid 1px;   ; } .header-top .main-nav>ul>li ul li a {   font-size:14px;   color:var(--black);   padding:13px 18px;   display:flex;   white-space:nowrap; } .header-top .main-nav>ul>li ul li a:hover {   color:var(--themered); } .header-top .main-nav>ul>li:hover ul {   opacity:1;   transform:none;   visibility:visible;   pointer-events:all; } .cart-box-main {   margin:30px 0 0 0;   display:none;   position:absolute;   right:0;   top:0;   width:380px;   ;   background:var(--white);   box-shadow:0 0 5.4px 0 rgba(0, 0, 0, 0.20);   border-radius:16px;   position:absolute;   top:100%;   padding:24px; } .cart-box-main .cart-box-header {   display:flex;   align-items:center;   justify-content:space-between; } .cart-box-main .cart-box-header h4 {   font-size:18px;   font-weight:500; } .products-cart-listing {   max-height:420px;   overflow:auto;   padding:10px 0 0 0;   display:block;   width:100%; } .products-box-cart {   gap:10px;   padding:5px;   border-radius:14px;   border:1px solid #DBDBDB;   display:flex;   align-items:center;   background:#FFF; } .products-box-cart .img {   border-radius:10px;   min-width:96px;   min-height:66px;   display:flex;   align-items:center;   justify-content:center;   background:rgba(255, 246, 245, 1); } .products-box-cart .img a {   display:flex; } .products-box-cart .img a span {   width:80px;   height:80px;   display:flex;   align-items:center;   justify-content:center; } .products-box-cart .img a span img {   max-width:80px;   width:auto;   height:auto;   max-height:80px;   display:flex;   align-items:center;   justify-content:center; } .products-box-cart .cart-pro-box-right {   width:100%; } .products-box-cart .cart-pro-box-right h5 {   padding:0 0 4px;   font-size:16px;   font-weight:500;   display:block; } .products-box-cart .cart-pro-box-right .size-row {   display:flex;   gap:20px;   ;   align-items:center;   flex-wrap:wrap;   font-size:13px;   color:var(--gray); } .products-box-cart .cart-pro-box-right .price {   display:flex;   gap:20px;   ;   align-items:center;   flex-wrap:wrap;   font-size:14px;   font-weight:500;   color:var(--black); } .products-box-cart .cart-pro-box-right .cart-box-links {   gap:20px;   padding:12px 0 0 0;   display:flex;   align-items:center;   flex-wrap:wrap; } .products-box-cart .cart-pro-box-right .cart-box-links a {   font-size:12px;   font-weight:500;   text-transform:uppercase;   color:var(--black); } .products-box-cart .cart-pro-box-right .cart-box-links a:hover {   color:var(--themered); } .products-box-cart+.products-box-cart {   margin:12px 0 0 0; } .home-banner .slick-slide {   margin:0 10px; } .home-banner .slick-list {   margin:0 -10px; } .banner-box {   width:100%;   position:relative;   display:block;   border-radius:18px;   overflow:hidden; } .banner-box .banner-img {   width:100%;   display:block;   position:relative;   padding:65% 0 0 0; } .banner-box .banner-img img {   position:absolute;   left:0;   top:0;   width:100%;   height:100%;   object-fit:cover; } .banner-box .banner-box-over {   padding:0 28px 62px;   position:absolute;   left:0;   bottom:0;   width:100%; } .banner-box .banner-box-over h2 {   color:var(--white);   padding:0 0 12px;   font-family:'Abhaya Libre';   font-size:38px;   line-height:1; } .banner-box .banner-box-over .shop-now-btn {   display:flex;   align-items:center; } .banner-box .banner-box-over .shop-now-btn a {   color:var(--black);   background:var(--white);   height:44px;   padding:0 19px;   border-radius:8px;   ;   font-size:15px;   line-height:22px;   display:flex;   align-items:center; } .banner-box.box-style-1 .banner-box-over h2 {   color:#FFEBDC; } .banner-box.box-style-1 .banner-box-over .shop-now-btn a {   background:#FFEBDC;   color:#7B1E3B; } .banner-box.box-style-1 .banner-box-over .shop-now-btn a:hover {   background:#d50e4c;   color:#FFEBDC; } .banner-box.box-style-2 .banner-box-over h2 {   color:#fff; } .banner-box.box-style-2 .banner-box-over .shop-now-btn a {   background:#fff;   color:#414449; } .banner-box.box-style-2 .banner-box-over .shop-now-btn a:hover {   background:#8c8f95;   color:#fff; } .banner-box.box-style-3 .banner-box-over h2 {   color:#FFDB91; } .banner-box.box-style-3 .banner-box-over .shop-now-btn a {   background:#FFDB91;   color:#162A3C; } .banner-box.box-style-3 .banner-box-over .shop-now-btn a:hover {   background:#ffedc7;   color:#162A3C; } .banner-box.box-style-4 .banner-box-over h2 {   color:#FFBC89; } .banner-box.box-style-4 .banner-box-over .shop-now-btn a {   background:#FFBC89;   color:#000105; } .banner-box.box-style-4 .banner-box-over .shop-now-btn a:hover {   background:#fd8e39;   color:#000105; } .home-banner .slick-dots {   padding:28px 0 0 0;   gap:8px;   display:flex;   align-items:center;   justify-content:center; } .home-banner .slick-dots li {   width:auto;   height:auto;   display:flex; } .home-banner .slick-dots li button {   width:8px;   height:8px;   border-radius:10px;   border:var(--themered) solid 1px;   font-size:0;   padding:0; } .home-banner .slick-dots li.slick-active button {   background:var(--themered); }  .section-title.center-align {   max-width:660px;   margin:0 auto;   display:block;   text-align:center;   width:100%; } .section-title {   text-align:left;   max-width:100%;   margin:0;   display:block; } .section-title h2 {   font-size:30px;   color:var(--black);   line-height:normal; } .section-title h2 span {   color:var(--themered); } .section-title h3 {   font-size:30px;   color:var(--black);   line-height:normal; } .section-title h3 span {   color:var(--themered); } .section-title h6 {   color:var(--themered);   padding:20px 0 0; } .section-title h4 {   font-size:24px;   padding:0 0 20px;   color:var(--black);   line-height:normal; } .section-title h4 span {   color:var(--themered); } .kichen-hut-listing {   display:flex;   align-items:flex-start;   width:100%;   gap:30px;   ;   justify-content:space-between; } .kichen-hut-box {   width:332px;   display:block;   text-align:center; } .kichen-hut-box .icon {   margin:0 0 26px;   width:70px;   margin:0 auto;   height:70px;   display:flex;   align-items:center;   justify-content:center; } .kichen-hut-box .icon img {   max-height:70px;   max-width:70px;   width:auto;   height:auto; } .kichen-hut-box h3 {   color:var(--black);   padding:26px 0 18px;   ;   font-size:20px;   font-weight:500; } .kichen-hut-box p {   color:var(--gray);   font-size:15px;   line-height:1.375; } .shop-title-row {   display:flex;   align-items:center;   justify-content:space-between; } .view-all-links a {   border-bottom:var(--themered) solid 1px;   ;   display:flex;   align-items:center;   gap:5px;   font-size:15px;   color:var(--black); } .view-all-links a span {   color:var(--themered); } .view-all-links a:hover {   border-color:var(--black); } .shop-box-main {   height:100%;   width:100%;   display:flex;   flex-direction:column;   padding:14px;   ;   border:#DBDBDB solid 1px;   border-radius:18px;   ; } .shop-box-main .img {   position:relative;   width:100%;   display:flex;   align-items:center;   justify-content:center;   border-radius:14px;   ;   background:#FFF6F5;   min-height:236px; } .shop-box-main .img span {   width:201px;   height:168px;   display:flex;   align-items:center;   justify-content:center; } .shop-box-main .img span img {   transition:all 0.3s ease-in-out;   max-width:100%;   max-height:168px;   width:auto;   height:auto; } .shop-box-main .img .over-icon {   position:absolute;   right:14px;   top:14px; } .shop-box-main .img .over-icon a {   width:40px;   height:40px;   box-shadow:0 0 4px rgba(0, 0, 0, 0.10);   display:flex;   align-items:center;   justify-content:center;   border-radius:100px;   background:var(--white); } .shop-box-main .img .over-icon a:hover {   background:var(--themered); } .shop-box-main .img .over-icon a:hover img {   filter:brightness(0) invert(1); } .shop-box-main .img .over-icon a img {   transition:all 0.3s ease-in-out;   max-width:24px;   width:auto;   height:auto; } .shop-box-main .shop-box-sub {   display:block;   width:100%;   padding:10px 0 0 0; } .shop-box-main .shop-box-sub .name-row {   display:flex;   align-items:center;   justify-content:space-between; } .shop-box-main .shop-box-sub .name-row .name h3 {   padding:0 0 2px;   font-size:16px;   font-weight:500;   color:#000; } .shop-box-main .shop-box-sub .name-row .name .sku-div {   font-size:14px;   color:var(--gray); } .shop-box-main .shop-box-sub .name-row .products-logos {   gap:8px;   display:flex;   align-items:center; } .shop-box-main .shop-box-sub .name-row .products-logos span {   display:flex; } .shop-box-main .shop-box-sub .name-row .products-logos span img {   max-width:28px;   max-height:28px;   width:auto;   height:auto;   cursor:pointer; } .shop-box-main .shop-box-sub .shop-price {   padding:8px 0 1px 0;   font-size:14px;   color:#008001; } .shop-box-main .shop-box-sub .discount-text {   padding:0 0 10px;   font-size:12px;   color:var(--gray); } .shop-box-main .add-do-card-btn {   width:100%;   display:flex;   align-items:center; } .shop-box-main .add-do-card-btn a {   border-radius:12px;   ;   background:var(--black);   color:var(--white);   width:100%;   font-size:14px;   text-transform:uppercase;   height:44px;   display:flex;   align-items:center;   justify-content:center; } .shop-box-main .add-do-card-btn a:hover {   background:var(--themered); } .shop-box-main:hover .img span img {   transform:scale(1.15); } .Excellence-block {   display:flex;   justify-content:space-between;   align-items:center; } .Excellence-block .section-title {   max-width:450px;   ; } .Excellence-block .section-title span {   display:block; } .Excellence-blk-inner {   display:flex;   align-items:center;   gap:50px; } .Excellence-box {   display:flex;   align-items:center;   justify-content:center;   flex-direction:column; } .Excellence-box .icon {   margin:0 0 16px;   display:flex;   align-items:center;   justify-content:center; } .Excellence-box .icon img {   max-height:64px;   width:auto;   height:auto; } .Excellence-box h6 {   font-size:18px;   font-weight:500; } .gray-bg {   background:#FAFAFA; } .blog-listing .slick-slide {   margin:0 10px; } .blog-listing .slick-list {   margin:0 -10px; }  .blog-box {   display:block;   width:100%; } .blog-box .img {   width:100%;   display:block;   position:relative;   border-radius:18px;   overflow:hidden;   padding:89% 0 0 0; }  .blog-box .img img {   transition:all 0.3s ease-in-out;   position:absolute;   left:0;   top:0;   object-fit:cover; } .blog-box .img .cat {   position:absolute;   right:16px;   top:16px;   display:flex; } .blog-box .img .cat span {   border-radius:100px;   background:var(--white);   height:26px;   color:var(--black);   padding:0 14px;   font-size:12px;   display:flex;   align-items:center;   justify-content:center;   text-transform:uppercase; } .blog-box .blog-box-sub {   padding:16px 0 0 0; } .blog-box .blog-box-sub .date {   display:block;   padding:0 0 8px;   font-size:16px;   color:var(--themered); } .blog-box .blog-box-sub h5 {   padding:0 0 20px;   font-size:18px;   ;   font-weight:500;   color:var(--black); } .blog-box .blog-box-sub h5 a {   color:var(--black); } .red-link {   display:flex;   align-items:center; } .red-link a {   border-bottom:var(--themered) solid 1px;   ;   display:flex;   align-items:center;   gap:5px;   font-size:15px;   color:var(--black); } .red-link a span {   color:var(--themered); } .red-link a:hover {   border-color:var(--black); } .blog-box:hover .img img {   transform:scale(1.15); } .map-block-main {   display:block; } .map-block-main .map {   display:flex;   align-items:center; } .map-block-main .map-sidebar {   max-width:346px; } .map-block-main .map-sidebar .section-title {   padding:0 0 32px; } .map-box-listing {   justify-content:space-between;   gap:20px;   row-gap:37px;   display:flex;   flex-wrap:wrap; } .map-box-listing .map-box {   text-align:center;   display:flex;   flex-direction:column;   gap:24px;   width:calc(50% - 10px); } .map-box-listing .map-box h5 {   font-size:18px;   text-align:center;   font-weight:500; } .map-box-listing .map-box .icon {   width:auto;   height:auto; } .map-box-listing .map-box .icon img {   max-height:48px;   width:auto; }  .newslatter-block {   padding:74px 52px;   justify-content:space-between;   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/star.svg') no-repeat center center var(--themered);   background-size:cover;   border-radius:18px;   display:flex;   align-items:center;   overflow:hidden; } .newslatter-block .newslatter-left {   width:auto;   max-width:450px; } .newslatter-block .newslatter-left h3 {   padding:0 0 24px;   font-size:32px;   font-weight:500;   color:var(--white); } .newslatter-block .newslatter-left p {   color:var(--white);   font-size:15px; } .newsllater-form {   max-width:440px;   ;   width:440px;   ; } .newsllater-form .input-row {   gap:8px;   display:flex;   align-items:center; } .newsllater-form .input-row .input-text {   height:52px;   border:0;   padding:0 16px;   border-radius:6px;   display:flex;   align-items:center;   color:var(--gray);   font-size:16px;   ;   width:310px; } .newsllater-form .input-row button {   transition:all 0.3s ease-in-out;   width:auto;   border:0px;   height:52px;   font-size:15px;   padding:0 25px;   color:var(--white);   background:var(--black);   border-radius:8px;   ; } .newsllater-form .input-row button:hover {   background:var(--gray); }  .contact-block {   justify-content:space-between;   display:flex;   background:#FAFAFA;   border-radius:18px;   padding:36px;   ;   ;   align-items:flex-start; } .contact-block .contact-left {   width:488px; } .contact-block .contact-left .section-title p {   padding:26px 0 0 0;   font-size:16px;   color:var(--gray); } .contact-right {   width:509px; } .ct-form {   width:100%;   display:block;   padding:35px 40px;   background:var(--white);   border:#DBDBDB solid 1px;   border-radius:14px; } .ct-form .input-row {   padding:0 0 24px;   width:100%;   display:block; } .ct-form .input-row .input-title {   font-size:15px;   padding:0 0 8px;   color:var(--black); } .ct-form .input-row .input-text {   display:block;   width:100%;   padding:0 0 6px;   border:0;   border-bottom:#DBDBDB solid 1px;   color:var(--black);   font-size:15px; } .ct-form .input-row textarea.input-text {   height:80px;   resize:none; } .ct-form .input-row.submit-row {   display:flex;   align-items:center;   justify-content:center;   padding:0; } .ct-form .input-row.submit-row button {   transition:all 0.3s ease-in-out;   width:auto;   border:0px;   height:44px;   font-size:15px;   padding:0 42px;   color:var(--white);   background:var(--black);   border-radius:8px;   ; } .ct-form .input-row.submit-row button:hover {   background:var(--themered); } .ct-form .input-row.checkrow {   display:block;   position:relative;   width:100%; } .ct-form .input-row.checkrow input {   position:absolute;   left:0;   top:0;   opacity:0; } .ct-form .input-row.checkrow label {   line-height:24px;   position:relative;   font-size:15px;   color:var(--gray);   padding:0 0 0 38px; } .ct-form .input-row.checkrow label::after {   width:24px;   height:24px;   content:'';   position:absolute;   left:0;   top:0;   border:#DBDBDB solid 1px;   border-radius:6px; } .ct-form .input-row.checkrow label::before {   width:24px;   height:24px;   content:'';   position:absolute;   left:0;   top:0;   border-radius:6px;   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/checkmark.svg') no-repeat center center;   background-size:16px auto;   transition:all 0.3s ease-in-out;   opacity:0; } .ct-form .input-row.checkrow input:checked+label::before {   opacity:1; } .contact-left .ct-map {   margin:65px 0 0 0;   overflow:hidden;   width:100%;   display:flex;   border-radius:16px;   ; } .contact-left .ct-map iframe {   width:100%;   height:322px; }  #footer {   background:var(--black); } .footer-wapper {   width:100%;   display:block; } .footer-top {   gap:40px;   display:flex;   padding:51px 0 30px;   align-items:flex-start; } .footer-top .footer-left {   width:250px; } .footer-top .footer-left .footer-logo {   padding:0 0 35px;   display:flex;   align-items:center; } .footer-top .footer-left .footer-logo a {   display:flex;   align-items:center; } .footer-top .footer-left .footer-logo a img {   max-width:154px;   width:auto;   height:auto;   display:flex;   align-items:center; } .footer-top .footer-left .footer-text {   padding:0 0 14px; } .footer-top .footer-left .footer-text p {   color:var(--white);   font-size:15px; } .footer-top .footer-left .f-social {   display:flex;   align-items:center;   gap:16px;   ; } .footer-top .footer-left .f-social a {   display:flex;   align-items:center; } .footer-top .footer-left .f-social a img {   width:18px;   max-width:18px;   max-height:18px;   ; } .footer-top .footer-left .f-social a:hover {   opacity:0.5; } .footer-top-right {   gap:84px;   display:flex;   width:calc(100% - 250px - 40px); } .footer-top-right .footer-box h5 {   width:calc(100% + 84px);   font-size:20px;   font-weight:500;   text-transform:uppercase;   color:var(--white);   padding:0 0 26px;   border-bottom:rgba(227, 227, 227, 0.40) solid 1px } .footer-top-right .footer-box-sub {   max-width:250px;   ;   padding:34px 0 0 0; } .footer-top-right .footer-box-sub .text p {   color:var(--white);   font-size:15px; } .footer-top-right .footer-box-sub .text p+p {   padding-top:12px;   ; } .footer-top-right .footer-box-sub .text p a {   color:var(--white); } .f-links ul li a:hover, .footer-top-right .footer-box-sub .text p a:hover {   opacity:0.5; } .f-links ul li a {   line-height:1.375;   color:var(--white);   font-size:15px; } .f-links ul li+li {   padding:12px 0 0 0; } .footer-top-right .footer-box:last-child h5 {   width:100%; } .footer-brands-logos-mn {   display:flex;   align-items:center;   justify-content:center; } .footer-brands-logos {   gap:16px;   padding:0 20px;   ;   display:flex;   min-height:50px;   ;   align-items:center;   justify-content:center;   background:var(--white); } .footer-brands-logos span {   display:flex;   align-items:center; } .footer-brands-logos span img {   max-width:200px;   max-height:24px;   width:auto;   height:auto; } .footer-bottom {   margin:32px 0 0 0;   display:flex;   align-items:center;   justify-content:space-between;   border-top:rgba(227, 227, 227, 0.40) solid 1px;   padding:22px 0;   ; } .footer-bottom .copyrights {   color:var(--white);   font-size:14px; } .poweredby {   color:var(--white);   font-size:14px; } .poweredby a {   color:var(--white);   text-decoration:underline; } .poweredby a:hover {   opacity:0.5; } .text-fade {   opacity:0;   -webkit-transform:translateY(2rem);   transform:translateY(2rem);   -webkit-transition:.8s cubic-bezier(.25, .46, .45, .94) .2s;   transition:.8s cubic-bezier(.25, .46, .45, .94) .2s;   -webkit-transition-property:opacity, -webkit-transform;   transition-property:opacity, -webkit-transform;   transition-property:transform, opacity;   transition-property:transform, opacity, -webkit-transform; } .text-fade.animated {   opacity:1;   transition-delay:0.2s;   -webkit-transform:none !important;   transform:none !important; }  .mobile-header-icon {   display:none; } .mobile-menu-outer {   transform:translateX(-100%);   transition:all 0.3s ease-in-out;   position:fixed;   z-index:100;   background:var(--white);   left:0;   top:0;   width:100%; } .mobile-menu-outer .menu-sub-outer {   padding:36px 28px 20px;   position:relative;   width:100%;   overflow:auto;   display:flex;   flex-direction:column;   height:100vh;   height:calc(var(--vh, 1vh) * 100); } .mobile-menu-outer .menu-sub-outer .menu-logo {   position:relative;   display:flex; } .menu-sub-outer .menu-logo a {   display:flex;   align-items:center; } .menu-sub-outer .menu-logo a img {   max-width:161px;   width:auto;   height:auto;   display:flex;   align-items:center; } .menu-sub-outer .menu-close {   position:absolute;   right:0px;   top:0px;   display:flex;   align-items:center; } .menu-sub-outer .menu-close a {   display:flex;   align-items:center;   justify-content:center;   padding:20px;   ; } .menu-sub-outer .menu-close a img {   filter:brightness(1) invert(1);   width:26px;   height:auto; } .menu-sub-outer .login-link-mobile {   padding:30px 0 0 0;   font-size:12px;   color:var(--white);   margin-top:auto;   width:100%;   text-align:center; } .menu-sub-outer .login-link-mobile a {   font-weight:500;   color:var(--white); } .menu-sub-outer .mobile-menu {   padding:26px 0 0 0; } .menu-sub-outer .mobile-menu>ul>li {   flex-wrap:wrap;   display:flex;   align-items:center;   padding:10px 0; } .menu-sub-outer .mobile-menu>ul>li+li {} .menu-sub-outer .mobile-menu>ul>li>a {   display:flex;   align-items:center;   font-size:15px;   color:var(--black); } .menu-sub-outer .mobile-menu>ul>li>a i {   margin:0 16px 0 0;   display:flex;   align-items:center;   justify-content:center;   width:24px;   height:24px; } .menu-sub-outer .mobile-menu>ul>li ul.sub-menu {   width:100%;   display:none;   padding:8px 0 8px 12px;   margin:14px 0 14px 16px;   border-left:#424242 solid 1px; } .menu-sub-outer .mobile-menu>ul>li ul li+li {   margin:14px 0 0 0; } .menu-sub-outer .mobile-menu>ul>li ul li a {   display:flex;   align-items:center;   font-size:14px;   color:var(--black);   display:flex;   white-space:nowrap; } .menu-sub-outer .mobile-menu>ul>li ul li a:hover {   color:var(--themered); } .menu-sub-outer .mobile-menu>ul>li ul li a i {   margin:0 16px 0 0;   display:flex;   align-items:center;   justify-content:center;   width:24px;   height:24px; } .menu-sub-outer .mobile-menu>ul>li .icon {   margin:0 0 0 4px;   transition:all 0.3s ease-in-out;   width:24px;   height:24px;   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/nav-arrow.svg') no-repeat center center;   content:'';   display:flex;   background-size:14px auto; } .menu-sub-outer .mobile-menu>ul>li.active .icon {   transform:rotate(180deg); } .menu-sub-outer .mobile-menu>ul>li .icon+.icon {   display:none; } .mobile-menu-outer.active-menu {   transform:none; } .login-link-mb {   display:flex;   gap:8px;   align-items:center;   justify-content:center;   margin-top:auto; } .login-link-mb a {   width:115px;   display:flex;   align-items:center;   justify-content:center;   height:40px;   border-radius:8px;   border:var(--black) solid 1px;   font-size:12px;   color:var(--white); } .login-link-mb a.log-link {   background-color:var(--black); } .mobile-header-icon .menu-icon {   display:flex;   align-items:center; } .mobile-header-icon .menu-icon a {   display:flex;   align-items:center; } .mobile-header-icon .menu-icon a img {   display:flex;   align-items:center; } .mobile-header-icon .serch-icon {   display:flex;   align-items:center; } .mobile-header-icon .serch-icon a {   display:flex;   align-items:center; } .mobile-header-icon .serch-icon a img {   display:flex; } .after-login {   margin-top:auto;   display:flex;   align-items:center; } .after-login a i {   width:40px;   height:40px;   border-radius:40px;   overflow:hidden;   display:flex;   align-items:center;   justify-content:center; } .after-login a {   font-size:14px;   color:var(--black);   font-weight:500;   display:flex;   align-items:center;   gap:10px; } .after-login a span {   font-size:12px;   display:block;   font-weight:normal;   color:var(--gray); } .mobile-show {   display:none;   align-items:flex-start;   width:100%; } .after-login a i img {   width:100%;   height:40px;   object-fit:cover; } .kichen-hut-section .slick-dots {   padding:16px 0 0 0;   gap:8px;   display:flex;   align-items:center;   justify-content:center; } .kichen-hut-section .slick-dots li {   width:auto;   height:auto;   display:flex; } .kichen-hut-section .slick-dots li button {   width:8px;   height:8px;   border-radius:10px;   border:var(--themered) solid 1px;   font-size:0;   padding:0; } .kichen-hut-section .slick-dots li.slick-active button {   background:var(--themered); } .view-all-mb {   display:flex;   align-items:center;   justify-content:center; } .view-all-mb a {   display:flex;   align-items:center;   height:42px;   min-width:112px;   border-radius:8px;   ;   text-align:center;   justify-content:center;   padding:0 20px;   background:var(--themered);   font-size:14px;   ;   color:var(--white); } .home-blog-outer .slick-dots {   padding:16px 0 0 0;   gap:8px;   display:flex;   align-items:center;   justify-content:center; } .home-blog-outer .slick-dots li {   width:auto;   height:auto;   display:flex; } .home-blog-outer .slick-dots li button {   width:8px;   height:8px;   border-radius:10px;   border:var(--themered) solid 1px;   font-size:0;   padding:0; } .home-blog-outer .slick-dots li.slick-active button {   background:var(--themered); } .map-block-main .map {   max-width:727px;   display:flex; } .map-block-main .map img {   width:100%;   height:auto; }   .breadcrumb-wapper {   padding:30px 0; } .cls-breadcrumb ul {   display:flex;   align-items:center; } .cls-breadcrumb ul li a {   font-size:16px;   color:var(--gray); } .cls-breadcrumb ul li {   font-size:16px;   color:var(--black); } .cls-breadcrumb ul li+li::before {   color:var(--gray);   margin:0 5px;   content:'/'; }  .breadcrumb ul {   display:flex;   align-items:center; } .breadcrumb ul li a {   font-size:16px;   color:var(--gray); } .breadcrumb ul li {   font-size:16px;   color:var(--black); } .breadcrumb ul li+li::before {   color:var(--gray);   margin:0 5px;   content:'/'; } .cls-accordion-item {   border:0px;   border:#DBDBDB solid 1px;   padding:0px 0;   border-radius:14px; } .cls-accordion-item .acc-title h5 {   position:relative;   display:block;   width:100%;   padding:0 100px 0 0;   cursor:pointer;   margin:0px;   padding:20px 100px 20px 44px;   border:0px;   background:none;   box-shadow:none;   outline:none;   line-height:1;   letter-spacing:0.56px;   font-size:18px;   font-weight:500;   color:var(--black); } .cls-accordion-item .acc-title h5::after {   position:absolute;   right:24px;   top:50%;   margin:-15px 0 0 0;   width:30px;   height:30px;   border-radius:100px;   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/faq-arrow.svg') no-repeat center center var(--black);   position:absolute;   top:50%;   content:'';   transition:all 0.3s ease-in-out; } .cls-accordion-item.active .acc-title h5::after {   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/faq-arrow.svg') no-repeat center center var(--themered);   transform:rotate(90deg); } .cla-acc-body {   display:block;   margin:0px 0 0 0;   width:100%;   position:relative;   overflow:hidden;   opacity:0;   height:0px;   -webkit-transition:opacity .25s ease 0s, height .5s cubic-bezier(.85, 0, .15, 1) .1s;   transition:opacity .25s ease 0s, height .5s cubic-bezier(.85, 0, .15, 1) .1s; } .cls-accordion-body {   display:block;   width:100%;   padding:0 0px 0px 44px;   pointer-events:none; } .cls-accordion-item.active .cla-acc-body {   opacity:1; } .cls-accordion-item.active .cls-accordion-body {   pointer-events:all; } .cls-accordion-item+.cls-accordion-item {   margin:20px 0 0 0; } .cls-accordion-item .text-data {   padding:0px 0 24px 0;   margin:0px 0 0 0;   max-width:70%; } .cls-accordion-item .text-data p {   font-size:15px;   color:var(--gray); }   .blog-listing .row {   row-gap:70px; } .cls-pagination {   display:flex;   width:100%;   justify-content:center; } .cls-pagination ul {   gap:16px;   border-top:var(--gray) solid 1px;   padding:16px 48px;   border-bottom:var(--gray) solid 1px;   ;   display:flex;   align-items:center;   justify-content:center; } .cls-pagination ul li a {   width:32px;   height:32px;   display:flex;   font-size:20px;   ;   align-items:center;   justify-content:center;   border-radius:4px;   color:var(--black); } .cls-pagination ul li.active a {   color:var(--white);   background:var(--black); }   .products-row-head {   display:flex;   align-items:center;   justify-content:space-between; } .products-listing .row {   row-gap:24px; } .products-total {   font-size:15px;   color:var(--gray); } .products-total span {   font-weight:600;   color:var(--black); }   .step-counter {   display:flex;   align-items:center;   justify-content:center;   width:100%; } .step-counter ul {   gap:148px;   position:relative;   display:flex;   align-items:center;   justify-content:center; } .step-counter .count {   position:relative;   z-index:3;   padding:0 12px;   background:var(--white);   font-size:20px;   font-weight:500;   color:var(--black);   display:flex;   align-items:center;   gap:11px; } .step-counter .count i {   font-style:normal;   display:flex;   align-items:center;   justify-content:center;   border:#E3E3E3 solid 1px;   border-radius:100px;   background:#FAFAFA;   width:40px;   height:40px;   font-size:18px;   ;   color:var(--gray); } .step-counter ul::after {   width:100%;   z-index:1;   position:absolute;   left:0;   top:50%;   margin:-1px 0 0 0;   content:'';   border:dashed #888 1px; } .step-counter ul li.active .count i {   border-color:var(--themered);   background:var(--themered);   color:var(--white); } .cart-block-main {   justify-content:space-between;   display:flex;   align-items:flex-start;   width:100%; } .cart-block-main .cart-left {   display:block;   width:742px; } .cart-listing {   width:100%;   display:block; } .cart-block-main .cart-right {   width:438px; } .cart-row-pro {   gap:22px;   padding:16px;   width:100%;   display:flex;   align-items:flex-start;   border-radius:14px;   border:1px solid #DBDBDB;   background:#FFF; } .cart-row-pro .pro-img {   border-radius:10px;   min-width:138px;   min-height:156px;   display:flex;   align-items:center;   justify-content:center;   background:rgba(255, 246, 245, 1); } .cart-row-pro .pro-img span {   width:107px;   height:111px;   display:flex;   align-items:center;   justify-content:center; } .cart-row-pro .pro-img span img {   max-width:107px;   width:auto;   height:auto;   max-height:111px;   display:flex;   align-items:center;   justify-content:center; } .cart-row-pro .cart-row-inner {   width:100%; } .cart-row-pro .cart-row-inner h5 {   padding:0 0 8px;   font-size:18px;   font-weight:500;   display:block; } .cart-row-pro .cart-row-inner .size-row {   display:flex;   padding:0 0 8px;   gap:28px;   ;   align-items:center;   flex-wrap:wrap;   font-size:15px;   color:var(--gray); } .cart-row-pro .cart-row-inner .price {   display:flex;   gap:14px;   ;   align-items:center;   flex-wrap:wrap; } .cart-row-pro .cart-row-inner .price .price-in {   font-size:16px;   color:var(--black);   font-weight:500; } .cart-row-pro .cart-row-inner .price .off-text {   font-weight:400;   font-size:15px;   color:#008001;   ; } .cart-row-pro .cart-row-inner .cart-box-links {   gap:20px;   padding:12px 0 0 0;   display:flex;   align-items:center;   flex-wrap:wrap; } .cart-row-pro .cart-row-inner .cart-box-links a {   font-size:14px;   font-weight:500;   text-transform:uppercase;   color:var(--black); } .cart-row-pro .cart-row-inner .cart-box-links a:hover {   color:var(--themered); } .cart-row-pro+.cart-row-pro {   margin:24px 0 0 0; } .cart-row-pro .cart-row-inner .quantity-row {   padding:14px 0 0 0;   display:flex;   justify-content:space-between;   align-items:center; } .quantity-box {   position:relative;   width:158px;   display:flex;   border-radius:6px;   border:1px solid #E6E6E6;   overflow:hidden;   height:44px;   align-items:center; } .quantity-box button {   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/minus.svg') no-repeat center center #F9F9F9;   border:0;   width:38px;   position:absolute;   left:0;   top:0;   bottom:0; } .quantity-box button.addition {   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/plus.svg') no-repeat center center #F9F9F9;   ;   right:0;   top:0;   left:auto; } .quantity-box .input-text {   appearance:none;   width:100%;   display:block;   border:0;   text-align:center;   padding:0 40px;   ;   font-size:15px;   color:var(--black); } .quantity-box input[type=number]::-webkit-inner-spin-button, .quantity-box input[type=number]::-webkit-outer-spin-button {   -webkit-appearance:none;   margin:0; } .quantity-box input[type=number] {   -moz-appearance:textfield; } .cart-listing+.cart-listing {   margin-top:64px; } .cart-listing h2 {   padding-bottom:32px;   font-size:30px; } .personal-details {   margin:0 0 20px;   display:block;   padding:28px 30px;   width:100%;   border-radius:14px;   border:1px solid #DBDBDB;   background:#FFF; } .personal-details h6 {   font-size:15px;   font-weight:500;   color:var(--black);   padding:0 0 4px; } .personale-data p {   font-size:14px;   color:var(--gray); } .select-box {   display:block;   padding:10px 0 0 0;   width:100%; } .select-box .nice-select {   width:100%;   min-height:0;   height:auto;   line-height:normal;   font-size:14px;   color:var(--gray);   border:0;   border-bottom:#DBDBDB solid 1px;   ;   padding:0 0 5px;   border-radius:0;   float:none;   display:block; } .select-box .nice-select .list {   width:100%;   border-radius:10px; } .select-box .nice-select:after {   border-width:1px;   width:8px;   height:8px; } .paymant-mathod-box {   padding:34px 0 0 0; } .radio-box-main .radio-box {   padding:14px 0 0 0;   display:block;   position:relative;   width:100%; } .radio-box-main .radio-box input {   display:none; } .radio-box-main .radio-box label {   cursor:pointer;   position:relative;   font-size:15px;   color:var(--black);   display:block;   padding:0 0 0 20px; } .radio-box-main .radio-box label::after {   width:14px;   height:14px;   border-radius:20px;   content:'';   position:absolute;   left:0;   top:0;   border:var(--black) solid 1px; } .radio-box-main .radio-box label span {   padding:2px 0 0 0;   font-size:12px;   color:var(--gray);   display:block; } .radio-box-main .radio-box label::before {   width:8px;   transition:all 0.3s ease-in-out;   height:8px;   border-radius:10px;   content:'';   position:absolute;   left:3px;   top:3px;   background:var(--black);   opacity:0; } .radio-box-main .radio-box input:checked+label::before {   opacity:1; } .shipping-adress {   padding:34px 0 0 0; } .shipping-adress h6 {   display:flex;   align-items:center;   justify-content:space-between; } .shipping-adress h6 a {   font-size:12px;   font-weight:normal;   color:var(--gray); } .shipping-adress h6 a:hover {   color:var(--black); } .shipping-adress .address-box {   margin:14px 0 0 0;   padding:16px 20px;   border-radius:12px;   border:1px solid #DBDBDB;   background:#FFF; } .shipping-adress .address-box p {   font-size:14px;   color:var(--gray); } .coupons-box {   position:relative;   display:block;   padding:34px 0 0 0; } .coupons-box .copupon-row {   display:block;   margin:8px 0 0 0;   width:100%;   position:relative; } .coupons-box .copupon-row .input-text {   width:100%;   display:block;   height:56px;   ;   padding:0 120px 0 20px;   font-size:14px;   color:var(--gray);   border-radius:12px;   border:1px solid #DBDBDB;   background:#FFF; } .coupons-box .copupon-row button {   transition:all 0.3s ease-in-out;   position:absolute;   right:10px;   border-radius:6px;   height:36px;   border:var(--themered) solid 1px;   background:none;   width:106px;   display:flex;   align-items:center;   justify-content:center;   text-align:center;   font-size:14px;   font-weight:500;   color:var(--white);   top:10px;   background:var(--themered); } .coupons-box .copupon-row button:hover {   background:var(--black);   border:var(--black) solid 1px;   color:var(--white); } .price-details-box {   display:block;   padding:28px 30px;   width:100%;   border-radius:14px;   border:1px solid #DBDBDB;   background:#FFF; } .price-details-box h6 {   font-size:15px;   font-weight:500;   color:var(--black); } .cart-table ul li {   font-size:15px;   color:var(--black);   display:flex;   align-items:center;   justify-content:space-between;   padding:18px 0 0 0; } .cart-table ul li .green-text {   color:#008001; } .cart-table ul li.total-row {   font-size:16px;   font-weight:600;   margin:18px 0 0 0;   border-top:1px solid #DBDBDB; } .place-order-link {   padding:18px 0 0 0;   width:100%;   display:flex; } .place-order-link a {   text-align:center;   border-radius:12px;   background:var(--themered);   height:44px;   font-size:15px;   justify-content:center;   width:100%;   display:flex;   font-weight:500;   text-transform:uppercase;   color:var(--white);   align-items:center; } .place-order-link a:hover {   background:var(--black); } .shipping-adress-2 {   margin:0 0 20px;   display:block;   padding:21px 24px;   width:100%;   border-radius:14px;   border:1px solid #DBDBDB;   background:#FFF; } .shipping-adress-2 h6 {   font-size:15px;   padding:0 0 12px;   font-weight:500; } .shipping-adress-2 p {   font-size:14px;   color:var(--gray); } .payment-details {   display:block;   padding:28px 30px;   width:100%;   border-radius:14px;   border:1px solid #DBDBDB;   background:#FFF; } .payment-details h6 {   font-size:15px;   padding:0 0 12px;   font-weight:500; } .payment-details p {   font-size:14px;   color:var(--gray); } .payment-select {   padding:32px 0 6px; } .payment-select .nice-select {   width:100%;   min-height:0;   height:auto;   line-height:normal;   font-size:14px;   color:var(--black);   border:1px solid #DBDBDB;   padding:0 15px;   min-height:56px;   ;   display:flex;   align-items:center;   border-radius:12px;   float:none; } .payment-select .nice-select .list {   width:100%;   border-radius:10px; } .payment-select .nice-select:after {   border-width:1px;   width:8px;   height:8px; } .payment-select .nice-select img {   margin:0 10px 0 0;   max-width:94px;   max-height:31px; } .payment-select .nice-select ul li img {   margin:0 10px 0 0;   max-height:24px;   width:auto; } .nice-select .list {   max-height:220px;   overflow:auto; }   .feature-image {   display:flex;   align-items:center;   justify-content:center;   width:100%; } .feature-image img {   width:100%;   height:auto;   max-width:100%;   border-radius:34px; } .blog-contain .text-data ul li, .blog-contain .text-data ol li, .blog-contain .text-data p {   font-size:16px; } .releted-block .slick-dots {   padding:16px 0 0 0;   gap:8px;   display:flex;   align-items:center;   justify-content:center; } .releted-block .slick-dots li {   width:auto;   height:auto;   display:flex; } .releted-block .slick-dots li button {   width:8px;   height:8px;   border-radius:10px;   border:var(--themered) solid 1px;   font-size:0;   padding:0; } .releted-block .slick-dots li.slick-active button {   background:var(--themered); }   .shop-details-block {   display:flex;   align-items:flex-start;   justify-content:space-between; } .shop-details-block .left-colum {   width:560px; } .products-box-big {   width:100%;   min-height:512px;   display:flex;   align-items:center;   justify-content:center;   border-radius:14px;   background:#FFF6F5; } .products-box-big img {   max-width:90%;   max-height:500px;   width:auto;   height:auto; } .share-icon {   gap:14px;   padding:22px 0 0 0;   display:flex;   align-items:center; } .share-icon span {   font-size:16px;   color:var(--black);   font-weight:500; } .share-icon a {   display:flex;   align-items:center;   justify-content:center; } .share-icon a img {   width:18px;   height:auto;   filter:brightness(1) invert(1);   max-height:18px; } .share-icon a:hover {   opacity:0.5; } .shop-details-block .add-to-cart-form {   width:596px; } .products-title h3 {   padding:0 0 18px;   font-size:28px; } .products-weights-row {   display:flex;   gap:20px;   align-items:stretch;   margin:0 0 18px; } .weight-box {  position:relative;   justify-content:space-between;   display:flex;   align-items:center;   overflow:hidden;   flex-direction:column;   border-radius:8px;   border:2px solid #E6E6E6;   background:#FFF; } .weight-box .kg-text {   width:100%;   text-align:center;   display:flex;   align-items:center;   justify-content:center;   font-size:13px;   font-weight:500;   color:var(--black);   background:#EFEFED;   min-height:38px; } .weight-box .middle-box {   display:flex;  align-items:center;   justify-content:flex-start;   flex-direction:column;   width:100%;   padding:14px 14px;   text-align:center; } .weight-box .quantity-box {   height:34px;   padding:0;   margin:0 auto 14px;   width:calc(100% - 28px); } .weight-box .middle-box .price {   padding:0 0 8px;   font-size:18px;   font-weight:500; } .weight-box .middle-box .price span {   display:block;   padding:0 0 5px; } .weight-box .middle-box .sub-text {   padding:0 0 5px;   color:var(--gray);   font-size:13px; } .weight-box .middle-box .pouplar-text {   color:var(--themered);   font-size:12px;   padding:0 0 5px; } .weight-box .middle-box .off-text {   margin:6px 0 0 0;   padding:0 14px;   font-size:12px;   min-height:26px;   display:flex;   align-items:center;   justify-content:center;   background:#008001;   color:var(--white);   border-radius:4px;   ; } .weight-box.green-box .kg-text {   background:#E2EFD5; } .weight-box.orange-box .kg-text {   background:#FFDFBA; } .weight-box.green-box {   border-color:#8ecd76;   width:calc(100% - 28px); } .weight-box.default-box {   width:calc(100% - 28px); } .weight-box.green-box .kg-text {   color:#fff;   background:#8ecd76; } .weight-box.green-box .middle-box .off-text {   background:#8ecd76; }   .weight-box.orange-box {   border-color:#fac62e;   width:calc(100% - 28px); } .weight-box.orange-box .kg-text {   color:#fff;   background:#fac62e; } .weight-box.orange-box .middle-box .off-text {   background:#fac62e; }  .note-text {   border-radius:8px;   border:1px solid #E6E6E6;   font-size:15px;   color:var(--gray);   display:block;   padding:14px; } .note-text span {   font-weight:bold;   color:var(--themered);   font-weight:500; } .shop-btn-row {   padding:18px 0 0 0;   display:flex;   align-items:center;   gap:10px; } .shop-btn-row>div {   width:100%; } .shop-btn-row .add-cart-button button {   transition:all 0.3s ease-in-out;   border-radius:10px;   min-height:44px;   background:var(--black);   font-size:15px;   color:var(--white);   text-transform:uppercase;   border:var(--black) solid 1px;   width:100%;   display:flex;   align-items:center;   justify-content:center; } .shop-btn-row .add-cart-button button:hover {   background:var(--themered);   border-color:var(--themered); } .shop-btn-row .buy-button button {   transition:all 0.3s ease-in-out;   border-radius:10px;   min-height:44px;   background:var(--white);   font-size:15px;   color:var(--black);   text-transform:uppercase;   border:var(--black) solid 1px;   width:100%;   display:flex;   align-items:center;   justify-content:center; } .shop-btn-row .buy-button button:hover {   background:var(--black);   color:var(--white);   border-color:var(--black); } .products-data {   margin:18px 0 0 0;   display:block;   border-radius:8px;   background:#F9F9F9; } .products-data ul li {   color:var(--gray);   display:flex;   align-items:center; } .products-data ul li .text-1 {   min-height:38px;   display:flex;   align-items:center;   width:221px;   font-size:13px;   font-weight:500;   padding:0 30px; } .products-data ul li .text-2 {   min-height:38px;   border-left:#E6E6E6 solid 1px;   display:flex;   align-items:center;   width:calc(100% - 221px);   font-size:13px;   padding:0 30px; } .products-data ul li+li {   border-top:#E6E6E6 solid 1px;   ; } .products-data ul li:first-child {   font-weight:500;   color:var(--black); } .products-data ul li:first-child .text-2 {   font-weight:500; } .products-data .certi-logos {   display:flex;   align-items:center;   gap:6px; } .products-data .certi-logos img {   max-height:25px;   width:auto; } .products-data-full {   border-radius:14px;   padding:36px 45px;   border:1px solid #DBDBDB;   display:block;   width:100%;   background:#FFF; } .products-data-full .text-data p, .products-data-full .text-data ul li, .products-data-full .text-data ol li {   font-size:16px; }   .contcat-block-main {   gap:28px;   display:flex;   align-items:stretch;   justify-content:center; } .contact-box {   width:452px;   padding:44px;   text-align:center;   display:block;   border-radius:14px;   border:1px solid #DBDBDB;   position:relative;   overflow:hidden; } .contact-box h5 {   display:block;   padding:0 0 20px;   font-size:24px;   font-weight:500; } .contact-box h5 span {   color:var(--themered); } .contact-box p {   color:var(--gray);   font-size:16px;   ; } .contact-box .black-btn {   padding:32px 0 0 0;   display:flex;   align-items:center;   justify-content:center; } .contact-box .black-btn a {   transition:all 0.3s ease-in-out;   border-radius:10px;   min-height:52px;   background:var(--black);   font-size:15px;   color:var(--white);   border:var(--black) solid 1px;   padding:0 32px;   display:flex;   align-items:center;   justify-content:center; } .contact-box .black-btn a:hover {   background:var(--themered);   border-color:var(--themered); } .contact-box .icon-box {   position:absolute;   left:0;   top:0;   width:100%;   height:100%;   z-index:1;   pointer-events:none; } .contact-box>* {   position:relative;   z-index:5; } .contact-box .icon-1 {   width:100px;   display:flex;   position:absolute;   left:4px;   bottom:-22px;   animation:spin 10s linear infinite; } .contact-box .icon-1 img {   width:100%;   height:auto; } .contact-box .icon-2 {   display:flex;   width:54px;   position:absolute;   left:105px;   top:-18px;   animation:spin 12s linear infinite; } .contact-box .icon-2 img {   width:100%;   height:auto; } .contact-box .icon-3 {   display:flex;   width:66px;   position:absolute;   right:-29px;   bottom:62px;   animation:spin 14s linear infinite; } .contact-box .icon-3 img {   width:100%;   height:auto; } .contact-box .icon-4 {   width:70px;   display:flex;   position:absolute;   left:-12px;   bottom:64px;   animation:spin 10s linear infinite; } .contact-box .icon-4 img {   width:100%;   height:auto; } .contact-box .icon-5 {   display:flex;   width:52px;   position:absolute;   right:30px;   top:-18px;   animation:spin 12s linear infinite; } .contact-box .icon-5 img {   width:100%;   height:auto; } .contact-box .icon-6 {   display:flex;   width:100px;   position:absolute;   right:12px;   bottom:-12px;   animation:spin 14s linear infinite; } .contact-box .icon-6 img {   width:100%;   height:auto; } @keyframes spin {   from {  transform:rotate(0deg);   }   to {  transform:rotate(360deg);   } } .contact-map {   border-radius:20px;   overflow:hidden;   width:100%;   display:flex; } .contact-map iframe {   filter:grayscale(100%);   height:450px;   width:100%;   display:flex; } .modal .btn-close {   position:absolute;   right:4px;   padding:0;   z-index:10;   background:var(--black);   border-radius:30px;   width:30px;   height:30px;   ;   top:4px;   font-size:20px;   line-height:1;   color:var(--white);   transition:all 0.3s ease-in-out;   opacity:1;   font-weight:normal; } .modal .btn-close:hover {   background:var(--themered); } .modal .modal-body {   padding:0; } .modal .ct-form {   border:0; } .modal .btn-close span {   position:relative;   top:-2px; } .modal .select-box {   padding:0; }  .products-data-block {   display:flex;   gap:30px;   align-items:flex-start;   justify-content:space-between; } .products-data-block .products-data {   width:100%; } .share-icon.mobile-show {   display:none; }  .map-block-inner {   display:flex;   align-items:flex-start;   justify-content:space-between; } .review-slider-block {   width:100%;   display:block;   max-width:580px; } .review-slider-block .slick-slide {   margin:0 10px; } .review-slider-block .slick-list {   margin:0 -10px; } .review-box {   border-radius:18px;   padding:20px;   border:#DBDBDB solid 1px;   ; } .review-box .review-top {   text-transform:capitalize;   padding:0 0 20px;   display:flex;   align-items:center;   gap:8px;   font-size:14px;   color:var(--gray); } .review-box .review-top i {   display:flex;   align-items:center; } .review-box .review-top i img {   width:24px; } .review-box .rating {   gap:8px;   display:flex;   align-items:center; } .review-box .rating span {   display:flex;   align-items:center; } .review-box .rating span img {   width:20px; } .review-box .text {   padding:12px 0 16px; } .review-box .text p {   font-size:15px;   color:var(--gray); } .review-box .name {   font-size:15px;   color:var(--black);   font-weight:500;   border-top:#DBDBDB solid 1px;   padding:16px 0 0 0;   gap:15px;   display:flex;   align-items:center; } .review-box .name i {   border-radius:20px;   overflow:hidden;   width:34px;   height:34px;   display:flex;   align-items:center;   justify-content:center; } .review-box .name i img {   width:100%;   height:100%;   object-fit:cover; } .slick-dots li button {   background:none; } .review-slider-block .slick-dots {   padding:28px 0 0 0;   gap:8px;   display:flex;   align-items:center;   justify-content:center; } .review-slider-block .slick-dots li {   width:auto;   height:auto;   display:flex; } .review-slider-block .slick-dots li button {   background:none;   width:8px;   height:8px;   border-radius:10px;   border:var(--themered) solid 1px;   font-size:0;   padding:0; } .review-slider-block .slick-dots li.slick-active button {   background:var(--themered); }  .login-block {   max-width:450px;   padding:48px 32px;   border:#DBDBDB solid 1px;   width:100%;   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/star-group.svg') no-repeat center center #FFE9E8;   background-size:cover;   border-radius:14px;   margin:0 auto;   display:block; } .login-block .login-title {   padding:0 0 32px; } .login-block .login-title h5 {   font-size:20px;   padding:0 0 5px;   font-weight:500;   color:var(--black); } .login-block .login-title p {   font-size:16px;   color:var(--gray); } .login-form .input-row-login .input-title {   font-size:15px;   color:var(--black); } .login-form .input-row-login .input-text {   width:100%;   background:none;   border:0;   border-bottom:var(--black) solid 1px;   ;   color:var(--black);   font-size:15px; } .login-form .login-btn {   padding:24px 0 0 0; } .login-form .login-btn button {   transition:all 0.3s ease-in-out;   border:0;   border-radius:14px;   background:var(--black);   font-size:15px;   color:var(--white);   width:100%;   min-height:44px; } .login-form .login-btn button:hover {   background:var(--themered); } .or-login-text {   margin:24px 0 0 0;   position:relative;   display:block;   text-align:center; } .or-login-text::after {   width:100%;   height:1px;   position:absolute;   left:0;   top:50%;   background:var(--black);   content:''; } .or-login-text span {   position:relative;   z-index:2;   background:#FFE9E8;   padding:0 10px;   font-size:14px; } .g-link {   margin:24px 0 0 0; } .g-link a {   display:flex;   gap:10px;   ;   align-items:center;   justify-content:center;   transition:all 0.3s ease-in-out;   border:0;   border-radius:14px;   background:var(--white);   font-size:15px;   color:var(--gray);   width:100%;   min-height:52px; } .g-link a i {   display:flex;   align-items:center; } .g-link a i img {   width:24px; } .g-link a:hover {   background:var(--black);   color:var(--white); } .login-block.otp-page {   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/otp-bg.svg') no-repeat center center #FFE9E8;   background-size:cover; } .login-block.otp-page .input-row-login .input-title {   width:100%;   padding:0 0 16px; } .login-block.otp-page .opt-box {   justify-content:center;   gap:11px;   display:flex;   align-items:center; } .login-block.otp-page .opt-box span {   width:100%;   display:flex; } .login-block.otp-page .opt-box span .input-text {   font-size:20px;   text-align:center;   display:flex;   align-items:center;   justify-content:center;   width:100%;   height:54px;   border-radius:8px;   border:var(--gray) solid 1px; }  .Wholesaler-contain .text-data p, .Wholesaler-contain .text-data ul li, .Wholesaler-contain .text-data ol li {   font-size:16px; } .Wholesaler-contain .text-data p strong {   color:var(--black); } .Wholesaler-contain .text-data h5 {   font-size:18px;   padding:30px 0 10px; } .Wholesaler-contain .text-data p i {   font-weight:500;   color:var(--gray);   font-style:normal; } .Wholesaler-contain .text-data ul li+li {   margin:0; }  .Wholesaler-from-inner {   width:100%;   display:block;   padding:35px 40px;   background:var(--white);   border:#DBDBDB solid 1px;   border-radius:14px; } .Wholesaler-from-inner .input-row {   padding:0 0 24px;   width:100%;   display:block; } .Wholesaler-from-inner .input-row .input-title {   font-size:15px;   padding:0 0 8px;   color:var(--black); } .Wholesaler-from-inner .input-row .input-text {   display:block;   width:100%;   padding:0 0 6px;   border:0;   border-bottom:#DBDBDB solid 1px;   color:var(--black);   font-size:15px; } .Wholesaler-from-inner .input-row textarea.input-text {   height:80px;   resize:none; } .Wholesaler-from-inner .input-row.submit-row {   display:flex;   align-items:center;   justify-content:center;   padding:0; } .Wholesaler-from-inner .input-row.submit-row button {   transition:all 0.3s ease-in-out;   width:auto;   border:0px;   height:52px;   font-size:15px;   padding:0 42px;   color:var(--white);   background:var(--black);   border-radius:8px;   ; } .Wholesaler-from-inner .input-row.submit-row button:hover {   background:var(--themered); } .Wholesaler-from-inner .input-row.checkrow {   display:block;   position:relative;   width:100%; } .Wholesaler-from-inner .input-row.checkrow input {   position:absolute;   left:0;   top:0;   opacity:0; } .Wholesaler-from-inner .input-row.checkrow label {   line-height:24px;   position:relative;   font-size:15px;   color:var(--gray);   padding:0 0 0 38px; } .Wholesaler-from-inner .input-row.checkrow label::after {   width:24px;   height:24px;   content:'';   position:absolute;   left:0;   top:0;   border:#DBDBDB solid 1px;   border-radius:6px; } .Wholesaler-from-inner .input-row.checkrow label::before {   width:24px;   height:24px;   content:'';   position:absolute;   left:0;   top:0;   border-radius:6px;   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/checkmark.svg') no-repeat center center;   background-size:16px auto;   transition:all 0.3s ease-in-out;   opacity:0; } .Wholesaler-from-inner .input-row.checkrow input:checked+label::before {   opacity:1; } .Wholesaler-from-inner .radio-box-main .radio-box label {   cursor:pointer;   position:relative;   font-size:15px;   color:var(--black);   display:block;   padding:0 0 0 28px; } .Wholesaler-from-inner .radio-box-main .radio-box label::after {   width:18px;   height:18px;   border-radius:20px;   content:'';   position:absolute;   left:0;   top:1px;   border:var(--black) solid 1px; } .Wholesaler-from-inner .radio-box-main .radio-box label span {   padding:2px 0 0 0;   font-size:12px;   color:var(--gray);   display:block; } .Wholesaler-from-inner .radio-box-main .radio-box label::before {   width:10px;   transition:all 0.3s ease-in-out;   height:10px;   border-radius:10px;   content:'';   position:absolute;   left:4px;   top:5px;   background:var(--black);   opacity:0; } .Wholesaler-from-inner .radio-box-main .radio-box input:checked+label::before {   opacity:1; } .upload-btn [type="file"]::-webkit-file-upload-button {   background:#F5F5F5;   border:1px dashed var(--gray);   border-radius:10px;   color:var(--gray);   cursor:pointer;   font-size:16px;   outline:none;   padding:10px 25px;   text-transform:uppercase;   transition:all 1s ease; } .upload-btn {   padding:10px 0 0 0; } .upload-btn [type="file"]::-webkit-file-upload-button:hover {   border:1px dashed var(--gray);   color:var(--gray); } .checkbox-row {   padding:20px 0 0 0;   display:flex;   flex-direction:column;   gap:16px;   ; } .checkbox-row .check-row {   position:relative;   display:block; } .checkbox-row .check-row input {   position:absolute;   left:0;   top:0;   opacity:0; } .checkbox-row .check-row label {   line-height:24px;   position:relative;   font-size:15px;   color:var(--gray);   padding:0 0 0 38px; } .checkbox-row .check-row label::after {   width:24px;   height:24px;   content:'';   position:absolute;   left:0;   top:0;   border:#DBDBDB solid 1px;   border-radius:6px; } .checkbox-row .check-row label::before {   width:24px;   height:24px;   content:'';   position:absolute;   left:0;   top:0;   border-radius:6px;   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/checkmark.svg') no-repeat center center;   background-size:16px auto;   transition:all 0.3s ease-in-out;   opacity:0; } .checkbox-row .check-row input:checked+label::before {   opacity:1; }  .Wholesaler-from-inner .input-row.submit-row {   padding:24px 0 0 0; }  .shop-box-main .img .whislist-icon {   position:absolute;   left:14px;   top:14px; } .shop-box-main .img .whislist-icon a {   width:40px;   height:40px;   box-shadow:0 0 4px rgba(0, 0, 0, 0.10);   display:flex;   align-items:center;   justify-content:center;   border-radius:100px;   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/heart_icon.svg') no-repeat center center var(--white);   background-size:20px auto; } .shop-box-main .img .whislist-icon a.active {   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/heart_icon-fill.svg') no-repeat center center var(--white);   background-size:20px auto; }   .products-box-big {   position:relative; } .products-box-big .over-icon {   position:absolute;   right:14px;   top:14px; } .products-box-big .over-icon a {   width:40px;   height:40px;   box-shadow:0 0 4px rgba(0, 0, 0, 0.10);   display:flex;   align-items:center;   justify-content:center;   border-radius:100px;   background:var(--white); } .products-box-big .over-icon a:hover {   background:var(--themered); } .products-box-big .over-icon a:hover img {   filter:brightness(0) invert(1); } .products-box-big .over-icon a img {   transition:all 0.3s ease-in-out;   max-width:24px;   width:auto;   height:auto; } .products-box-big .whislist-icon {   position:absolute;   left:14px;   top:14px; } .products-box-big .whislist-icon a {   width:40px;   height:40px;   box-shadow:0 0 4px rgba(0, 0, 0, 0.10);   display:flex;   align-items:center;   justify-content:center;   border-radius:100px;   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/heart_icon.svg') no-repeat center center var(--white);   background-size:20px auto; } .products-box-big .whislist-icon a.active {   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/heart_icon-fill.svg') no-repeat center center var(--white);   background-size:20px auto; }  .header-icons .icon>a {   position:relative; } .header-icons .icon>a>span {   position:absolute;   right:-5px;   top:-5px;   width:16px;   height:16px;   background:var(--themered);   display:flex;   align-items:center;   justify-content:center;   color:var(--white);   font-size:10px;   border-radius:20px;   ; } .header-icons .icon.after-login-icon>a {   overflow:hidden;   width:30px;   height:30px;   display:flex;   align-items:center;   justify-content:center;   background:#F0F0F0;   border-radius:100px; } .header-icons .icon.after-login-icon {   padding:40px 0;   margin:-10px 0; } .header-icons .icon.after-login-icon>a>img {   max-width:100%;   width:100%;   height:100%;   position:absolute;   left:0;   top:0;   display:flex;   object-fit:cover;   display:flex; } .header-icons .icon.after-login-icon ul {   z-index:10;   transform:translateY(20px);   opacity:0;   visibility:hidden;   pointer-events:none;   background:var(--white);   box-shadow:0 0 5.4px 0 rgba(0, 0, 0, 0.10);   border-radius:16px;   position:absolute;   right:-20px;   top:100%;   min-width:160px;   transition:all 0.3s ease-in-out; } .header-icons .icon.after-login-icon li+li {   border-top:#E3E3E3 solid 1px;   ; } .header-icons .icon.after-login-icon li a {   font-size:14px;   color:var(--black);   padding:13px 18px;   display:flex;   white-space:nowrap; } .header-icons .icon.after-login-icon li a:hover {   color:var(--themered); }  .header-icons .icon.after-login-icon.open ul {   opacity:1;   transform:none;   visibility:visible;   pointer-events:all; }  .tab-heading {   width:100%;   padding:16px;   display:block;   border-radius:16px;   background:#F9F9F9; } .tab-heading .nav-tabs {   gap:10px;   display:flex;   flex-direction:column;   margin:0;   padding:0;   border:0;   border-radius:0;   background:none; } .tab-heading .nav-tabs .nav-link {   color:var(--black);   font-weight:normal;   width:100%;   font-size:16px;   text-align:left;   margin:0;   padding:14px 20px;   border:0;   border-radius:8px; } .tab-heading .nav-tabs .nav-link.active {   background:var(--themered);   color:var(--white); }  .my-account-page .input-row {   padding:0 0 24px;   width:100%;   display:block; } .my-account-page .input-row .input-title {   font-size:15px;   padding:0 0 8px;   color:var(--black); } .my-account-page .input-row .input-text {   min-height:33px;   display:block;   width:100%;   padding:0 0 6px;   border:0;   border-bottom:#DBDBDB solid 1px;   color:var(--black);   font-size:15px; } .my-account-page .input-row textarea.input-text {   height:80px;   resize:none; } .my-account-page .input-row.submit-row {   display:flex;   align-items:center;   padding:0; } .my-account-page .input-row.submit-row button {   transition:all 0.3s ease-in-out;   width:auto;   border:0px;   height:44px;   font-size:15px;   padding:0 42px;   color:var(--white);   background:var(--black);   border-radius:8px;   ; } .my-account-page .input-row.submit-row button:hover {   background:var(--themered); } .profile-tab-data h5 {   color:var(--gray);   padding:24px 0 32px;   font-size:20px; } .profile-photo {   padding:0 0 20px;   gap:30px;   display:flex;   align-items:center; } .profile-photo i {   display:flex;   align-items:center;   justify-content:center;   width:100px;   min-width:100px;   height:100%;   border-radius:100px;   ;   overflow:hidden;   background:#F0F0F0;   ; } .profile-photo i img {   width:100%;   height:100px;   object-fit:cover; } .UploadFile {   display:inline-flex;   align-items:center;   gap:15px } .FileUpload {   position:relative;   border-radius:100px;   padding:12px 41px;   font-size:14px;   line-height:17px;   text-align:center;   color:#fff;   font-weight:600;   display:inline-block;   box-shadow:unset;   cursor:pointer;   text-transform:capitalize;   background:#000;   cursor:pointer;   transition:all 0.3s ease-in-out;   min-width:180px;   text-align:center; } .UploadBtn {   border:1px solid #000;   border-radius:100px;   padding:13px 46px;   font-size:14px;   line-height:16px;   text-align:center;   color:#fff;   font-weight:600;   display:inline-block;   box-shadow:unset;   text-transform:uppercase;   cursor:pointer; } .FileUpload:hover {   background:var(--themered); } .FileUpload input {   position:absolute;   width:auto;   opacity:0;   top:0;   left:0;   bottom:0;   width:100%;   border-radius:100px;   cursor:pointer } .whislist-listing .row {   row-gap:20px;   ; } .my-account-page>.row {   margin:0 -30px !important; } .my-account-page>.row>* {   padding:0 30px !important; } .order-table {   border:#DBDBDB solid 1px;   border-radius:10px;   overflow:hidden;   margin:30px 0 0 0; } .order-table thead tr th {   padding:10px 12px;   background:#edebeb;   font-size:16px;   font-weight:500; } .order-table tbody tr td {   padding:10px 12px;   align-items:center;   vertical-align:middle; } .order-table table {   margin:0; } .order-table tbody tr:last-child td {   border:0; } .btn-set {   padding:10px 0;   display:flex;   gap:8px; } .btn-set .buy-agin a {   width:auto;   padding:8px 12px;   font-size:12px;   background:var(--black);   color:var(--white);   border-radius:6px; } .btn-set .view-btn a {   width:auto;   padding:8px 12px;   font-size:12px;   background:var(--themered);   color:var(--white);   border-radius:6px; } .hidebox-trigger {   padding:10px 0 0px;   border-bottom:#DBDBDB solid 1px;   display:block;   width:100%; } .hidebox-trigger .form-trigger-link a {   position:relative;   display:flex;   align-items:center;   line-height:normal;   font-size:14px;   padding:3px 0;   color:var(--gray); } .hidebox-trigger .checkout-form {   padding:30px 0 20px;   display:none; } .hidebox-trigger .form-trigger-link a::after {   transition:all 0.3s ease-in-out;   width:20px;   height:20px;   background:url('https://botswana.kitchenhutt.co.za/frontend/default/assets/img/nav-arrow.svg') no-repeat center center;   content:'';   display:flex;   position:absolute;   right:0;   top:0;   background-size:14px auto;   opacity:0.5; } .hidebox-trigger .checkout-form .input-row {   padding:0 0 24px;   width:100%;   display:block; } .hidebox-trigger .checkout-form .input-row .input-title {   font-size:15px;   padding:0 0 2px;   color:var(--black); } .hidebox-trigger .checkout-form .input-row .input-text {   min-height:24px;   display:block;   width:100%;   padding:0 0 6px;   border:0;   border-bottom:#DBDBDB solid 1px;   color:var(--black);   font-size:15px; }  div#kHcookiePopup {   padding:22px 28px;   border-radius:11px;   width:430px;   box-shadow:0 0 15px #ccccccc7;   right:19px;   left:unset;   bottom:34px;   z-index:99999999;   max-width:90vw; } div#kHcookiePopup h4 {   font-size:23px;   font-family:var(--font-regular) } div#kHcookiePopup p {   font-size:14px;   line-height:21px } div#kHcookiePopup button {   background-color:#000;   margin:20px 0 0 0;   transition:all 0.3s ease-in-out; } div#kHcookiePopup button:hover {   background:var(--themered); } .LoginOuterBlock>span, .LoginOuterBlock>span>.subLink {   font-size:16px } div#kHcookiePopup p a {   color:var(--themered); } .Pagination {   width:100%;   justify-content:center;   padding:20px 0;   display:flex; } .Pagination .NextLink, .Pagination .PrevLink {   width:auto;   padding:0 20px;   height:32px;   background:var(--black);   border-radius:6px;   color:var(--white);   font-size:14px;   display:flex;   align-items:center;   font-weight:500; } .Pagination .NextLink:hover, .Pagination .PrevLink:hover {   background:var(--themered); } .Pagination .PageItem {   gap:10px;   display:flex;   align-items:center;   padding:0 20px; } .Pagination .PageItem a {   width:32px;   height:32px;   justify-content:center;   background:var(--black);   border-radius:6px;   color:var(--white);   font-size:14px;   display:flex;   align-items:center;   font-weight:500; } .Pagination .PageItem a.active {   background:var(--themered); } .delete-btn a {   position:relative;   background:var(--themered);   border-radius:100px;   padding:12px 41px;   font-size:14px;   line-height:17px;   text-align:center;   color:#fff;   font-weight:600;   display:inline-block;   box-shadow:unset;   cursor:pointer;   text-transform:capitalize;   min-width:180px;   text-align:center;   cursor:pointer;   transition:all 0.3s ease-in-out; } .delete-btn a:hover {   background:var(--black); } .btn-wrap {   display:flex;   gap:20px; }  .input-wrap {   position:relative; } .input-wrap .country-code {   padding-top:2PX;   width:42PX;   min-height:32PX;   display:flex;   align-items:center;   justify-content:center;   background:rgba(0, 0, 0, 0.05);   text-align:center;   position:absolute;   left:0;   top:0PX;   font-size:14px;   padding:5px 0;   color:var(--black); } .input-wrap .input-text {   padding-top:5PX !important;   padding-left:50px !important; } .hidebox-trigger .checkout-form .input-row .input-wrap .country-code {   min-height:30px; } .addressDetails p {   line-height:1.6;   margin:0;   font-size:14px; } .addressDetails p b {   font-weight:600; } .addressDetails p a {   color:var(--themered);   text-decoration:underline; } .addressDetails p a:hover {   text-decoration:none; }  .cms-contain .text-data .heading-tag {   padding:30px 0 10px; } .cms-contain .text-data .heading-tag+.heading-tag {   padding-top:0; }  .cms-contain .text-data h1 {   font-size:34px; } .cms-contain .text-data h2 {   font-size:28px; } .cms-contain .text-data h3 {   font-size:24px; } .cms-contain .text-data h4 {   font-size:22px; } .cms-contain .text-data h5 {   font-size:20px; } .cms-contain .text-data h6 {   font-size:18px; } .cms-contain .text-data>*:first-child {   padding-top:0; } .order-details h6 {   font-size:16px; } .welcome-message p+p {   padding-top:10px; } .welcome-message h6 {   padding:0 0 15px; }  .SitemapMain {   padding:64px 0; } .SitemapMain .main-title {   font-size:24px;   color:var(--themered);   padding:0 0 16px; } .SitemapMain ul.sub1>li+li {   padding-top:30px; } .SitemapMain ul.sub1>li a {   color:var(--black);   display:inline-block;   padding:3px 0;   font-size:14px; } .SitemapMain ul.sub1>li a:hover {   color:var(--themered); } .SitemapMain ul.sub1>li ul {   display:flex;   gap:20px;   row-gap:0;   flex-wrap:wrap;   padding:0 0 0 16px; } .SitemapMain ul.sub1>li ul li {   padding:3px 0;   width:calc(50% - 10px); } .defult-page {   text-align:justify;   max-width:1070px;   margin:0 auto;   padding:48px 0 64px; } .page-title h1 {   font-size:32px;   text-align:center;   padding:0 0 24px; }  .header-search.mobile-search {   display:none; } .abt-img-corner {   width:100%;   max-width:100%;   height:auto;   border-radius:20px; }  .img-abt {   display:flex;   align-items:center;   justify-content:center; } .img-abt img {   max-width:100%; } .bg-text {   height:100%;   display:flex;   align-items:center;   justify-content:center;   padding:24px;   background:var(--themered); } .bg-text h6 {   font-size:20px;   color:var(--white); }   .about2Choose .img-icon {   width:100px;   height:100px;   margin:0 auto 20px;   border:#DBDBDB solid 1px;   border-radius:100px;   display:flex;   align-items:center;   justify-content:center; } .about2Choose .img-icon img {   max-width:60px;   max-height:60px;   width:auto;   height:auto; } .about2Choose h6 {   color:var(--black);   padding:0px 0 18px;   ;   font-size:20px;   font-weight:500; } .about2Choose p {   color:var(--gray);   font-size:15px;   line-height:1.375; }  .pt-32 {   padding-top:32px; } .about2Choose h6, .about2Choose p {   padding-left:15px;   padding-right:15px; } .home-shop-section+.home-shop-section {   padding-top:0; }  .cms-contain.products-data-full .text-data h1 {   font-size:30px; } .cms-contain.products-data-full .text-data h2 {   font-size:24px; } .cms-contain.products-data-full .text-data h3 {   font-size:22px; } .cms-contain.products-data-full .text-data h4 {   font-size:20px; } .cms-contain.products-data-full .text-data h5 {   font-size:18px; } .cms-contain.products-data-full .text-data h6 {   font-size:16px; } .cartLoader, .productLoader {   z-index:999999;   top:0;   left:0;   width:100%;   height:100%;   background-color:rgba(0, 0, 0, 0.675);   display:none;   justify-content:center;   align-items:center; } .cartLoader {   position:fixed; } .productLoader {   position:absolute;   background-color:white !important; }  .cartSpinner, .productSpinner {   border:3px solid #f3f3f3;   border-top:3px solid #ba1813;   border-left:3px solid #ba1813;   border-radius:50%;   width:40px;   height:40px;   animation:spin 0.7s linear infinite;   position:absolute;   top:50%;   left:50%;   transform:translate(-50%, -50%);   }  @keyframes spin {   0% {  transform:translate(-50%, -50%) rotate(0deg);   }   100% {  transform:translate(-50%, -50%) rotate(360deg);   } } .google-review-all {   text-align:end;   margin-bottom:10px; } .products-title h1 {   padding:0 0 18px; }  .whatsapp {   width:50px;   display:inline-flex;   align-items:center;   justify-content:center;   background:#fff;   box-sizing:border-box;   border-radius:50%;   height:50px;   color:#000;   box-shadow:0 4px 4px rgb(0 0 0 / 25%);   font-size:20px;  right:15px !important;   bottom:14px !important;   z-index:9999999;   box-shadow:rgb(0 0 0 / 15%) 0 3px 12px;   display:flex;   -webkit-box-pack:center;   justify-content:center;   -webkit-box-align:center;   align-items:center;   cursor:pointer;   user-select:none;   position:fixed;   background-color:#fff;   border-radius:50%;   outline:transpare;   font-size:30px } .whatsapp:hover, .scroll-up:focus {   background:var(--black);   color:#fff;   box-shadow:0 4px 4px rgba(0, 0, 0, 0.25) !important; }  .whatsapp_link a {   color:#000 !important;   display:flex;   align-items:center;   justify-content:center;   width:100%;   height:100%; }  .whatsapp_link i {   color:#59ce72; } .header-top .country-selection>ul>li.country-pill::after {   display:none !important;   content:none !important;   } .header-top .main-nav.country-selection ul.sub-menu.country-dropdown-header {   right:0;   left:auto;   top:70%; }  .country-trigger {   display:flex;   align-items:center;   gap:8px;   padding:8px 16px;   border:1.5px solid #DBDBDB;   border-radius:999px;  background:#fff;   text-decoration:none;   font-weight:600;   color:#000;   transition:all 0.2s ease; }  .country-trigger:hover {   border-color:#000; }  .country-flag {   width:22px;   height:22px;   border-radius:50%;   object-fit:cover; } .country-dropdown-header {   position:absolute;   top:calc(100% + 8px);   right:0;   left:auto;   background:#fff;   border-radius:16px;   box-shadow:0 8px 30px rgba(0, 0, 0, 0.12);   padding:8px 0;   min-width:200px !important;   z-index:999; } .country-dropdown-header li {   list-style:none; } .country-dropdown-header li a {   display:flex;   align-items:center;   gap:10px;   padding:10px 16px;   color:#000;   font-weight:500;   text-decoration:none; } .country-dropdown-header li a:hover {   background:#f6f6f6;   border-radius:10px; }  @media (max-width:767px) {   .header-top .main-nav>ul>li>a.country-trigger {  padding:4px 6px;  border-width:1px;   } .header-top .main-nav>ul>li>span.country-code {}   .header-top .main-nav>ul>li>a.country-trigger>span.country-code {  font-size:13px;  line-height:1;   }   .header-top .main-nav>ul>li>a.country-trigger>img.country-flag {  width:14px;  height:14px;   }   .header-icons {  gap:12px;   }   .header-icons .icon>a>img {  max-width:18px;   }   .header-icons .icon>a>span {  top:-12px;  right:-8px;  font-size:10px;  line-height:1;   }   .header-top .main-nav>ul>li ul li a {  padding:6px 10px 6px 16px;   }   .header-top .main-nav.country-selection ul.sub-menu.country-dropdown {  top:90%;   } } .input-row .input-text {   width:100%;   padding:14px 16px;   font-family:var(--font-family-base);   font-size:var(--font-size-sm);   color:var(--color-text-primary);   background:var(--color-input-bg);   border:1px solid transparent;   border-radius:var(--radius-lg);   box-shadow:var(--shadow-input);   outline:none;   transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base); } .modal .ct-form .row>.col-md-12 {   display:flex;   flex-flow:row wrap;   gap:4px 30px; }  .modal .ct-form .row>.col-md-12>.input-row {   width:calc(100% / 2 - 15px); } .modal .ct-form .row>.col-md-12>.input-row.single {   width:100%; } @media (min-width:576px) {   .modal-dialog {  max-width:600px;   } } .modal .ct-form {   padding:0; } .modal-content {   padding:20px 20px; } .modal-title span, .modal-title-top span {   color:var(--themered); } .modal-title, .modal-title-top {   text-transform:capitalize; }   .country-dropdown-new {   position:relative;   flex-shrink:0; } .country-dropdown-trigger {   display:flex;   align-items:center;   gap:var(--space-2);   min-width:100px;   padding:14px 12px;   font-family:var(--font-family-base);   font-size:var(--font-size-sm);   color:var(--color-text-primary);   background:transparent;   border:none;   cursor:pointer;   transition:background var(--transition-base); } .country-dropdown-trigger:hover {   background:rgba(0, 0, 0, 0.03); } .country-dropdown-trigger .flag-icon {   width:24px;   height:18px;   flex-shrink:0;   border-radius:var(--radius-sm);   object-fit:cover; } .country-dropdown-trigger .dial-code {   flex-shrink:0;   font-weight:var(--font-weight-medium); } .country-dropdown-trigger .dropdown-arrow {   width:10px;   height:10px;   margin-left:auto;   stroke:var(--color-text-secondary);   transition:transform var(--transition-base); } .modal .country-dropdown.open .dropdown-arrow {   transform:rotate(180deg); }  .modal .country-dropdown-menu {   position:absolute;   top:calc(100% + 4px);   left:0;   z-index:var(--z-dropdown);   min-width:240px;   background:var(--color-surface);   border:1px solid var(--color-border);   border-radius:var(--radius-lg);   box-shadow:var(--shadow-dropdown);   overflow:hidden;   opacity:0;   visibility:hidden;   transform:translateY(-10px);   transition:opacity var(--transition-base),  visibility var(--transition-base),  transform var(--transition-base); } .modal .country-dropdown.open .country-dropdown-menu {   opacity:1;   visibility:visible;   transform:translateY(0); } .modal .country-dropdown-item {   display:flex;   align-items:center;   gap:var(--space-3);   width:100%;   padding:12px 16px;   font-family:var(--font-family-base);   font-size:var(--font-size-sm);   color:var(--color-text-primary);   text-align:left;   background:transparent;   border:none;   cursor:pointer;   transition:background var(--transition-fast); } .modal .country-dropdown-item:hover, .modal .country-dropdown-item:focus {   background:var(--color-input-bg); } .modal .country-dropdown-item[aria-selected="true"] {   background:rgba(196, 30, 58, 0.08); } .modal .country-dropdown-item .flag-icon {   width:28px;   height:20px;   flex-shrink:0;   border-radius:var(--radius-sm);   object-fit:cover;   box-shadow:var(--shadow-sm); } .modal .country-dropdown-item .country-info {   display:flex;   flex-direction:column;   gap:2px;   flex:1; } .modal .country-dropdown-item .country-name {   font-weight:var(--font-weight-medium); } .modal .country-dropdown-item .dial-code {   font-size:var(--font-size-xs);   color:var(--color-text-secondary); } .modal .ct-form .row>.col-md-12>.input-row.country-main {   display:flex;   flex-flow:row wrap; } .modal .ct-form .row>.col-md-12>.input-row.country-main .country-dropdown-new {   width:100px;   background:var(--color-input-bg);   border-radius:var(--radius-lg) 0 0 var(--radius-lg); } .modal .ct-form .row>.col-md-12>.input-row.country-main input#contact {   width:calc(100% - 100px);   border-radius:0 var(--radius-lg) var(--radius-lg) 0; } .footer-top-right .footer-box h3 {   width:calc(100% + 84px);   font-size:20px;   font-weight:500;   text-transform:uppercase;   color:var(--white);   padding:0 0 26px;   border-bottom:rgba(227, 227, 227, .4) solid 1px; }   .button-container {   display:grid;   grid-template-columns:repeat(3, 1fr);   gap:1.25rem;   width:100%;   max-width:800px; }  .open-popup-btn {   position:relative;   padding:18px 32px;   font-family:'Rubik', sans-serif;   font-size:1rem;   font-weight:500;   color:var(--color-text-primary);   background:var(--color-surface);   border:none;   border-radius:var(--radius-xl);   cursor:pointer;   overflow:hidden;   box-shadow:var(--shadow-lg);   transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);   user-select:none; } .open-popup-btn::before {   content:'';   position:absolute;   top:0;   left:-100%;   width:100%;   height:100%;   background:linear-gradient(90deg, transparent, rgba(196, 30, 58, 0.1), transparent);   transition:left var(--transition-slow); } .open-popup-btn:hover {   transform:translateY(-3px);   box-shadow:var(--shadow-button-hover); } .open-popup-btn:hover::before {   left:100%; } .open-popup-btn:active {   transform:translateY(-1px); }  .modal-backdrop.show {   background:rgba(0, 0, 0, 0.6);   backdrop-filter:blur(4px); } .modal-content {   border:none;   border-radius:var(--radius-3xl);   box-shadow:var(--shadow-2xl);   max-height:95vh;   overflow-y:auto; } .modal-body {   padding:2.5rem 1.5rem; }  .btn-close-custom {   position:absolute;   top:1.25rem;   right:1.25rem;   z-index:10;   display:flex;   align-items:center;   justify-content:center;   width:36px;   height:36px;   padding:0;   background:var(--color-primary);   border:none;   border-radius:50%;   cursor:pointer;   transition:transform var(--transition-smooth), background var(--transition-base); } .btn-close-custom:hover {   transform:rotate(90deg);   background:var(--color-accent); } .btn-close-custom svg {   width:14px;   height:14px;   stroke:var(--color-text-inverse);   stroke-width:2.5; }  .popup-title {   max-width:80%;   margin:0 auto 1.5rem;   font-family:'Rubik', sans-serif;   font-size:1.75rem;   font-weight:500;   line-height:1.25;   color:var(--color-text-primary);   text-align:center;   text-transform:capitalize; } .popup-title .highlight {   color:var(--color-accent); }  .form-label {   font-size:0.875rem;   font-weight:500;   color:var(--color-text-primary);   margin-bottom:0.5rem; } .required-indicator {   color:var(--color-accent);   font-weight:600; }  .form-control, .form-select {   padding:14px 16px;   font-family:'Rubik', sans-serif;   font-size:0.875rem;   color:var(--color-text-primary);   border:1px solid transparent;   border-radius:var(--radius-lg);   box-shadow:var(--shadow-input);   transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);   appearance:none;   background-color:var(--color-input-bg);   background-image:var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);   background-repeat:no-repeat;   background-position:right .75rem center;   background-size:16px 12px; } .form-control:focus, .form-select:focus {   background:var(--color-surface);   border-color:var(--color-accent);   box-shadow:0 0 0 3px rgba(196, 30, 58, 0.15); } .form-control.is-invalid, .form-select.is-invalid {   border-color:var(--color-error);   box-shadow:0 0 0 3px rgba(220, 38, 38, 0.15); } textarea.form-control {   min-height:90px;   resize:vertical; }  .phone-input-wrapper {   position:relative;   display:flex;   background:var(--color-input-bg);   border:1px solid transparent;   border-radius:var(--radius-lg);   box-shadow:var(--shadow-input);   overflow:visible;   transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base); } .phone-input-wrapper:focus-within {   background:var(--color-surface);   border-color:var(--color-accent);   box-shadow:0 0 0 3px rgba(196, 30, 58, 0.15); } .phone-input-wrapper.is-invalid {   border-color:var(--color-error);   box-shadow:0 0 0 3px rgba(220, 38, 38, 0.15); }  .country-dropdown {   position:relative;   flex-shrink:0; } .country-dropdown-trigger {   display:flex;   align-items:center;   gap:0.5rem;   min-width:100px;   padding:14px 12px;   font-family:'Rubik', sans-serif;   font-size:0.875rem;   color:var(--color-text-primary);   background:transparent;   border:none;   border-right:1px solid var(--color-border);   cursor:pointer;   transition:background var(--transition-base); } .country-dropdown-trigger:hover {   background:rgba(0, 0, 0, 0.03); } .flag-icon {   width:24px;   height:18px;   flex-shrink:0;   border-radius:var(--radius-sm);   object-fit:cover; } .dial-code {   flex-shrink:0;   font-weight:500; } .dropdown-arrow {   width:10px;   height:10px;   margin-left:auto;   stroke:var(--color-text-secondary);   transition:transform var(--transition-base); } .country-dropdown.open .dropdown-arrow {   transform:rotate(180deg); }  .country-dropdown-menu {   position:absolute;   top:calc(100% + 4px);   left:0;   z-index:var(--z-dropdown);   min-width:220px;   background:var(--color-surface);   border:1px solid var(--color-border);   border-radius:var(--radius-lg);   box-shadow:var(--shadow-dropdown);   overflow:hidden;   opacity:0;   visibility:hidden;   transform:translateY(-10px);   transition:opacity var(--transition-base), visibility var(--transition-base), transform var(--transition-base); } .country-dropdown.open .country-dropdown-menu {   opacity:1;   visibility:visible;   transform:translateY(0); } .country-dropdown-item {   display:flex;   align-items:center;   gap:0.75rem;   width:100%;   padding:12px 16px;   font-family:'Rubik', sans-serif;   font-size:0.875rem;   color:var(--color-text-primary);   text-align:left;   background:transparent;   border:none;   cursor:pointer;   transition:background var(--transition-fast); } .country-dropdown-item:hover {   background:var(--color-input-bg); } .country-dropdown-item.selected {   background:rgba(196, 30, 58, 0.08); } .country-info {   display:flex;   flex-direction:column;   gap:2px;   flex:1; } .country-name {   font-weight:500; } .country-dropdown-item .dial-code {   font-size:0.75rem;   color:var(--color-text-secondary); }  .phone-number-input {   flex:1;   min-width:0;   background:transparent;   border:none;   border-radius:0;   box-shadow:none !important; } .phone-number-input:focus {   box-shadow:none !important;   border:none; }  .invalid-feedback {   display:none;   font-size:0.75rem;   color:var(--color-error);   margin-top:0.5rem; } .invalid-feedback.show {   display:flex;   align-items:center;   gap:0.25rem;   animation:shake 400ms cubic-bezier(0.4, 0, 0.2, 1); } @keyframes shake {   0%,   100% {  transform:translateX(0);   }   25% {  transform:translateX(-5px);   }   75% {  transform:translateX(5px);   } }  .form-check-input {   width:22px;   height:22px;   margin-top:1px;   background-color:var(--color-surface);   border:2px solid var(--color-border);   border-radius:var(--radius-sm);   cursor:pointer; } .form-check-input:checked {   background-color:var(--color-accent);   border-color:var(--color-accent); } .form-check-input:focus {   border-color:var(--color-accent);   box-shadow:0 0 0 3px rgba(196, 30, 58, 0.15); } .form-check-label {   font-size:0.875rem;   line-height:1.6;   color:var(--color-text-primary);   cursor:pointer; }  .btn-submit {   min-width:160px;   padding:16px 48px;   font-family:'Rubik', sans-serif;   font-size:1rem;   font-weight:500;   color:var(--color-text-inverse);   background:var(--color-primary);   border:none;   border-radius:var(--radius-lg);   transition:background var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth); } .btn-submit:hover {   background:var(--color-accent);   transform:translateY(-2px);   box-shadow:var(--shadow-accent);   color:var(--white); } .btn-submit:active {   transform:translateY(0); } .btn-submit:disabled, .btn-submit[disabled] {   background:var(--themered);  color:var(--white);  cursor:not-allowed;   box-shadow:none;   transform:none;   opacity:1; }  .btn-submit:disabled:hover, .btn-submit[disabled]:hover {   background:var(--themered);  transform:none;   box-shadow:none;   color:var(--white);   }  .country-selection-list {   padding:0;   margin:0;   list-style:none; } .country-option {   display:flex;   align-items:center;   padding:1rem 1.25rem;   margin-bottom:1rem;   background:var(--color-input-bg);   border:2px solid transparent;   border-radius:9999px;   cursor:pointer;   transition:background var(--transition-base), border-color var(--transition-base); } .country-option:hover {   background:#e8e8e8; }  .country-option .flag {   width:40px;   height:28px;   margin-right:1rem;   border-radius:var(--radius-sm);   object-fit:cover;   box-shadow:var(--shadow-sm); } .country-option .country-name {   flex:1;   font-size:1rem;   font-weight:500; }  .radio-circle {   display:flex;   align-items:center;   justify-content:center;   width:24px;   height:24px;   border:2px solid var(--color-border);   border-radius:50%;   transition:background var(--transition-base), border-color var(--transition-base); } .country-radio:checked+.radio-circle {   background:var(--color-accent);   border-color:var(--color-accent); } .radio-circle svg {   width:14px;   height:14px;   stroke:var(--color-text-inverse);   stroke-width:3;   opacity:0;   transform:scale(0);   transition:opacity var(--transition-base), transform var(--transition-base); } .country-radio:checked+.radio-circle svg {   opacity:1;   transform:scale(1); } .country-option.selected .radio-circle {   background:var(--color-accent);   border-color:var(--color-accent); } .country-option.selected .radio-circle svg {   opacity:1;   transform:scale(1); }  .success-icon {   display:flex;   align-items:center;   justify-content:center;   width:80px;   height:80px;   margin:0 auto 1.5rem;   border:3px solid var(--color-success);   border-radius:50%;   animation:successPulse 600ms cubic-bezier(0, 0, 0.2, 1); } @keyframes successPulse {   0% {  transform:scale(0);  opacity:0;   }   50% {  transform:scale(1.1);   }   100% {  transform:scale(1);  opacity:1;   } } .success-icon svg {   width:40px;   height:40px;   stroke:var(--color-success);   stroke-width:2.5; } .thank-you-content {   text-align:center; } .thank-you-content p {  font-size:0.875rem;   line-height:1.7;   color:var(--color-text-primary); } .thank-you-content .bold-text {   font-weight:600; } .thank-you-content a {   color:var(--color-link);   text-decoration:underline;   transition:color var(--transition-base); } .thank-you-content a:hover {   color:var(--color-accent); }  @media (max-width:1199px) {   .button-container {  grid-template-columns:repeat(2, 1fr);   } } @media (max-width:767px) {   body {  padding:1.25rem 1rem;   }   .button-container {  grid-template-columns:1fr;  gap:1rem;   }   .open-popup-btn {  padding:16px 24px;  font-size:0.875rem;   }   .popup-title {  margin-bottom:1.5rem;  font-size:1.375rem;   }   .form-control,   .form-select {  padding:12px 14px;  font-size:1rem;   }   .country-dropdown-trigger {  min-width:90px;  padding:12px 10px;   }   .btn-submit {  width:100%;  padding:14px 32px;   }   .success-icon {  width:64px;  height:64px;   }   .success-icon svg {  width:32px;  height:32px;   } }  @media (prefers-reduced-motion:reduce) {   *,   *::before,   *::after {  animation-duration:0.01ms !important;  transition-duration:0.01ms !important;   } }   .shop-box-main .shop-box-sub .price-chat {   margin:10px 0px 5px 0px;   } .price-chat a {   display:inline-flex;   align-items:center;   gap:6px;   padding:6px 12px;   font-size:13px;   font-weight:600;   color:#0b8f3c;   background:#e9f8ef;   border:1px dashed #0b8f3c;   border-radius:10px;   text-decoration:none;   transition:all 0.25s ease;   animation:softPulse 2s infinite;   width:100%;   min-height:44px;   justify-content:center; }  .price-chat a:hover {   background:#0b8f3c;   color:#fff;   transform:translateY(-1px);   animation:none; }  .price-chat .wa-icon {   font-size:14px; } @keyframes softPulse {   0%  { box-shadow:0 0 0 0 rgba(11, 143, 60, 0.25); }   70% { box-shadow:0 0 0 6px rgba(11, 143, 60, 0); }   100% { box-shadow:0 0 0 0 rgba(11, 143, 60, 0); } }