.why-aquaroma_dropdown .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img img{
    max-width: 328px; max-height: 215px; object-fit:cover;
}


.tnp-subscription form{
    display: flex;
    gap: 15px;
}
.tnp-subscription .tnp-field-email{
    width: 295px;
}
.tnp-subscription .tnp-field-email .tnp-email{
    border-radius: 10px;
    padding: 12px 20px;
    border: 1px solid #D1D5DC;
    font-family: "Inter", Sans-serif;
}
.tnp-subscription .tnp-field-button{
    margin-bottom: 0px !important;
}
.tnp-subscription .tnp-field-button .tnp-submit{
    background: #33B3D0; border-radius: 10px;
    padding: 12px;
}
.tnp-subscription .tnp-field-button .tnp-submit:hover{
    background: #101828;
}

.membership-section-bgr{
    background: #077DA7;
    background: linear-gradient(135deg, #048583 0%, #124152 50%, #077DA7 100%);
}

.testimonial-block .swiper-slide{
    background-color: #fff; margin-bottom: 10px;
    border-radius: 10px;  padding: 24px !important; 
    box-shadow: 0px 4px 6px -1px #0000001A;
}
.testimonial-block .elementor-testimonial{display: flex; flex-direction: column;}
.testimonial-block .elementor-testimonial .elementor-testimonial__content{order: 2;}
.testimonial-block .elementor-testimonial .elementor-testimonial__footer{order: 1; margin-bottom: 15px; margin-top: 0px;}
.elementor-testimonial__title{
    position: relative; text-indent: -9999px; min-width: 110px;
    background: url(/wp-content/themes/hello-elementor-child/assets/images/stars.svg) 0 0 no-repeat;
}

.custom-product-category{
    width: 100%;
}
.custom-product-category .products > .product-category{
    position: relative !important;
    margin-bottom: 60px !important;
}
.custom-product-category .products > .product-category:first-child{
    display: none !important;
}
.custom-product-category .products > .product-category a{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E8FFC3;
    border-radius: 200px;
    aspect-ratio: 1 / 1;
}
.custom-product-category .products > .product-category:nth-child(3) a{
    background-color: #FFE9E6;
}
.custom-product-category .products > .product-category:nth-child(4) a{
    background-color: #DFF9FF;
}
.custom-product-category .products > .product-category:nth-child(5) a{
    background-color: #FFE0BC;
}
.custom-product-category .products > .product-category:nth-child(6) a{
    background-color: #FFF3C7;
}
.custom-product-category .products > .product-category img{
    display: block;
    width: auto;
    max-width: 61%;
    margin: 0 !important;
}
.custom-product-category .products > .product-category .woocommerce-loop-category__title{
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 18px 0 0 0 !important;
}

.add-cart-btn{
    width: 100%;
    padding: 0 20px;
}
.add-cart-btn .e-loop-add-to-cart-form-container{
    display: flex;
    flex-flow: column;
}
.add-cart-btn .button,
.add-cart-btn .added_to_cart{
    background-color: #33B3D0 !important;
    width: 100%;
    height: 40px;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 16px !important;
    transition: 500ms !important;
}
.add-cart-btn .button:hover,
.add-cart-btn .added_to_cart:hover{
    background-color: #000 !important;
}
.add-cart-btn .button:before{
    content: "";
    background: url(/wp-content/themes/hello-elementor-child/assets/images/carts.svg) no-repeat center center;
    margin-right: 10px;
    width: 16px;
    height: 16px;
}
.add-cart-btn .button.added{
    display: none !important;
}

.how-it-works-section .elementor-widget-icon-box:after{display: none;}
.how-it-works-section .elementor-widget-icon-box:last-child:after{display: none;}

.header-user-list{position: relative; align-items: center; gap: 10px; display: none;}
.header-user-list .user-list-selected{
    position: relative; padding-right: 25px; cursor: pointer;
    display: flex; gap: 10px; align-items: center;
}
.header-user-list .user-list-selected figure{width: 50px; height: 50px; background: #fff; border: 1px solid #33B3D0; border-radius: 100%; overflow: hidden;}
.header-user-list .user-list-selected figure img{width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.header-user-list .user-list-selected:after{
    content: ''; position: absolute; right: 0; top: 50%;
    width: 18px; height: 10px; background-color: #000; transform: translateY(-50%);
    background: url(/wp-content/themes/hello-elementor-child/assets/images/dropdown-arrow.svg) no-repeat center center;
}
.header-user-list > ul.dropdow-menu{
    list-style-type: none; position: absolute;
    margin: 0px; list-style-type: none; top: 100%; right: 0; background: #fff; min-width: 180px; padding: 10px 0;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); display: flex; flex-direction: column;
    transform: translateY(20%); visibility: hidden; opacity: 0;
    transition: transform .5s ease, opacity .5s ease;
    border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
}
.header-user-list > ul.dropdow-menu li{padding: 5px 10px;} 
.header-user-list > ul.dropdow-menu li a{color: #1F7B9F;}
.header-user-list > ul.dropdow-menu li a:hover{color: #000000;}

.header-user-list:hover .dropdow-menu {
    visibility: visible; opacity: 1;
    transform: translateY(0%);
}

.logged-in .header-user-list{display: flex;}
.logged-in .account-btn-hide{display: none !important;}


.quiz-recommendation-title h2{margin-bottom: 30px; font-size: 40px; text-align: center;}

.quiz_right {
    width: 100%;
}
 
.quiz_right .progress-container {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px 15px 25px;
  background: #f2f4f7;
  border-radius: 10px;
}
 
.quiz_right .progress-box {
  text-align: center;
}
 
/* Circle Base */
.quiz_right .progress-circle {
  --size: 120px;
  --thickness: 8px;
 
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
 
  display: grid;
  place-items: center;
  position: relative;
 
  background: conic-gradient(
    var(--color) calc(var(--value) * 1%),
    #e6e6e6 0
  );
}


 
/* Inner white circle */
.quiz_right .progress-circle::before {
  content: "";
  position: absolute;
  width: calc(var(--size) - var(--thickness) * 2);
  height: calc(var(--size) - var(--thickness) * 2);
  background: #f2f4f7;
  border-radius: 50%;
}
 
/* Percentage Text */
.quiz_right .progress-circle span {
  position: relative;
  font-size: 26px;
  font-weight: 400;
  color: var(--color);
}
 
/* Labels */
.quiz_right .progress-box p {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #4A5565;
  margin: 15px 0 0;
}
 
/* Colors */
.quiz_right .blue { --color: #2479A6; }
.quiz_right .red { --color: #FF7373; }
.quiz_right .green { --color: #096; }
.quiz_right .yellow { --color: #FDC700; }
 
 
 
.quiz_right .content_wrap {
  display: flex;
  width: 100%;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  padding-right: 15px;
}
 
.quiz_right .content {
  width: 100%;
  padding: 20px 0 0;
}
 
.quiz_right .step {
  color: #0092B8;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; 
  margin-bottom: 10px;
}
 
.quiz_right .content h2 {
  color: #0A0A0A;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; 
  margin-bottom: 10px;
}
 
.quiz_right .desc {
  color: #0A0A0A;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; 
  margin-bottom: 20px;
}
.quiz_right .desc a{color:#0092B8;}
.quiz_right .desc a:hover{color:#0A0A0A;}
 
/* Options */
.quiz_right .content .options_wrap{
    margin-bottom: 20px; min-height: 250px;
}
.quiz_right .content .options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
 
.quiz_right .content .option {
    background: #f3f5f7;
    padding: 20px 25px 20px 15px;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    color: #0A0A0A;
    background: rgba(232, 242, 241, 0.50);
    display: flex;
    align-items: center;
}
 
.quiz_right .content .option input {
  display: none;
}
 
.quiz_right .content .option span {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border: 2px solid #4fa3c4;
  border-radius: 50%;
}
 
.quiz_right .content .option input:checked + span {
  background: #4fa3c4;
}
 
/* Button */
.quiz-navigation{
    overflow: hidden; display: flex; padding: 15px 0;
    justify-content: space-between; margin-top: 20px;
}
.quiz_right .content .next-btn,
.quiz_right .content .submit-btn{margin-left:auto;}
.quiz_right .content .prev-btn,
.quiz_right .content .next-btn,
.quiz_right .content .submit-btn {
  border-radius: 10px; background: #33B3D0;
  border: none; color: white;
  padding: 12px 25px; position: relative;
  cursor: pointer; float: right; transition: 0.3s;
  font-weight: 600; box-shadow: 0px 5px 10px -3px #107F864D;

} 
.quiz_right .content .next-btn:hover {background: #3b8ca9;}

.quiz_right .content .next-btn:after,
.quiz_right .content .prev-btn:before{
    content: '';
    position: absolute; top: 50%;
    width: 20px; height: 20px;  transform: translateY(-50%);
    background: url(/wp-content/themes/hello-elementor-child/assets/images/w-right-arrow2.svg) no-repeat center center;
}

.quiz_right .content .next-btn{padding: 12px 50px 12px 25px;}
.quiz_right .content .next-btn:after{right: 26px;}

.quiz_right .content .prev-btn{padding: 12px 25px 12px 50px;}
.quiz_right .content .prev-btn:before{left: 26px; transform: translateY(-50%) rotate(180deg);}

.home-quiz-container {
  position: relative;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  background: transparent;
  display: flex;
  justify-content: center;
}
 
 
/* Content */
.home-quiz-container{
    font-family: "Inter", Sans-serif;
}
.home-quiz-container .quiz-content {
  width: 100%;
  position: relative;
}
 
.home-quiz-container h3 {
  font-size: 18px;
  font-weight: 400;
  color: #0A0A0A;
  margin-bottom: 15px;
}
 
/* Options Layout */
.home-quiz-container .options {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 30px;
}
 
.home-quiz-container .options.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
 
/* Radio Box */
.home-quiz-container .radio-box {
  position: relative;
  cursor: pointer;
  display: flex;
  flex: 1;
}
 
.home-quiz-container .radio-box input {
  display: none;
}
 
/* Default Button Style */
.home-quiz-container .radio-box span {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 10px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  transition: 0.3s;
  border: 2px solid #E5E7EB;
  color: #0A0A0A;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
 
/* Selected State */
.home-quiz-container .radio-box input:checked + span {
  background: #33B3D0;
  border-color: #33B3D0;
  color: #fff;
} 
/* Hover */
.home-quiz-container .radio-box span:hover {
  background: #dcdcdc;
}
.home-quiz-navigation{display: flex; gap: 10px; align-items: center;}
.home-quiz-navigation button{
    background: #33B3D0; box-shadow: 0px 10px 15px -3px #0000001A;
    color: #fff; border: 0; border-radius: 14px; transition: 0.3s all;
    font-family: Inter; font-weight: 600; font-style: 600; font-size: 16px;    
    line-height: 24px; text-align: center; height: 56px;
}
.home-quiz-navigation button:focus,
.home-quiz-navigation button:hover{background: #000; color: #fff;}
.home-quiz-navigation button.full_quiz{margin-left: auto; padding-right: 40px; position: relative;}
.home-quiz-navigation button.full_quiz:after{
    content: '';
    position: absolute; right: 15px; top: 50%;
    width: 20px; height: 20px;  transform: translateY(-50%);
    background: url(/wp-content/themes/hello-elementor-child/assets/images/w-right-arrow2.svg) no-repeat center center;
}

#custom-quiz-section .home-quiz-container .quiz-content h3 a{color: #1d7b9c;}
#custom-quiz-section .home-quiz-container .quiz-content h3 a:hover{color: #0A0A0A;}

.footer-contaner-wrap > .e-con-inner{
	position: relative;
}

.text-img_alt .e-con-inner .elementor-widget-image{background-color: #0092B8; border-radius: 10px;}
.text-img_alt:nth-of-type(even) .e-con-inner .elementor-widget-image img {
    position: relative;  top: 15px; left: 15px;
}
/* Optional: If you want to flip the offset for odd ones to create a pattern */
.text-img_alt:nth-of-type(odd) .e-con-inner .elementor-widget-image img{
    position: relative; top: 15px; right: 15px;
}


.group-product_list .product .elementor-widget-woocommerce-product-price .price{font-size: 26px; font-weight: 700;}


.dual-range-slider {position: relative; height: 30px;} 
.dual-range-slider .slider-track {
    position: absolute; top: 50%; left: 0;
    width: 100%; height: 6px; transform: translateY(-50%);
    background: #dddde7; border-radius: 999px;
} 
.dual-range-slider .slider-range-fill {
    position: absolute; top: 50%; height: 6px; transform: translateY(-50%);
    background: #0092b9; border-radius: 999px;
} 
.dual-range-slider input[type="range"] {
    position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    width: 100%; margin: 0; background: none;
    pointer-events: none; -webkit-appearance: none; appearance: none;
} 
.dual-range-slider input[type="range"]::-webkit-slider-runnable-track {
    height: 6px; background: transparent;
} 
.dual-range-slider input[type="range"]::-moz-range-track {
    height: 6px;
    background: transparent;
} 
.dual-range-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; appearance: none; pointer-events: auto;
    width: 20px; height: 20px; border-radius: 50%;
    background: #ffffff; border: 1px solid #888;
    cursor: pointer; margin-top: -7px; position: relative;
    z-index: 2;
} 
.dual-range-slider input[type="range"]::-moz-range-thumb {
    pointer-events: auto;
    width: 20px; height: 20px; border-radius: 50%;
    background: #ffffff; border: 1px solid #888;
    cursor: pointer; position: relative; z-index: 2;
}

.essentials_block{
    height: 100% !important;
}


.aqu-work-step-left .elementor-widget-image:after{
    content: '';
    background: url(/wp-content/uploads/2026/04/left-down-arrow.svg) right bottom no-repeat;
    width: 230px; height: 159px; position: absolute; right: -100px; bottom: -85px;
}
.aqu-work-step-right .elementor-widget-image:after{
    content: '';
    background: url(/wp-content/uploads/2026/04/right-down-arrow.svg) right bottom no-repeat;
    width: 230px; height: 150px; position: absolute; left: -100px; bottom: -85px;
}


.after-2week .elementor-widget-image img,
.after-3week .elementor-widget-image img{
    z-index: 1; position: relative;
}
.after-2week .elementor-widget-image::after,
.after-3week .elementor-widget-image::after{
    content: '';
    position: absolute; right: -86px; top: 50%; z-index: 0;
    width: 100%; height: 118px;  transform: translateY(-50%);
}
.after-2week .elementor-widget-image::after{    
    background: url(/wp-content/themes/hello-elementor-child/assets/images/2week-arrow-icon.svg) no-repeat center right;
}
.after-3week .elementor-widget-image::after{
    background: url(/wp-content/themes/hello-elementor-child/assets/images/3week-arrow-icon.svg) no-repeat center right;
}

/*.aqu-work-step-right:after{
    content: '';
    background: url(https://aquaroma.technoexponent.net/wp-content/uploads/2026/04/right-down-arrow.svg) right bottom no-repeat;
    width: 230px; height: 150px; position: absolute; left: -100px; bottom: -85px;
}
.aqu-work-step-left .elementor-widget-image:after, 
.aqu-work-step-left .elementor-widget-image:nth-child(even):after{
    display: none;
}*/


/* Table Style CSS */
.ami-table-wrap {width: 100%; overflow-x: auto;}
.ami-table-wrap table {
    width: 100%; min-width: 600px; border-collapse: separate; 
    padding: 0; background: #ffffff; font-family: "Inter", Sans-serif;
}
.ami-table-wrap table th, .ami-table-wrap table td {
    padding: 16px 40px; text-align: left; font-size: 15px; min-width: 100px; border:0px;
}
.ami-table-wrap table thead th{
    background-color: #2479A6; color: #ffffff; font-weight: 500;
    font-size: 21px; font-family: "Inter", Sans-serif; text-align: center; vertical-align: middle;
}
.ami-table-wrap table thead th:first-child{text-align: left;}

.ami-table-wrap table tbody td.ingredient-cell strong{font-weight: 500; color: #0A0A0A; font-size: 20px; display: block;}
.ami-table-wrap table tbody td.ingredient-cell .benefit-text{font-weight: 400; color: #4A5565; font-size: 18px;}

.ami-table-wrap table tbody td.kit-cell{text-align: center; vertical-align: middle; font-size: 20px; color: #33B3D0;}
.ami-table-wrap table tbody td.kit-cell .empty-marker{color: #10282E;}

.ami-table-wrap table tbody>tr:nth-child(odd)>td{background-color: #fff;} 
.ami-table-wrap table tbody>tr:nth-child(even)>td{background-color: #E3F9F3;}


.ami-table-wrap table thead th:first-child, .ami-table-wrap table tbody td:first-child {border-top-left-radius: 10px;}
.ami-table-wrap table thead th:first-child, .ami-table-wrap table tbody td:first-child {border-bottom-left-radius: 10px;}
.ami-table-wrap table thead th:last-child, .ami-table-wrap table tbody td:last-child {border-top-right-radius: 10px;}
.ami-table-wrap table thead th:last-child, .ami-table-wrap table tbody td:last-child {border-bottom-right-radius: 10px;}

/* END CSS */


/* FAQs Style CSS */
.faq-numbered .e-n-accordion details{border-bottom: 1px solid #cbd2d1;}
.faq-numbered .e-n-accordion details:last-child{border-bottom: 0;}
.faq-numbered .e-n-accordion details .elementor-widget-text-editor p{margin-bottom: 30px;}
.faq-numbered .e-n-accordion details summary .e-n-accordion-item-title-icon{
    background: #E4F9F4; width: 34px; height: 34px;
    position: absolute; right: 0; border-radius: 6px; padding: 5px;
    align-items: center; justify-content: center;
}

.faq-numbered .e-n-accordion details summary {
    counter-increment: faq-counter; display: flex; align-items: center;
}
.faq-numbered .e-n-accordion details summary::before {
    content: counter(faq-counter, decimal-leading-zero) ". "; 
    font-size: 16px; font-family: "Inter", Sans-serif; color: #ffffff; background: #0092b8;
    width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 30px;
    position: absolute; left: 0; top: 30px;
}
.faq-numbered .e-n-accordion details:nth-child(1) summary::before { content: "1"; }
.faq-numbered .e-n-accordion details:nth-child(2) summary::before { content: "2"; }
.faq-numbered .e-n-accordion details:nth-child(3) summary::before { content: "3"; }
.faq-numbered .e-n-accordion details:nth-child(4) summary::before { content: "4"; }
.faq-numbered .e-n-accordion details:nth-child(5) summary::before { content: "5"; }
.faq-numbered .e-n-accordion details:nth-child(6) summary::before { content: "6"; }
.faq-numbered .e-n-accordion details:nth-child(7) summary::before { content: "7"; }
.faq-numbered .e-n-accordion details:nth-child(8) summary::before { content: "8"; }
.faq-numbered .e-n-accordion details:nth-child(9) summary::before { content: "9"; }
.faq-numbered .e-n-accordion details:nth-child(10) summary::before { content: "10"; }
.faq-numbered .e-n-accordion details:nth-child(11) summary::before { content: "11"; }
.faq-numbered .e-n-accordion details:nth-child(12) summary::before { content: "12"; }
.faq-numbered .e-n-accordion details:nth-child(13) summary::before { content: "13"; }
.faq-numbered .e-n-accordion details:nth-child(14) summary::before { content: "14"; }
.faq-numbered .e-n-accordion details:nth-child(15) summary::before { content: "15"; }
.faq-numbered .e-n-accordion details:nth-child(16) summary::before { content: "16"; }
.faq-numbered .e-n-accordion details:nth-child(17) summary::before { content: "17"; }
.faq-numbered .e-n-accordion details:nth-child(18) summary::before { content: "18"; }
.faq-numbered .e-n-accordion details:nth-child(19) summary::before { content: "19"; }
.faq-numbered .e-n-accordion details:nth-child(20) summary::before { content: "20"; }
.faq-numbered .e-n-accordion details:nth-child(21) summary::before { content: "21"; }
.faq-numbered .e-n-accordion details:nth-child(22) summary::before { content: "22"; }
.faq-numbered .e-n-accordion details:nth-child(23) summary::before { content: "23"; }
.faq-numbered .e-n-accordion details:nth-child(24) summary::before { content: "24"; }
.faq-numbered .e-n-accordion details:nth-child(25) summary::before { content: "25"; }


/* END CSS */

.before-after-section .elementor-widget-image-box{
    width: 50%;
    flex: 1;
}
.before-after-section .elementor-image-box-wrapper{
    position: relative;
}
.before-after-section .elementor-image-box-wrapper .elementor-image-box-img{
    margin: 0 !important;
    display: block;
}
.before-after-section .elementor-image-box-wrapper .elementor-image-box-img img{
    display: block;
    width: 100% !important;
    height: auto !important;
}
.before-after-section .elementor-image-box-wrapper .elementor-image-box-title{
    background-color: #33B3D0;
    margin: 0;
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translate(-50%, 0);
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    min-width: 60px;
}

.testimonial-section-wrap .swiper{
 width: 100% !important;
 position: relative;
    padding-top: 60px;
}
.testimonial-section-wrap .swiper .elementor-swiper-button-prev,
.testimonial-section-wrap .swiper .elementor-swiper-button-next{
 background: url(/wp-content/uploads/2026/04/right-arrows.svg) no-repeat center center;
 position: absolute !important;
 top: 0 !important;
 right: 0 !important;
 left: auto !important;
 width: 37px !important;
 height: 16px !important;
}
.testimonial-section-wrap .swiper .elementor-swiper-button-prev{
 right: 47px !important;
 transform: rotate(180deg) !important;
 top:-8px!important;
}
.testimonial-section-wrap .swiper .elementor-swiper-button-prev svg,
.testimonial-section-wrap .swiper .elementor-swiper-button-next svg{
 display: none !important;
}

.testimonial-section-wrap .swiper .swiper-slide .elementor-testimonial__image{
 position: relative;
}
.testimonial-section-wrap .swiper .swiper-slide .elementor-testimonial__image:before{
 content:"";
 display: block;
 width: 40px;
 height: 40px;
 background: url(/wp-content/uploads/2026/04/quotes-icon.svg) no-repeat center center;
 background-size: 19px auto;
 background-color: #0092B8;
 border-radius: 100px;
 position: absolute;
 bottom: 0;
 right: 0;
}

.how-it-works_text h3, 
.how-it-works_text h4{ 
    margin-top: 30px;  
}

.ingredients-team-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-title,
.ingredients-team-second-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-title{
    padding-left: 50px;
}

.ingredients-team-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img,
.ingredients-team-second-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img{
    z-index: 1;
}
.ingredients-team-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-description,
.ingredients-team-second-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-description{
    position: relative; padding: 30px 50px; max-width: 650px; z-index: 0;
} 
.ingredients-team-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-description::before,
.ingredients-team-second-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-description::before{
    content: ''; position: absolute; left: -15%; top: 0;
    z-index: -1; border-bottom-right-radius: 50px; width: 115%; height: 100%;
}
.ingredients-team-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-description::before{
    background-color: #E3F9F3;
}
.ingredients-team-second-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-description::before{
    background-color: #C6E6E3;
}
.ingredients-team-box .elementor-widget-image-box:nth-child(even) .elementor-image-box-description,
.ingredients-team-second-box .elementor-widget-image-box:nth-child(even) .elementor-image-box-description{
    float: right;
}
.ingredients-team-box .elementor-widget-image-box:nth-child(even) .elementor-image-box-description::before,
.ingredients-team-second-box .elementor-widget-image-box:nth-child(even) .elementor-image-box-description::before{
    right: -15%; left: auto;
    border-bottom-left-radius: 50px; border-bottom-right-radius: 0;
}

.search-results .products .product .onsale{background-color: #33b3d0;}
.search-results .products .product .price del .woocommerce-Price-amount.amount{font-size: 22px; font-weight: 400;}

.tax-sensitive .products .product .button,
.search-results .products .product .button,
.tax-skin-type .products .product .button{width: 100%;}

.tax-sensitive .products .product .button:before,
.search-results .products .product .button:before,
.tax-skin-type .products .product .button:before{
    content: "";
    background: url(/wp-content/themes/hello-elementor-child/assets/images/carts.svg) no-repeat center center;
    margin-right: 10px; width: 16px; height: 16px; display: inline-block;
}
.tax-sensitive .products .product .woocommerce-LoopProduct-link img,
.search-results .products .product .woocommerce-LoopProduct-link img,
.tax-skin-type .products .product .woocommerce-LoopProduct-link img{max-height: 260px; object-fit: contain;}

.text-link_change a{color: #1d7b9c;}
.text-link_change a:hover{color: #0a0a0a;}



/* Surojit 21-05-26 */




.hidden {
    display: none;
}

.routine_container {
    width:100%;
    max-width: 1400px;
    background:#fff;
    border-radius:12px;
    padding:18px;
    box-shadow:0 2px 12px rgba(0,0,0,0.08);
    position: relative;
}

.back {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #1A8AA3;
    margin-bottom: 20px;
    cursor: pointer;
}

.back img {
    width: 20px;
}

/* STEP */

.main_top {
    width: 100%;
    position: relative;
}

.routine_container .step{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#f1f7fb;
    border:1px solid #dbe9f2;
    padding:7px 14px;
    border-radius:20px;
    font-size:13px;
    color:#6a7d90;
    font-weight:600;
    margin-bottom:0;
    position: absolute;
    left: 0;
    top: 6px;
}

/* TITLE */

.routine_container .head {
    width: 100%;
}

.routine_container .head h1{
    text-align:center;
    color:#182b61;
    font-size:38px;
    font-weight:700;
    margin-bottom:8px;
}

.routine_container .head .subtitle{
    text-align:center;
    color:#1a8aa3;
    font-size:20px;
    font-weight:700;
    margin-bottom:8px;
}

.routine_container .head .desc{
    text-align:center;
    color:#7a8798;
    font-size:13px;
    margin-bottom:22px;
}

/* GRID */
.routine_container .grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:12px;
}

/* BOX */

.routine_container .box_wrap {
    position: relative;
    cursor: pointer;
	display: flex;
}

.routine_container .box_wrap input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

.routine_container .box_wrap input:checked ~ .box {
    border-color:#17a9c7;
    background:#f5fcfe;
}

.routine_container .box_wrap input:checked ~ .box .check {
    opacity: 1;
}

.routine_container .box{
	width: 100%;
    border:2px solid #dbe7ef;
    border-radius:10px;
    background:#fff;
    padding: 15px 10px;
    position:relative;
    cursor:pointer;
    transition:0.25s;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    cursor: pointer;
}

.routine_container .box:hover{
    border-color:#17a9c7;
}

.routine_container .box.active{
    border-color:#17a9c7;
    background:#f5fcfe;
}


.routine_container .tall,
.routine_container .box_wrap:nth-child(4) {
    grid-row: span 3;
}

.routine_container .tall .box,
.routine_container .box_wrap:nth-child(4) .box {
    height: 100%;
}

/* CHECK */
.routine_container .check{
    position:absolute;
    top:6px;
    right:6px;
    width:20px;
    height:20px;
    background:#0099b5;
    color:#fff;
    border-radius:50%;
    display: flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:bold;
    opacity: 0;
}

.routine_container .box.active .check{
    display:flex;
}

/* ICON */
.routine_container .icon{
    font-size:32px;
    color:#4c4c82;
    margin-bottom:10px;
}

.routine_container .icon .box_wrap img {
    width: auto;
    height: 50px;
}

/* LABEL */
.routine_container .label{
    font-size:13px;
    color:#24375c;
    font-weight:600;
    text-align:center;
    line-height:1.3;
    padding:0 4px;
}

/* BUTTON */
.routine_container .continue_btn{
    width:100%;
    margin-top:22px;
    padding: 20px 0;
    border:none;
    border-radius:8px;
    background:#0097b2;
    color:#fff;
    font-size:20px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s;
}

.routine_container .continue_btn:hover{
    background:#007f96;
}

.routine_container .continue_btn[disabled] {
	opacity: 0.5;
	cursor: no-drop;
}

/* BOTTOM */

.routine-bottom{
  width:100%;
  border:1px solid #e5e5e5;
  border-radius:18px;
  background:#fff;
  padding:22px 28px;
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top: 30px;
}

.routine-bottom .left-section{
  display:flex;
  align-items:center;
  gap:18px;
}

.routine-bottom .icon-circle{
  width:60px;
  height:60px;
  border:1px solid #d8d8d8;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.routine-bottom .icon-circle img{
  width:26px;
}

.routine-bottom .text-content h2{
  font-size: 22px;
  font-weight:700;
  color:#081c3a;
  margin-bottom:8px;
  line-height:1;
}

.routine-bottom .text-content p{
  font-size:16px;
  color:#1c1c1c;
  line-height:1.2;
}

.routine-bottom .right-section{
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  gap:28px;
}

.routine-bottom .guide-link{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  color:#0b6d8c;
  font-size:22px;
  font-weight:500;
  white-space:nowrap;
}

.routine-bottom .divider{
  width:1px;
  height:48px;
  background:#d8d8d8;
}

.routine-bottom .call-btn{
  display:flex;
  align-items:center;
  gap:14px;
  border:2px solid #8ec5d2;
  border-radius:12px;
  padding:14px 24px;
  text-decoration:none;
  color:#0b6d8c;
  font-size:18px;
  font-weight:600;
  transition:0.3s ease;
  white-space:nowrap;
}

.routine-bottom .call-btn:hover{
  background:#f5fbfd;
}

.routine-bottom .call-btn img,
.routine-bottom .guide-link img {
  width:24px;
}



/*-- 2nd part --*/


.skin-box{
    width:100%;
    overflow:hidden;
}

/* =========================
   HEADER
========================= */

.top-content{
    padding:22px 24px 10px;
}

.second_head .title{
    font-size:20px;
    font-weight:600;
    color:#2678A9;
    text-transform:uppercase;
    margin-bottom:6px;
}

.second_head .subtitle{
    font-size:13px;
    color:#0344e6;
    margin-bottom:18px;
}

/* =========================
   TABLE
========================= */

.skin-table {
    width:100%;
    border-radius: 8px;
    border: 1px solid #e7ebf2;
}

.skin-table table {
  width:100%;
  border-collapse:collapse;
}

.skin-table thead th{
    padding:14px 14px;
    border-bottom:1px solid #e7ebf2;
    color:#4d5f87;
    font-size:16px;
    font-weight:700;
}

.skin-table tbody td{
    padding:13px 14px;
    border-bottom:1px solid #eef1f6;
    font-size:15px;
    color:#344054;
	text-align: center;
}

.skin-table th:first-child,
.skin-table td:first-child{
/*     width:58%; */
    text-align:left;
    color: #0344e6;
}

.skin-table th:nth-child(2),
.skin-table th:nth-child(3),
.skin-table td:nth-child(2),
.skin-table td:nth-child(3){
/*     width:21%; */
    text-align:center;
    border-left:1px solid #eef1f6;
}

/* =========================
   COLUMN LABEL
========================= */

.label-flex{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}


.label-flex svg{
    width:18px;
    height:18px;
    stroke:#5b5bd6;
}

/* =========================
   CUSTOM RADIO
========================= */

.radio-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
}

.custom-radio{
    appearance:none;
    -webkit-appearance:none;

    width:18px;
    height:18px;

    border:2px solid #bcc4d4;
    border-radius:50%;

    cursor:pointer;
    position:relative;
    transition:0.2s ease;
    background:#fff;
}

/* checked state */

.custom-radio:checked{
    border-color:#007c91;
}

.custom-radio:checked::after{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#007c91;

    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

/* hover */

.custom-radio:hover{
    border-color:#7d8cb3;
}

/* dash */

.dash{
    color:#7d8798;
    font-size:18px;
    font-weight:600;
}

/* =========================
   FOOTER
========================= */

.bottom-bar {
  width: 100%;
  padding: 10px 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.help-bar {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f8f9fc;
  overflow: hidden;
}

.help-item {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  color: #3c43b7;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
}

.help-item img {
  width: 26px;
}

.help-item span,
.help-item a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  color: #3c43b7;
}

.divider {
  width: 1px;
  height: 28px;
  background: #e5e5e5;
}

.phone-number {
  font-weight: 700;
}


.condition-box {
  width:100%;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:20px 25px;
}

.condition-top-section{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom: 15px;
}

.condition-box .check-icon{
  width:28px;
  height:28px;
  border-radius:50%;
  background:#0d7a8a;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:16px;
  flex-shrink:0;
}

.condition-box .check-icon img {
	filter: brightness(100);
}

.condition-box .bottom-menu{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #ececec;
  padding-top:18px;
  flex-wrap:wrap;
  gap:30px;
}

.condition-box .menu-item{
  flex:1;
  min-width:160px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  position:relative;
  color:#233876;
  font-size:16px;
  font-weight:600;
}

.condition-box .menu-item:not(:last-child)::after{
  content:"";
  position:absolute;
  right:-8px;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:32px;
  background:#d9d9d9;
}

.condition-box .icon{
  font-size:28px;
  color:#233876;
}


.routine-choose {
  width: 100%;
}


.routine-wrapper{
  display:flex;
  gap:28px;
  flex-wrap:wrap;
  max-width:950px;
}

/* Hide Original Radio */
.routine-card input[type="radio"]{
  display:none;
}

.routine-card{
  flex:1;
  min-width:320px;
  cursor:pointer;
}

.routine-content{
  position:relative;
  display:flex;
  align-items:center;
  gap:22px;
  padding:28px 30px;
  border:2px solid #ececf2;
  border-radius:10px;
  background:#fff;
  transition:0.3s ease;
  min-height:140px;
}

/* Radio Circle */
.radio-circle{
  position:absolute;
  top:18px;
  left:18px;
  width:24px;
  height:24px;
  border:3px solid #6d6ee8;
  border-radius:50%;
  background:#fff;
  transition:0.3s;
}

/* Active Radio Fill */
.routine-card input[type="radio"]:checked + .routine-content .radio-circle{
  border-color:#0d7c91;
}

.routine-card input[type="radio"]:checked + .routine-content .radio-circle::after{
  content:"";
  width:10px;
  height:10px;
  background:#0d7c91;
  border-radius:50%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

/* Active Border */
.routine-card input[type="radio"]:checked + .routine-content{
  border-color:#6dc5d2;
  box-shadow:0 0 0 2px rgba(109,197,210,0.15);
}

.routine-card input[type="radio"]:checked + .routine-content .icon-box {
  background: #edf4f6;
}

/* Icon Circle */
.icon-box{
  width:72px;
  height:72px;
  border-radius:50%;
  background:#f5f5f7;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-left:20px;
}

.icon{
  font-size:38px;
  color:#0d7c91;
}

.routine-text h3{
  font-size:20px;
  color:#1f2d8f;
  margin-bottom:8px;
  font-weight:700;
}

.routine-text p{
  font-size:14px;
  line-height:1.5;
  color:#24348c;
}


/*-- 3rd part --*/



.routine-table-wrapper {
  width:100%;
  overflow:hidden;
  background:#fff;
  border:1px solid #e5e9f2;
  border-radius:12px;
  margin-bottom: 20px;
}

.routine-table-box {
  width:100%;
  overflow-x:auto;
}


.routine-table-wrapper table{
  width:100%;
  border-collapse:collapse;
}

.routine-table-wrapper table thead {
  background:#fafbfd;
}

.routine-table-wrapper table thead th {
  padding:10px 15px;
  font-size:14px;
  color:#273b90;
  font-weight:700;
  text-transform:uppercase;
  border-bottom:1px solid #e8edf5;
  text-align:left;
}

.routine-table-wrapper table tbody td {
  padding:18px 20px;
  border-bottom:1px solid #edf1f7;
  vertical-align:middle;
  color:#26388d;
  font-size:15px;
  line-height:1.5;
}

.routine-table-wrapper table tbody tr:hover{
  background:#fafcff;
}

/* AREA */
.routine-table-wrapper table .area-box{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:170px;
}

.routine-table-wrapper table .area-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  color:#6470c7;
}

.routine-table-wrapper table .area-name{
  font-weight:700;
  color:#26388d;
}

/* CONDITION */
.routine-table-wrapper table .condition{
  color:#394b9c;
  font-weight:600;
}

/* PRODUCT */
.routine-table-wrapper table .routine-box{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:300px;
}

.routine-table-wrapper table .product-images{
  display:flex;
  align-items:flex-end;
  gap:8px;
}

.routine-table-wrapper table .product{
  width:34px;
  height:72px;
  background:#ffffff;
  border:1px solid #dbe2f0;
  border-radius:8px;
  position:relative;
  box-shadow:0 2px 6px rgba(0,0,0,0.05);
  display: flex;
  align-items: center;
  justify-content: center;
}

.routine-table-wrapper table .product.small{
  width:42px;
  height:52px;
  border-radius:10px;
}

.routine-table-wrapper table .routine-title{
  font-size:14px;
  font-weight:600;
  color:#2140a0;
  margin-bottom:6px;
}

.routine-table-wrapper table .tag{
  display:inline-block;
  background:#c9f0cb;
  color:#398248;
  padding:4px 10px;
  border-radius:6px;
  font-size:12px;
  font-weight:700;
}

/* DESCRIPTION */
.routine-table-wrapper table .description{
  color:#3c4f9f;
  max-width:360px;
  line-height:1.6;
  font-weight:500;
}

/* BUTTON */
.routine-table-wrapper table .action-btn{
  background:#0a2e9b;
  color:#fff;
  border:none;
  padding:14px 28px;
  border-radius:7px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  min-width:150px;
  transition:0.3s;
}

.routine-table-wrapper table .action-btn:hover{
  opacity:0.9;
}

.routine-table-wrapper table .contact-link{
  color:#2140a0;
  font-weight:700;
  line-height:1.7;
  text-align:center;
}

/* FOOTER */
.cart-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 24px;
  background:#fff;
  flex-wrap:wrap;
  gap:20px;
}

.footer-left{
  display:flex;
  align-items:center;
  gap:16px;
}

.cart-icon{
  width:56px;
  height:56px;
  border-radius:50%;
  background:#eef3fb;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  color:#2140a0;
}

.footer-title{
  font-size:18px;
  font-weight:700;
  color:#2140a0;
  margin-bottom:5px;
}

.footer-sub{
  color:#6676b0;
  font-size:14px;
}

.subtotal{
  font-size:16px;
  font-weight:700;
  color:#24388f;
}

.subtotal span{
  margin-left:20px;
  font-size:30px;
}

.routine-table-wrapper .add-all-btn{
  background:#005f82;
  color:#fff;
  border:none;
  padding:16px 40px;
  border-radius:8px;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  min-width:260px;
}

.routine-table-wrapper .add-all-btn:hover {
	background: #07739a;
}

.skip-text{
  margin-top:8px;
  font-size:13px;
  color:#7b88b7;
  text-align:center;
}





.support-help-wrapper {
  width: 100%;
  background: #fff;
  border: 1px solid #e7eaf3;
  border-radius: 10px;
  padding: 18px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.support-help-item {
  display: flex;
  align-items: center;
}

.center-item {
  gap: 12px;
}

.support-help-text h3 {
  font-size: 20px;
  font-weight: 600;
  color: #1f2d5c;
  margin-bottom: 6px;
}

.support-help-text p {
  font-size: 16px;
  color: #6b7280;
}

.support-icon {
  width: 40px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #1f3fbf;
  background: #fff;
}

.support-info h4 {
  font-size: 16px;
  font-weight: 600;
  color: #1f2d5c;
  margin-bottom: 5px;
}

.support-info p,
.support-info a {
  font-size: 16px;
  color: #4b5563;
  text-decoration: none;
}

.support-divider {
  width: 1px;
  height: 55px;
  background: #e5e7eb;
}

.guide-image img {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  object-fit: cover;
}


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

  .routine_container .head {
    padding-top: 50px;
  }

  .routine_container .head h1 {
    font-size: 32px;
  }

  .routine-bottom {
    padding: 15px 20px;
    margin-top: 20px;
    gap: 16px;
  }

  .routine-bottom .icon-circle {
    width: 50px;
    height: 50px;
  }

  .routine-bottom .right-section {
    gap: 20px;
  }

  .routine-bottom .call-btn {
    gap: 12px;
    padding: 10px 20px;
    font-size: 16px;
  }


  /*  2nd part responsive  */

  .back {
    margin-bottom: 15px;
  }

  .top-content {
    padding: 16px 18px 10px;
  }

  .second_head .title {
    font-size: 18px;
  }

  .skin-table {
    overflow-x: auto;
  }

  .skin-table table {
    width: 800px;
  }

  .skin-table thead th,
  .routine-table-box table tbody th {
    padding: 10px;
    font-size: 15px;
  }

  .skin-table tbody td,
  .routine-table-box table tbody td {
    padding: 10px;
    font-size: 14px;
  }


  .bottom-bar {
    padding: 10px 18px;
  }

  .help-bar {
    flex-wrap: wrap;
  }

  .help-item {
    padding: 10px 15px;
    font-size: 14px;
  }

  .help-item img {
    width: 20px;
  }

  .condition-box {
    padding: 15px 20px;
  }

  .condition-top-section {
    gap: 10px;
    margin-bottom: 5px;
  }

  .second_head .subtitle {
    margin-bottom: 10px;
  }

  .condition-box .check-icon {
    width: 24px;
    height: 24px;
  }

  .condition-box .bottom-menu {
    padding-top: 10px;
    flex-wrap: wrap;
    gap: 20px;
  }

  .condition-box .menu-item {
    min-width: auto;
    font-size: 14px;
  }


  .routine-card {
    min-width: 45%;
  }

  .routine-content {
    gap: 18px;
    min-height: 110px;
    padding: 20px 22px;
  }

  .routine-content .icon-box {
    width: 55px;
    height: 55px;
    margin-left: 10px;
  }

  .routine-text h3 {
    font-size: 18px;
    margin-bottom: 4px;
  }

  .radio-circle {
    top: 12px;
    left: 12px;
    width: 20px;
    height: 20px;
  }
	
	
	.label-flex img {
		width: 30px;
	}




  /*  3rd part responsive  */


  .routine-table-box table {
    min-width: 1200px;
  }

  .routine-table-wrapper table .routine-box {
    gap: 12px;
    min-width: 260px;
  }

  .routine-table-wrapper table .area-icon {
    width: 36px;
    height: 36px;
  }


  .cart-footer {
    padding: 15px 20px;
    gap: 15px;
  }

  .footer-left {
    gap: 10px;
  }

  .footer-title {
    font-size: 16px;
  }

  .add-all-btn {
    padding: 12px 30px;
    font-size: 14px;
    min-width: 200px;
  }

  .subtotal span {
    margin-left: 15px;
    font-size: 22px;
  }

  .support-help-wrapper {
    flex-wrap: wrap;
    padding: 12px 20px;
    gap: 10px;
  }

  .support-help-text h3 {
    font-size: 18px;
  }

  .support-help-text p {
    font-size: 16px;
  }

  .support-icon {
    width: 30px;
    height: 30px;
  }

  .support-info h4 {
    font-size: 14px;
    margin-bottom: 0;
  }

  .support-info p, 
  .support-info a {
    font-size: 14px;
  }

  .center-item {
    gap: 8px;
  }


}

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


  .routine_container {
    padding: 10px;
  }

  .routine_container .step {
    font-size: 12px;
    padding: 6px 10px;
  }

  .routine_container .head h1 {
     font-size: 22px;
     margin-bottom: 0;
  }

  .routine_container .head .subtitle {
    font-size: 16px;
  }

  .routine_container .head .desc {
    font-size: 12px;
  }

  .routine_container .grid {
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
  }

  .routine_container .tall, .routine_container .box_wrap:nth-child(4) {
    grid-row: 1;
  }

  .routine_container .box {
    padding: 10px 5px;
  }

  .routine_container .label {
    font-size: 12px;
  }

  .routine_container .continue_btn {
    padding: 14px 0;
    font-size: 16px;
  }

  .routine-bottom {
    padding: 10px 15px;
  }

  .routine-bottom .left-section {
    gap: 10px;
  }

  .routine-bottom .icon-circle {
    width: 45px;
    height: 45px;
  }

  .routine-bottom .icon-circle img {
    width: 20px;
  }

  .routine-bottom .text-content h2 {
    font-size: 18px;
  }

  .routine-bottom .text-content p {
    font-size: 14px;
  }

  .routine-bottom .right-section {
    gap: 10px;
  }

  .routine-bottom .guide-link {
    font-size: 18px;
  }

  .routine-bottom .call-btn {
    gap: 12px;
    padding: 8px 16px;
    font-size: 15px;
  }

  .routine-bottom .call-btn img, 
  .routine-bottom .guide-link img {
    width: 20px;
  }

  .routine-bottom .divider {
    height: 38px;
  }



  /*  2nd part mobile  */


  .back {
    font-size: 13px;
    margin-bottom: 10px;
  }

  .back img {
    width: 18px;
  }

  .top-content,
  .bottom-bar {
    padding: 10px;
  }

  .second_head .title {
    font-size: 15px;
  }

  .help-item {
      padding: 6px 10px;
      font-size: 13px;
      gap: 8px;
  }

  .help-item span,
  .help-item a {
    flex-wrap: wrap;
    gap: 6px;
  }

  .condition-box {
      padding: 10px 12px;
  }

  .condition-box .bottom-menu {
    gap: 10px;
  }


  .routine-card {
    min-width: 100%;
  }

  .routine-content {
    gap: 12px;
    min-height: auto;
    padding: 15px 15px;
  }

  .radio-circle {
    top: 5px;
    left: 6px;
    width: 16px;
    height: 16px;
  }

  .routine-card input[type="radio"]:checked + .routine-content .radio-circle::after {
    width: 6px;
    height: 6px;
  }


  .routine-text h3 {
    font-size: 15px;
  }

  .routine-text p {
    font-size: 13px;
    line-height: 1.3;
  }




  /*  3rd part mobile  */


  .routine_container .head {
    margin-bottom: 10px;
  }

  .cart-footer {
    padding: 10px 15px;
    gap: 10px;
  }
	
	.footer-left {
		align-items: flex-start;
	}

  .cart-icon {
    width: 38px;
    height: 38px;
  }
	
	.footer-left .cart-icon + div {
		flex: 1;
	}

  .cart-icon img {
    max-width: 100%;
  }

  .support-help-wrapper {
    flex-wrap: wrap;
    padding: 10px 20px;
    gap: 8px;
  }

  .support-help-text h3 {
    font-size: 16px;
  }

  .support-help-text p {
    font-size: 13px;
  }

  .support-icon {
    width: 20px;
    height: 20px;
  }

  .guide-image img {
    width: 34px;
    height: 34px;
  }


  .subtotal {
    font-size: 14px;
  }

  .subtotal span {
    margin-left: 10px;
    font-size: 18px;
  }

  .add-all-btn {
    min-width: auto;
  }
	
  .routine-table-wrapper table .action-btn {
    min-width: 100px;
    padding: 10px 18px;
    font-size: 14px;
  }

}

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

  .support-help-wrapper {
    gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .support-divider {display: none;}

}



@media only screen and (min-width: 767px){
    .how-it-works-section .elementor-widget-icon-box:after{
        content: ''; position: absolute; left: 68%; top: 0px; height: 40px; width: 68%; display: block;
        background: url(/wp-content/themes/hello-elementor-child/assets/images/wings.svg) center center no-repeat;
    }
    .how-it-works-section .elementor-widget-icon-box:last-child:after{display: none;}

    .footer-nav nav ul .menu-item a{
        justify-content: flex-start !important;
    }
}


@media screen and (min-width: 768px) and (max-width: 1200px){
    .aqu-work-week .after-1week img,
    .aqu-work-week .after-2week img,
    .aqu-work-week .after-3week img{
        max-width: 165px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1490px) {
    body:not(.rtl) .elementor-15 .elementor-element.elementor-element-10b1c25 {
        right: 10px !important;
    }
}

@media only screen and (max-width: 1250px) and (min-width: 1025px){
    .banner_wrap h2.elementor-heading-title{
        font-size: 57px !important;
    }
}

@media only screen and (max-width: 1024px){
    .banner_wrap{
        background-position: top left 60% !important;
    }

    .header-right_feature .elementor-widget-icon-box{
        position: relative !important; left: 0 !important; top: 0 !important;
    }

    .home-quiz-container .options.grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .aqu-work-step-left .elementor-widget-image:after {
        width: 180px; height: 130px; right: -70px; bottom: -80px;
    }
    .aqu-work-step-right .elementor-widget-image:after{
        height: 130px; left: -70px; bottom: -80px;
    }   
    
    .testimonial-section-wrap .swiper .elementor-swiper-button-prev{
     right: calc(50% + 5px) !important;
        left: auto !important;
    }
    .testimonial-section-wrap .swiper .elementor-swiper-button-next{
     left: calc(50% + 5px) !important;
        right: auto !important;
    }
 
}

@media only screen and (max-width: 767px){
    .banner_wrap{
        background-position: top left !important;
    }

    .custom-product-category .products > .product-category a{
        width: 225px; height: 225px; margin: auto;
    }

    .header-user-list .user-list-selected figure{width: 30px; height: 30px;}
    .header-user-list .user-list-selected span{display: none;}

    .ami-table-wrap table th, .ami-table-wrap table td {padding: 16px 20px;}
    .ami-table-wrap table thead th{font-size: 19px;}
    .ami-table-wrap table tbody td.ingredient-cell strong{font-size: 18px;}
    .ami-table-wrap table tbody td.ingredient-cell .benefit-text{font-size: 16px;}

    .aqu-work-step-left .elementor-widget-image:after, 
    .aqu-work-step-right .elementor-widget-image:after {display: none;} 
    
    .after-2week .elementor-widget-image::after,
    .after-3week .elementor-widget-image::after{
        background-position: center top 20px;
        right: 0px; top: 100%;
        width: 100%; height: 118px;  transform: translateY(0);
    } 
    

    .ingredients-team-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-title,
    .ingredients-team-second-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-title{
        padding-left: 0px;
    }
    .ingredients-team-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-description,
    .ingredients-team-second-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-description{
        padding: 20px;
    }
    .ingredients-team-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-description::before,
    .ingredients-team-second-box .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-description::before{
        left: 0; width: 100%; border-bottom-right-radius: 30px;
    }
    .ingredients-team-box .elementor-widget-image-box:nth-child(even) .elementor-image-box-description,
    .ingredients-team-second-box .elementor-widget-image-box:nth-child(even) .elementor-image-box-description{
        float: none;
    }
    .ingredients-team-box .elementor-widget-image-box:nth-child(even) .elementor-image-box-description::before,
    .ingredients-team-second-box .elementor-widget-image-box:nth-child(even) .elementor-image-box-description::before {
        right:0; left: auto;
        border-bottom-left-radius: 30px; border-bottom-right-radius: 0;
    }

    .text-img_alt .e-con-inner > .elementor-element,
    .skin-types_block .e-con-inner .elementor-element-343b631{
        display: block;
    }
}

@media only screen and (max-width: 600px){
    .header-right_feature .elementor-widget-icon-box{
        position: relative !important; left: 0 !important;
    }

    .home-quiz-container .options.grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .quiz_right .progress-container {        
        padding: 25px;
    }
    .quiz_right .content .options {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-quiz-navigation{flex-direction: column;}
    .home-quiz-navigation button.full_quiz{margin-left: inherit;}

    .quiz_right .content .option {
        padding: 20px 25px 20px 15px;
    }
}

@media only screen and (max-width: 376px) {
    .elementor-9 .elementor-element.elementor-element-b65f806 img {
        width: 220px !important;
    }
}



@media screen and (max-width: 767px) {
	
	.comment-form-cookies-consent {
		display: flex;
		align-items: flex-start;
		gap: 5px;
	}
	
	.comment-form-cookies-consent input {
		margin-top: 0;
	}
	
	.elementor-custom-embed-play svg {
		width: 50px !important;
    	height: 50px !important;
		margin-top: 100% !important;
	}
	
}