/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html,body{
    overflow-x: hidden;
    scroll-behavior: auto !important;
}

/* Header Section */

.header-section .menu-item-984{
    display: none !important;
}
.elementor-icon-wrapper {
    display: flex;
}
.all-btn .elementor-button-icon svg {
    font-size: 50px;
}
.all-btn .elementor-button-content-wrapper {
    align-items: center;
}
.all-btn .elementor-button .elementor-button-icon svg{
    transition: 0.3s;
}
.all-btn .elementor-button:hover .elementor-button-icon svg{
    transform: rotate(45deg);
}
.header-section .current-menu-item a{
	position: relative;
}
.header-section .current-menu-item a::after{
    position: absolute;
    content: "";
    background: #3E7A70 !important;
    width: 6px;
    height: 6px;
    bottom: -17px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
}
.search-main .e-search-submit:hover svg{
	transform: rotate(45deg);
}
.prduct-popup .dialog-widget-content a{
	padding: 10px;
	border-radius: 100%;
}

/* Search Page */

.search-con-main .elementor-posts-nothing-found {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
}

/* Home Page */

.scrolldown .elementor-icon-wrapper {
	display: flex;
	z-index: 2 !important;
}
.scrolldown .elementor-icon{
	position: relative;
}
.scrolldown .elementor-icon::after{
	position: absolute;
	content: "";
	width: 110px;
	height: 110px;
	background-image: url("https://taiyokagakuindia.com/wp-content/uploads/2025/12/SCROLL-DOWN-SCROLL-DOWNN-.png");
	background-repeat: no-repeat;
	background-size: contain;
	top: -23%;
	left: -22%;
	animation: spin 10s linear infinite;
}
@keyframes spin {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
.logo-section .swiper-wrapper {
    transition-timing-function: linear !important;
}
.logo-section img{
	padding: 5px;
}
.logo-section img:hover{
    box-shadow: 0px 0px 78px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.about-img-after{
	position: relative;
}
.about-img-after::after{
	position: absolute;
	content: "";
	width: 120px;
	height: 120px;
	background-image: url('https://taiyokagakuindia.com/wp-content/uploads/2025/12/circle.svg');
	background-repeat: no-repeat;
	background-size: contain;
	top: -60px;
	left: -50px;
	z-index: -1;
	animation: iconPulse 2s infinite ease-in-out;
}
@keyframes iconPulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

.about-img-after::before {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    background-image: url('https://taiyokagakuindia.com/wp-content/uploads/2025/12/Dot-Grid.png');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -10px;
    right: -40px;
    z-index: -1;
}
.cat-main h4{
	transition: 0.3s !important;
}
.cat-main:hover h4{
	color: #59C48E !important;
	border-bottom: 1px solid;
}
.cat-main .cat-img{
	transition: 0.3s !important;
}
.cat-main:hover .cat-img{
	background: linear-gradient(90deg, #4E9A88 0%, #59C48E 100%);
}
.cat-main{
	background-size: cover !important;
}
.testimonial-leftpadding{
	padding-left: calc((100% - 1460px) / 2) !important;
}
.testimonial-main .elementor-swiper-button{
	display: none !important;
}
 /* .blog-main .elementor-button{
	background-image: url("https://dev.wordpress-developer.us/taiyo/wp-content/uploads/2025/12/buttonicon.svg");
	background-repeat: no-repeat;
	background-size: 55px;
	background-position: center right 3px;
} */
.blog-loop-main:hover h4{
	color: #454545 !important;
}
.blog-h4-title h4{
	white-space: nowrap; 
	width: 300px; 
	overflow: hidden;
	text-overflow: ellipsis; 
}
.cat-main {
    background-size: 100% 100% !important;
    transition: background-size 0.5s ease-in-out !important; /* Only here */
}

.cat-main:hover {
    background-size: 120% 120% !important; /* Add both x & y for consistency */
}



/* Contact Page */

.contact-main .gfield_required{
	display: none !important;
}
.contact-main input:not([type="submit"]),
.contact-main select{
	border: 1px solid #DFDFDF;
    border-radius: 30px;
    height: 50px;
	padding: 20px !important;
	outline: none;
}
.contact-main input:not([type="submit"]):focus,
.contact-main select:focus{
	border: 1px solid #3E7A70 !important;
}
.contact-main input[type="email"]{
	text-transform: lowercase;
}
.contact-main .gfield_label,
.contact-main select{
    font-family: Poppins !important;
    font-weight: 400 !important;
    font-size: 16px !important;
	margin-bottom: 14px !important;
    color: #959595;
}
.contact-main .gfield_consent_label{
    font-family: Poppins !important;
    font-weight: 400 !important;
    font-size: 16px !important;
	line-height: 24px !important;
    color: #959595;
}
.contact-main .gfield_checkbox input,
.contact-main .ginput_container_consent input{
	height: 30px;
}
.contact-main .ginput_container_consent{
	display: flex;
    gap: 20px;
}
.contact-main .gfield_checkbox label{
	font-family: Poppins !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #959595;
}
.contact-main select {
	padding:0px 20px 0px 20px !important;
	background-color: #fff;
}
.contact-main .textarea{
	border: 1px solid #DFDFDF;
    border-radius: 20px;
    height: 175px !important;
	padding: 20px !important;
	resize: none;
	outline: none;
}
.contact-main .textarea:focus{
	border: 1px solid #3E7A70 !important;
}
.contact-main .gform_fields{
	grid-row-gap: 30px !important;
}
.contact-main .gform-footer {
	    margin: 0 !important;
    padding: 15px 0 0 0 !important; 
}
.contact-main .active-field .gfield_label{
	color: #454545;
	transition: 0.3s;
}
.contact-main input[type="submit"]{
	margin-bottom: 0 !important;
	background-color: #3E7A70;
	border: none;
	border-radius: 60px;
	padding: 18px 35px;
	font-family: Poppins;
	font-weight: 500;
	font-size: 16px;
	color: #FFFFFF;
	transition: 0.3s;
}
.contact-main input[type="submit"]:hover{
	background-color: #FAB81C;
	color: #454545;
}
.contact-main .gform_confirmation_message_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
	font-weight: 600
}
.contact-main .gform_confirmation_message_1 img{
	width: 50px;
}

.check_mark{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 50%;
  position: relative;
}
.sa-icon.sa-success {
  border-color: #3E7A70;
}
.animateSuccessTip {
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  animation: animateSuccessLong 0.75s;
}

.sa-icon .sa-line {
  height: 5px;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sa-icon.sa-success .sa-line {
  background-color: #4CAF50;
}

.sa-icon.sa-success .sa-line.sa-tip {
    width: 23px;
    left: 14px;
    top: 40px;
    transform: rotate(45deg);
}
.sa-icon.sa-success .sa-line.sa-long {
	width: 38px;
	right: 8px;
	top: 33px;
	transform: rotate(-45deg);
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

/* Product Page */

/* .hover-image img{
	opacity: 0;
}
.loop-content .elementor-widget-theme-post-excerpt{
	display: none;
}
.product-main-loop .hover-image img{
	transition: 0.4s;
}
.product-main-loop:hover .hover-image img{
	opacity: 1;
}
.product-main-loop .loop-content .elementor-widget-theme-post-excerpt{
	transition: 0.4s;
}
.product-main-loop:hover .loop-content .elementor-widget-theme-post-excerpt{
	display: block;
	color: #FFFFFF;
}
.product-main-loop .loop-content{
	transition: ease-in-out 0.4s;
}
.product-main-loop:hover .loop-content{
	position: absolute;
	bottom: 95px;
}
.product-main-loop .loop-content h4{
	transition: 0.4s;
}
.product-main-loop:hover .loop-content h4{
	color: #FFFFFF;
}
.product-main-loop .loop-content .pro-icon{
	transition: 0.4s;
}
.product-main-loop:hover .loop-content .pro-icon{
	margin: 0 !important;
} */

.proloop-main .proloop-two{
	/* display: none !important; */
	position: absolute;
	scale: 0;
	transition: ease-in-out 0.4s !important;
}
.proloop-main .proloop-one{
	transition: ease-in-out 0.3s !important;
}
.proloop-main:hover .proloop-one{
	/* display: none; */
	scale: 0;
}
.proloop-main:hover .proloop-two{
	/* display: block !important; */
	scale: 1;
}
.Product-sec-main .product-filter-wrapper {
    display: flex;
    justify-content: space-between;
	align-items: center;
}
.Product-sec-main .filter-buttons{
    border: 1px solid #E2E2E2;
    padding: 9px;
    border-radius: 100px;
    display: flex;
    gap: 15px;
}
.Product-sec-main .filter-btn {
	padding: 18px 27px;
	border-radius: 100px;
	font-family: 'DM Sans';
	font-weight: 400;
	font-size: 18px;
	color: #333333;
	transition: 0.3s;
}
.Product-sec-main .filter-btn:hover{
	background-color: #3E7A70;
	color: #FDFDFD;
}
.Product-sec-main .filter-btn.active{
	background-color: #3E7A70;
	color: #FDFDFD;
}
.Product-sec-main .sort-dropdown{
	position: relative;
}
.Product-sec-main .sort-dropdown::after{
    position: absolute;
    content: "Sort by:";
    top: 50%;
    left: -30px;
    transform: translate(-100%, -50%);
    font-family: DM Sans;
    font-weight: 400;
    font-size: 18px;
}
.Product-sec-main .sort-dropdown::before{
	position: absolute;
	content: "";
	width: 11px;
	height: 11px;
	background-image: url('https://taiyokagakuindia.com/wp-content/uploads/2025/12/uparrow.png');
	background-repeat: no-repeat;
	top: 50%;
	left: -12px;
	transform: translate(-100%, -20%);
}
.Product-sec-main select {
	appearance: none;
	-webkit-appearance: none;
	border: none;
	background: #F1F1F1;
	border-radius: 10px;
	padding: 15px 30px;
	font-weight: 400;
	font-family: 'DM Sans';
	font-size: 18px;
	color: #333333;
}

/* Blog Page */

.blogpagemain .elementor-loop-container.elementor-grid {
    display: var(--display) !important;
    flex-wrap: wrap !important;
}
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item {
    width: 31.9% !important;
    margin-bottom: 20px !important;
}
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(1),
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(2){
    width: 48.9% !important;
}
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(5n+1),
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(5n+2){
    width: 48.9% !important;
}
.read-btn svg {
    font-size: 10px;
}
.read-btn .elementor-button svg{
	transition: 0.3s;
}
.read-btn .elementor-button:hover svg{
	rotate: 45deg;
}
.blog-loop-main:hover{
	border-bottom: 1px solid #3E7A70 !important;
}
.blogpagemain .page-numbers{
	width: 48px;
	border: 1px solid #F1F1F1 !important;
	border-radius: 100%;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.3s;
}
.blogpagemain .page-numbers:hover{
	background-color: #3E7A70;
}
.blogpagemain .page-numbers.current{
	background-color: #3E7A70;
}
.blogpagemain .elementor-pagination{
	display: flex;
	justify-content: center;
}
.blogpagemain .e-search-submit{
	padding: 0 0px;
	width: 59px;
	height: 59px;
	margin: 7px 7px 0 0;
	display: flex;
	justify-content: center;
}
.blogpagemain .search-filter-label {
    display: none;
}
.blogpagemain .search-filter-input-text {
    border: none;
    box-shadow: 0px 4px 34px 0px rgba(217, 217, 217, 0.3);
    border-radius: 30px;
    padding: 15px 70px 15px 20px;
	position: relative;
}
.blogpagemain .search-filter-input-text::after{
	position: absolute;
	content: "";
	width: 44px;
	height: 44px;
	background-image: url("https://taiyokagakuindia.com/wp-content/uploads/2025/12/search.png");
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	right: 20px;
	transform: translate(-50%, -50%);
	display: none;
}
.blogpagemain .search-filter-field--type-control {
    align-items: end !important;
    width: 44px !important;
    height: 44px;
    position: absolute !important;
    right: 0;
    top: 50%;
    transform: translate(-20%, -60%);
}
.blogpagemain .search-filter-input-button{
	position: relative;
	font-size: 0;
    border-radius: 100%;
    padding: 25px !important;
}
.blogpagemain .search-filter-input-button::after{
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background-image: url("https://taiyokagakuindia.com/wp-content/uploads/2025/12/search.svg");
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.blogpagemain .elementor-button-text{
	border-bottom: 1px solid #3E7A70;
}

/* Blog Details */

.blog-description p{
	padding-bottom: 15px;
}
.blog-description a{
	color: #454545;
	border-bottom: 1px solid;
	transition: 0.3s;
} 
.blog-description a:hover{
	color: #3E7A70;
}

/* Product Details Page */

#productTitle {
	font-family: Playfair Display;
	font-weight: 400;
	font-style: Italic;
	font-size: 90px;
	line-height: 1em;
	letter-spacing: -0.16px;
	text-transform: capitalize;
	color: #FAB81C;
}
.product-span{
	font-family: Inter Tight;
	font-style: normal;
	font-weight: 700;
	font-size: 90px;
	line-height: 1em;
	letter-spacing: -0.16px;
	text-transform: capitalize;
	color: #FDFDFD;
}
#productone {
	font-family: Playfair Display;
	font-weight: 400;
	font-style: Italic;
	font-size: 90px;
	line-height: 1em;
	letter-spacing: -0.16px;
	text-transform: capitalize;
	color: #FAB81C;
}
.productone-span{
	font-family: Inter Tight;
	font-weight: 700;
	font-size: 90px;
	line-height: 1em;
	letter-spacing: -0.16px;
	text-transform: capitalize;
	color: #FDFDFD;
	font-style: normal;
}
/* .batch{
    position: relative;
    display: inline-block;
}
.batch img{
    display:block;
    width:100%;
    height:auto;
    position: relative;
    z-index: 3;
}

.batch::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:600px;
    height:600px;
    transform:translate(-50%, -50%);
    pointer-events:none;
    z-index:1;

    background:
        radial-gradient(circle,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,0) 18%,
            rgba(0,0,0,0.04) 18.5%,
            rgba(0,0,0,0) 19%
        ),
        radial-gradient(circle,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,0) 33%,
            rgba(0,0,0,0.04) 33.5%,
            rgba(0,0,0,0) 34%
        ),
        radial-gradient(circle,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,0) 48%,
            rgba(0,0,0,0.04) 48.5%,
            rgba(0,0,0,0) 49%
        ),
        radial-gradient(circle,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,0) 63%,
            rgba(0,0,0,0.03) 63.5%,
            rgba(0,0,0,0) 64%
        );

    animation: ripple 4s infinite linear;
}
@keyframes ripple {
    0%{
        transform:translate(-50%, -50%) scale(0.6);
        opacity:1;
    }
    50%{
        transform:translate(-50%, -50%) scale(1);
        opacity:0.7;
    }
    100%{
        transform:translate(-50%, -50%) scale(1.4);
        opacity:0;
    }
} */

.batch {
    position: relative;
    display: inline-block;
}

.batch img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 3;
}

/* RINGS WITH LINEAR-GRADIENT BORDER */
.batch::before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:250px;
    height:250px;
    transform:translate(-50%, -50%);
    pointer-events:none;
    z-index:1;

    /* MULTIPLE THIN RINGS USING MASK + GRADIENT */
    background:
        conic-gradient(from 250deg, #3E7A70, #FAB81C),
        conic-gradient(from 250deg, #3E7A70, #FAB81C),
        conic-gradient(from 250deg, #3E7A70, #FAB81C),
        conic-gradient(from 250deg, #3E7A70, #FAB81C);

    mask:
        radial-gradient(circle, transparent 0 18%, black 18.2% 18.6%, transparent 18.8% 100%),
        radial-gradient(circle, transparent 0 33%, black 33.2% 33.6%, transparent 33.8% 100%),
        radial-gradient(circle, transparent 0 48%, black 48.2% 48.6%, transparent 48.8% 100%),
        radial-gradient(circle, transparent 0 63%, black 63.2% 63.6%, transparent 63.8% 100%);
    
    mask-composite: add;
    -webkit-mask-composite: xor;
    animation: ripple 4s infinite linear;
}

@keyframes ripple {
    0% {
        transform: translate(-50%, -50%) scale(0.6);
        opacity: 1;
    }
    50% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.7;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.4);
        opacity: 0;
    }
}

.tab-section-main .e-n-tabs-heading {
    border: 1px solid #E1E1E1;
    padding: 30px;
    border-radius: 60px;
}
.tab-section-main thead th{
	background-color: #3E7A70;
	color: #FFFFFF;
	font-family: Poppins;
	font-weight: 600;
	font-size: 16px;
	border-right: 1px solid #6D6D6D;
	padding: 10px;
}
.tab-section-main .e-n-tab-title{
	background-color: transparent !important;
	transition: 0.3s !important;
}
.tab-section-main .e-n-tab-title:hover{
	position: relative;
	transition: 0.3s;
}
.tab-section-main .e-n-tab-title:hover::after{
	position: absolute;
	content: "";
	background-color: #3E7A70;
	width: 100%;
	height: 1px;
	bottom: -30px;
	left: 50%;
	transform: translate(-50%, 0%);
}
.tab-section-main .e-n-tab-title[aria-selected="true"]{
	position: relative;
}
.tab-section-main .e-n-tab-title[aria-selected="true"]::after{
	position: absolute;
	content: "";
	background-color: #3E7A70;
	width: 100%;
	height: 1px;
	bottom: -30px;
	left: 50%;
	transform: translate(-50%, 0%);
}
.tab-section-main .row-2 td, .tab-section-main .row-4 td, .tab-section-main .row-6 td, .tab-section-main .row-8 td, .tab-section-main .row-10 td, .tab-section-main .row-12 td, .tab-section-main .row-14 td{
	background-color: #EDF5F3 !important;
	font-family: Poppins;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5em;
	border-right: 1px solid #DFDFDF !important;
}
.tab-section-main .row-3 td, .tab-section-main .row-5 td, .tab-section-main .row-7 td, .tab-section-main .row-9 td, .tab-section-main .row-11 td, .tab-section-main .row-13 td, .tab-section-main .row-15 td{
	background-color: #FFFFFF !important;
	font-family: Poppins;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5em;
	border-right: 1px solid #DFDFDF !important;
}
.tab-section-main .row-2 .column-1, .tab-section-main .row-3 .column-1, .tab-section-main .row-4 .column-1, .tab-section-main .row-5 .column-1, .tab-section-main .row-6 .column-1, .tab-section-main .row-7 .column-1, .tab-section-main .row-8 .column-1, .tab-section-main .row-9 .column-1, .tab-section-main .row-10 .column-1, .tab-section-main .row11 .column-1, .tab-section-main .row-12 .column-1, .tab-section-main .row-13 .column-1, .tab-section-main .row-14 .column-1, .tab-section-main .row-15 .column-1{
	border-left: 1px solid #DFDFDF !important;
}
.tab-section-main .row-15 td{
	border-bottom: 1px solid #DFDFDF !important;
}
.tab-section-main .tablepress{
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 20px !important;
	overflow: hidden !important;
}
.tab-section-main .tablepress tbody tr:last-child td {
    border-bottom: 1px solid #DFDFDF !important;
}
.tab-section-main .tablepress tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px !important;
}
.tab-section-main .tablepress tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px !important;
}
.tab-section-main td{
	color: #000000 !important;
}
.digestive-section .elementor-icon{
	background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
}
.digestive-section .box-line{
	position: relative;
}
.digestive-section .box-line::after{
	position: absolute;
	content: "";
	width: 1px;
	height: 263px;
	background-image: url('https://taiyokagakuindia.com/wp-content/uploads/2025/12/boxline.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    right: -20px;
    transform: translate(0, -50%);
}
.health-sec .rotate-heading h4{
	writing-mode: vertical-rl;
    transform: rotate(180deg);
}
.health-sec .linear-icon .elementor-icon{
	background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
}

/*counter-sec*/
 
.counter1 .elementor-counter-number-wrapper .elementor-counter-number-wrapper {
	position: absolute;
	top: -20px;
	z-index: 0;
	left: -13px;
	opacity: 0.1;
}
.counter1 > .elementor-counter-number-wrapper {
	position: relative;
}
.counter1 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter1 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 90px;
	font-weight: 700;
	font-family: 'Inter Tight';
	background: linear-gradient(180deg, #EFEDED 0%, #FFFFFF 100%);
}
.counter1 .elementor-counter-number{
	position: relative;
}
.counter1 .elementor-counter-number::after{
	position: absolute;
	content: "";
	width: 30px;
	height: 3px;
	background-color: #4C4C4C;
	bottom: -3px;
	left: 0;
}
.counter1{
	position: relative;
}
.counter1::after{
	position: absolute;
	content: "";
	width: 1px;
	height: 154px;
	background-image: url('https://taiyokagakuindia.com/wp-content/uploads/2026/01/Line2.png');
	background-size: contain;
	background-repeat: no-repeat;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
}

.counter2 .elementor-counter-number-wrapper .elementor-counter-number-wrapper {
	position: absolute;
	top: -20px;
	z-index: 0;
	left: -13px;
	opacity: 0.1;
}
.counter2 > .elementor-counter-number-wrapper {
	position: relative;
}
.counter2 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter1 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 90px;
	font-weight: 700;
	font-family: 'Inter Tight';
	background: linear-gradient(180deg, #EFEDED 0%, #FFFFFF 100%);
}
.counter2 .elementor-counter-number{
	position: relative;
}
.counter2 .elementor-counter-number::after{
	position: absolute;
	content: "";
	width: 30px;
	height: 3px;
	background-color: #4C4C4C;
	bottom: -3px;
	left: 0;
}
.counter2{
	position: relative;
}
.counter2::after{
	position: absolute;
	content: "";
	width: 1px;
	height: 154px;
	background-image: url('https://taiyokagakuindia.com/wp-content/uploads/2026/01/Line2.png');
	background-size: contain;
	background-repeat: no-repeat;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
}

.counter3 .elementor-counter-number-wrapper .elementor-counter-number-wrapper {
	position: absolute;
	top: -20px;
	z-index: 0;
	left: -13px;
	opacity: 0.1;
}
.counter3 > .elementor-counter-number-wrapper {
	position: relative;
}
.counter3 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter1 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 90px;
	font-weight: 700;
	font-family: 'Inter Tight';
	background: linear-gradient(180deg, #EFEDED 0%, #FFFFFF 100%);
}
.counter3 .elementor-counter-number{
	position: relative;
}
.counter3 .elementor-counter-number::after{
	position: absolute;
	content: "";
	width: 30px;
	height: 3px;
	background-color: #4C4C4C;
	bottom: -3px;
	left: 0;
}
.counter3{
	position: relative;
}
.counter3::after{
	position: absolute;
	content: "";
	width: 1px;
	height: 154px;
	background-image: url('https://taiyokagakuindia.com/wp-content/uploads/2026/01/Line2.png');
	background-size: contain;
	background-repeat: no-repeat;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
}

.counter4 .elementor-counter-number-wrapper .elementor-counter-number-wrapper {
	position: absolute;
	top: -20px;
	z-index: 0;
	left: -13px;
	opacity: 0.1;
}
.counter4 > .elementor-counter-number-wrapper {
	position: relative;
}
.counter4 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter1 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 90px;
	font-weight: 700;
	font-family: 'Inter Tight';
	background: linear-gradient(180deg, #EFEDED 0%, #FFFFFF 100%);
}
.counter4 .elementor-counter-number{
	display: none;
}
.counter4 .elementor-counter-number-suffix{
	position: relative;
}
.counter4 .elementor-counter-number-suffix::after{
	position: absolute;
	content: "";
	width: 30px;
	height: 3px;
	background-color: #4C4C4C;
	bottom: -3px;
	left: 0;
}
.counter5 .elementor-counter-number-wrapper .elementor-counter-number-wrapper {
	position: absolute;
	top: -20px;
	z-index: 0;
	left: -13px;
	opacity: 0.1;
}
.counter5 > .elementor-counter-number-wrapper {
	position: relative;
}
.counter5 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter1 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 90px;
	font-weight: 700;
	font-family: 'Inter Tight';
	background: linear-gradient(180deg, #EFEDED 0%, #FFFFFF 100%);
}
.counter5 .elementor-counter-number{
	position: relative;
}
.counter5 .elementor-counter-number::after{
	position: absolute;
	content: "";
	width: 30px;
	height: 3px;
	background-color: #4C4C4C;
	bottom: -3px;
	left: 0;
}
.sunfiber-box{
	position: relative;
}
.sunfiber-box::after{
	position: absolute;
	content: "";
	width: 180px;
	height: 12px;
	background-image: url(./images/arrowline.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: 35%;
	right: 0;
	transform: translate(80%, -100%);
}
.sunfiber-box-awbrk{
	position: relative;
}
.sunfiber-box-awbrk::after{
	position: absolute;
	content: "";
	width: 180px;
	height: 12px;
	background-image: url(./images/arrowline.png);
	background-repeat: no-repeat;
	background-size: contain;
    top: 27%;
    right: 9px;
	transform: translate(80%, -100%);
}
.number-box h1{
    background: linear-gradient(180deg, #EFEDED 0%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.product-icon-linear .elementor-icon{
	background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
}
.proapp-box-main:hover h4, .proapp-box-main:hover p{
	color: #FFFFFF;
}
.proapp-box-main:hover .elementor-divider-separator{
	--divider-color: #FFFFFF;
}
.proapp-box-main:hover .product-icon-linear .elementor-icon{
	background: #FFFFFF;
}
.proapp-box-main:hover .product-icon-linear .elementor-icon svg path{
	fill: #3E7A70;
}
.proapp-box-main:hover .number-box h1{
	background: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #EFEDED;
	display: inline-block;
}
.elementor-widget-off-canvas {
	--e-off-canvas-animation-duration: 300ms !important;
}
.claim-card{
	transition: ease-in-out 0.5s !important;
	height: 420px !important;
}
.claim-card.activebox {
    width: 535px !important;
}
.claim-card .expend-box{
	position: absolute;
	top: 0;
	transform: scale(1);
	opacity: 0;
	height: 0;
}
.claim-card.activebox .expend-box{
	transform: scale(1);
	transition: all 0.5s ease-in-out;
	opacity: 1;
	height: 525px;
}
.claim-card .collapse-box{
	display: flex !important;
	justify-content: center !important;
}
.claim-card.activebox .collapse-box{
	display: none !important;
}

/* About Us */

.line-box-conter{
	position: relative;
}
.line-box-conter::after{
	position: absolute;
	content: "";
	width: 1px;
	height: 58px;
	background-image: url("https://taiyokagakuindia.com/wp-content/uploads/2025/12/Line3.png");
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	right: -20px;
	transform: translate(-50%, -50%);
}
.mission-main .elementor-icon{
	background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
	margin-top: 10px;
}

.commitment-sec .e-n-tab-title[aria-selected="true"]{
	background-color: #FFFFFF !important;
	background-image: url("https://taiyokagakuindia.com/wp-content/uploads/2025/12/arrow-tab.svg") !important;
	background-size: 14px !important;
	background-repeat: no-repeat !important;
	background-position: center right 26px !important;
}
.commitment-sec .e-n-tab-title:hover{
	background-image: url("https://taiyokagakuindia.com/wp-content/uploads/2025/12/arrow-tab.svg") !important;
	background-size: 14px !important;
	background-repeat: no-repeat !important;
	background-position: center right 26px !important;
}
.commitment-sec .e-n-tab-title:hover{
	background-color: #FFFFFF !important;
}
.commitment-sec .e-n-tab-title[aria-selected="true"] .e-n-tab-icon {
    background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
	transition: all 0.5s;
}
.commitment-sec .e-n-tab-title[aria-selected="true"] .e-n-tab-icon{
	transition: all 0.5s;
}
.commitment-sec .e-n-tab-title[aria-selected="true"]:hover .e-n-tab-icon {
    background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
}
.commitment-sec .e-n-tab-icon {
    background: #FFFFFF;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
}
.commitment-sec .e-n-tab-title .e-n-tab-icon{
	transition: all 0.5s;
}
.commitment-sec .e-n-tab-title:hover .e-n-tab-icon {
    background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
}
.commitment-sec .e-n-tab-title .e-n-tab-icon svg path{
	transition: all 0.5s;
}
.commitment-sec .e-n-tab-title:hover .e-n-tab-icon svg path{
	fill: #FFFFFF;
}
.commitment-sec .elementor-counter-number-wrapper{
	position: relative;
}
.commitment-sec .elementor-counter-number-wrapper::after{
	position: absolute;
	content: "";
	width: 84px;
	height: 84px;
	background-image: url("https://taiyokagakuindia.com/wp-content/uploads/2025/12/circle-1.png");
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.quality-box{
	height: 180px !important;
	transition: 0.3s !important;
}
.quality-box:hover{
	border-radius: 20px;
}
.quality-box h4{
	transition: 0.3s;
}
.quality-box:hover h4{
	color: #FFFFFF;
}
.quality-box p{
	transition: 0.3s;
}
.quality-box:hover p{
	color: #FFFFFF;
}
.quality-box img{
	scale: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -35%);
	transition: 0.3s;
}
.quality-box:hover img{
	scale: 1;
}
.quality-box .on-hover-icon{
	scale: 0;
	transition: 0.3s;
}
.quality-box:hover .on-hover-icon{
	scale: 1;
}
.quality-box .default-icon{
	transition: 0.3s;
}
.quality-box .default-icon .elementor-icon{
	background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
}
.quality-box:hover .default-icon{
	display: none !important;
}
 .country-icon .elementor-icon-list-item{
	cursor: pointer;
 }
.country-icon .elementor-icon-list-item .elementor-icon-list-text{
	transition: 0.3s !important;
}
.country-icon .elementor-icon-list-item:hover .elementor-icon-list-text {
    background: linear-gradient(179deg, #007DB7, #FAB81C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.country-box{
	position: relative;
}
.country-box::after{
	position: absolute;
	content: "";
	width: 2px;
	height: 340px;
	background-color: #3E7A70;
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
}
.commitment-sec .elementor-counter-title{
	text-align: center !important;
}

/* About Page Vertical Slider Start */

.thumb-list {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.thumb-list::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 11px;
    width: 96%;
    height: 1px;
    background-color: #808080;
    z-index: 1;
}

.thumb-span {
  background-color: #E1E9FA;
  width: 28px;
  height: 28px;
  margin: 0 auto;
  border-radius: 100%;
  transition: all 300ms ease-in-out;
  transition-delay: 0.2s;
}

.thumb-box {
  cursor: pointer;
  z-index: 1;
}

.thumb-box.active .thumb-span,
.thumb-box:hover .thumb-span {
  background-color: #3E7A70;
}

.thumb-box.active .thumb-box-text,
.thumb-box:hover .thumb-box-text {
  color: #4C4C4C;
}

.thumb-box-text {
	color: #4C4C4C;
	font-family: var(--InterTight);
	font-weight: 700;
	font-size: 24px;
	line-height: 1;
	margin-top: 12px;
	cursor: pointer;
	transition: all 300ms ease-in-out;
	transition-delay: 0.2s;
	font-family: 'Inter Tight' !important;
}

.vsldr-img-wrap {
  position: relative;
}

.vsldr-img-outr {
  border-radius: 20px;
  overflow: hidden;
  transform: scale(0) rotate(0deg);
}

.vsldr-main-item.active .vsldr-img-outr {
  animation: zoomIn 0.3s ease forwards;
  animation-delay: 0.3s;
}

/* Zoom-in animation keyframes */
@keyframes zoomIn {
  0% {
    transform: scale(0) rotate(0deg);
    opacity: 0;
  }

  100% {
    transform: scale(1) rotate(5deg);
    opacity: 1;
  }
}

.vsldr-img-outr img {
	width: 100%;
	height: 494px !important;
	object-fit: cover;
}
.vsldr-img-wrap{
	position: relative;
}
.vsldr-img-wrap::before{
	position: absolute;
	content: "";
	width: 300px;
	height: 300px;
	background-image: url("https://taiyokagakuindia.com/wp-content/uploads/2025/12/Mask-groupasd.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom: -90px;
	left: -150px;
}

.vsldr-img-right {
  position: relative;
}

.vsldr-img-right p {
  transition: all 300ms ease-in-out;
  transition-delay: 0.5s;
  transform: translateY(50px);
  opacity: 0;
}
.vsldr-img-right h4{
	display: none;
}

.vsldr-main-item.active .vsldr-img-right p {
  transform: translateY(0);
  opacity: 1;
}


.vsldr-main-item {
  margin-top: 54px;
}

.stry-sec {
  position: relative;
}

.vsldr-main {
  position: relative;
}

.vsldr-main-inner {
  position: relative;
  height: 100vh;
}
.history .col-lg-6{
	width: 50% !important;
}

.vsldr-main-item:first-child {
  opacity: 1;
} 
.vsldr-main-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.history .row{
	display: flex;
	margin-top: 100px;
	gap: 35px;
}
.vsldr-img-right {
    position: relative;
}
.vsldr-main h2{
	font-family: Inter Tight !important;
	font-weight: 700 !important;
	font-size: 150px !important;
	line-height: 1em !important;
	letter-spacing: -0.16px !important;
	color: #3E7A70 !important;
	margin-left: -110px;
	margin-top: -25px;
	margin-bottom: 0;
}

/* Sunactive ZN */

.superior-section .elementor-icon{
	background: linear-gradient(120deg, #1E7CD6 0%, #3D9FF0 100%);
}
.superior-section:hover .elementor-icon{
	background: #FFFFFF !important;
}
.superior-section:hover .elementor-icon svg path{
	fill: #1E7CD6 !important;
}
.superior-section:hover h4{
	color: #FFFFFF;
}
.superior-section:hover p{
	color: #FFFFFF;
}
.superior-section:hover .elementor-divider-separator{
	border-color: #FFFFFF !important;
}
.technology-section .elementor-icon{
	background: linear-gradient(120deg, #1E7CD6 0%, #3D9FF0 100%);
	outline: solid;
    outline-color: #EEF7FF;
    outline-width: 10px;
}
.prod-app-box:hover .elementor-icon svg path{
	fill: #1E7CD6 !important;
}
.prod-app-box .elementor-icon{
	background: linear-gradient(120deg, #1E7CD6 0%, #3D9FF0 100%);
}
.btnss .elementor-widget-button a:hover{
	border: 2px solid #FFFFFF !important;
}
.sunactivezn{
	background: linear-gradient(120deg, #1E7CD6 0%, #3D9FF0 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	color: transparent !important;
}
.sunactivezn .productone-span{
	background: linear-gradient(120deg, #1E7CD6 0%, #3D9FF0 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	color: transparent !important;
}

/* Sunactive FE */

.sunactivefe{
	background: linear-gradient(120deg, #D64F1E 0%, #A33811 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	color: transparent !important;
}
.sunactivefe .productone-span{
	background: linear-gradient(120deg, #D64F1E 0%, #A33811 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	color: transparent !important;
}
.sunactivefe-box .elementor-icon{
	background: linear-gradient(120deg, #D64F1E 0%, #A33811 100%) !important;
}
.sunactivefe-box:hover .elementor-icon{
	background: #FFFFFF !important;
}
.sunactivefe-box:hover .elementor-icon svg path{
	fill: #A33811 !important;
}
.sunactivefe-box:hover h4{
	color: #FFFFFF;
}
.sunactivefe-box:hover p{
	color: #FFFFFF;
}
.sunactivefe-box:hover .elementor-divider-separator{
	border-color: #FFFFFF !important;
}
.sunactivefe-technology .elementor-icon{
	background: linear-gradient(120deg, #D64F1E 0%, #A33811 100%);
	outline: solid;
    outline-color: #FFF4F0;
    outline-width: 10px;
}
.sunactivefe-pro-box:hover .elementor-icon svg path{
	fill: #A33811 !important;
}
.sunactivefe-pro-box .elementor-icon{
	background: linear-gradient(120deg, #D64F1E 0%, #A33811 100%);
}

/* Sunactive mg */

.sunactivemg{
	background: linear-gradient(120deg, #FFDE1A 0%, #FFA700 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	color: transparent !important;
}
.sunactivemg .productone-span{
	background: linear-gradient(120deg, #FFDE1A 0%, #FFA700 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	color: transparent !important;
}
.sunactivemg-box .elementor-icon{
	background: linear-gradient(120deg, #FFDE1A 0%, #FFA700 100%) !important;
}
.sunactivemg-box:hover .elementor-icon{
	background: #FFFFFF !important;
}
.sunactivemg-box:hover .elementor-icon svg path{
	fill: #FFA700 !important;
}
.sunactivemg-box:hover h4{
	color: #3E7A70;
}
.sunactivemg-box:hover p{
	color: #3E7A70;
}
.sunactivemg-box:hover .elementor-divider-separator{
	border-color: #3E7A70 !important;
}
.sunactivemg-technology .elementor-icon{
	background: linear-gradient(120deg, #FFDE1A 0%, #FFA700 100%);
	outline: solid;
    outline-color: #FFF7E7;
    outline-width: 10px;
}
.sunactivemg-pro-box:hover .elementor-icon svg path{
	fill: #FFA700 !important;
}
.sunactivemg-pro-box .elementor-icon{
	background: linear-gradient(120deg, #FFDE1A 0%, #FFA700 100%);
}

/* Sunactive ISO Q */

.sunactiveiso{
	background: linear-gradient(120deg, #A020F0 0%, #3B0D57 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	color: transparent !important;
}
.sunactiveiso .productone-span{
	background: linear-gradient(120deg, #A020F0 0%, #3B0D57 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	color: transparent !important;
}
.sunactiveiso-box .elementor-icon{
	background: linear-gradient(120deg, #A020F0 0%, #3B0D57 100%) !important;
}
.sunactiveiso-box:hover .elementor-icon{
	background: #FFFFFF !important;
}
.sunactiveiso-box:hover .elementor-icon svg path{
	fill: #3B0D57 !important;
}
.sunactiveiso-box:hover h4{
	color: #FFFFFF;
}
.sunactiveiso-box:hover p{
	color: #FFFFFF;
}
.sunactiveiso-box:hover .elementor-divider-separator{
	border-color: #FFFFFF !important;
}
.sunactiveiso-technology .elementor-icon{
	background: linear-gradient(120deg, #A020F0 0%, #3B0D57 100%);
	outline: solid;
    outline-color: #F1DAFF;
    outline-width: 10px;
}
.sunactiveiso-pro-box:hover .elementor-icon svg path{
	fill: #3B0D57 !important;
}
.sunactiveiso-pro-box .elementor-icon{
	background: linear-gradient(120deg, #A020F0 0%, #3B0D57 100%);
}

/* Suntheanine® Page */

.overview-section .elementor-icon{
	background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
	outline: 1px solid #FFFFFF;
	outline-width: 5px;
}
.patented .elementor-icon{
	background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
	outline: 1px solid transparent !important;
	overflow: hidden;
}
.halal .elementor-icon{
 	position: relative;
}
.halal .elementor-icon::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url('https://taiyokagakuindia.com/wp-content/uploads/2026/01/line.png');
	background-repeat: no-repeat;
	background-size: contain;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 9;
}
.equal-section .elementor-icon{
	outline: 1px solid #DCEBE8;
	outline-width: 5px;
}
.hot-section .elementor-icon-box-title{
	margin: 0 !important;
}
.hot-section .elementor-icon-box-icon{
    margin-top: 4px;
}
.hot-box h4, .hot-box h3{
	transition: all 0.3s;
}
.hot-box:hover h4, .hot-box:hover h3{
	color: #FFFFFF !important;
}
.hot-box .elementor-divider-separator{
	transition: all 0.3s;
}
.hot-box:hover .elementor-divider-separator{
	--divider-color: #FFFFFF;
}
.hot-box .elementor-icon{
	transition: all 0.3s;
}
.hot-box:hover .elementor-icon{
	background-color: #FFFFFF !important;
}
.hot-box .elementor-icon svg path{
	transition: all 0.3s;
}
.hot-box:hover .elementor-icon svg path{
	fill: #3E7A70;
}
.action-section .honey-shape {
    width: 345px;
    height: 299px;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.action-section h2{
	background: linear-gradient(180deg, #FFFFFF 0%, #3E7A70 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	opacity: 0.6;
}
.action-section .honey-shape-border{
	position: relative;
    width: 345px;
    height: 299px;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.action-section .honey-shape-border::before{
	position: absolute;
	content: "";
	width: 342px;
	height: 297px;
	background-color: #FFFFFF;
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.action-section .elementor-icon{
	outline: 1px solid #FFFFFF;
	outline-width: 5px;
}

/* Teavigo */

.teavigo-logo{
	position: relative;
}
.teavigo-logo::after{
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background-image: url('https://dev.wordpress-developer.us/taiyo/wp-content/uploads/2026/01/Line2.png');
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
}
.pahs .elementor-icon{
 	position: relative;
}
.pahs .elementor-icon::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url('https://taiyokagakuindia.com/wp-content/uploads/2026/01/breakline.png');
	background-repeat: no-repeat;
	background-size: contain;
	top: 20%;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 9;
}
.non .elementor-icon{
 	position: relative;
}
.non .elementor-icon::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url('https://taiyokagakuindia.com/wp-content/uploads/2026/01/breakline.png');
	background-repeat: no-repeat;
	background-size: contain;
	top: 20%;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 9;
}

/* Sunphenon */

.range-section .elementor-icon{
	outline: 8px solid rgba(62, 122, 112, 0.1);
}

/* Sunactive */

.key-sec-box:hover h4, .key-sec-box:hover p, .key-sec-box:hover .elementor-divider-separator{
	color: #FFFFFF;
	--divider-color: #FFFFFF;
}
.key-sec-box:hover .elementor-icon{
	background-color: #FFFFFF !important;
}
.key-sec-box:hover .elementor-icon svg path{
	fill: #3E7A70;
}
.clinicaly-section .elementor-icon{
	background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
}
.suitable-section .elementor-icon{
	background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
}

/* Moractiv */
.what-sec-mor{
	position: relative;
}
.what-sec-mor::after{
	position: absolute;
	content: "";
	width: 123px;
	height: 123px;
	border: 5px solid #FAB81C;
	border-radius: 100%;
	top: -50px;
	right: -40px;
	z-index: -1;
}
.what-sec-mor::before{
	position: absolute;
	content: "";
	width: 265px;
	height: 265px;
	border: 5px solid #FAB81C;
	border-radius: 100%;
	bottom: -70px;
	left: -70px;
	z-index: -1;
}

/* Matcha */

.why-chose-sec .elementor-icon{
	background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%);
	outline: 8px solid #FFFFFF;
}

/* Microwave */

.tec-box .elementor-icon{
	background: linear-gradient(120deg, #007DB7 0%, #FAB81C 100%) !important;
}
.tec-box:hover .elementor-icon{
	background: #FFFFFF !important;
}
.tec-box .elementor-icon svg path{
	filter: brightness(0) invert(1);
}
.tec-box:hover .elementor-icon svg path{
	filter: brightness(1.0) invert(0);
}
.tec-box:hover h4, .tec-box:hover p{
	color: #FFFFFF;
}
.tec-box:hover .elementor-divider-separator{
	--divider-color: #FFFFFF;
}

/* Taiset */

.adva-sect .elementor-icon{
	outline: 8px solid rgba(62, 122, 112, 0.1);
}

/* Awabreak */

.key-tech-box .elementor-icon{
	outline: 8px solid rgba(62, 122, 112, 0.1);
}

/* QA */

.iiner-back{
	background-size: 100% 100% !important;
}
.search-filter-input-text__input::placeholder{
	font-weight: 200 !important;
}

/* Feed */
.proloop-main .pro-new-feed{
	background-position: 75% !important;
}
.maxx{
	position: relative;
}
.maxx::after{
	position: absolute;
	content: "";
	width: 150px;
	height: 50px;
	background-image: url('https://taiyokagakuindia.com/wp-content/uploads/2026/02/MAX.png');
	background-repeat: no-repeat;
	background-size: contain;
	top: -20px;
	left: 110px;
}
.gras{
	position: relative;
}
.gras::after{
	position: absolute;
	content: "";
	width: 150px;
	height: 50px;
	background-image: url('https://taiyokagakuindia.com/wp-content/uploads/2026/02/GRAS.png');
	background-repeat: no-repeat;
	background-size: contain;
	top: -20px;
	left: 110px;
}

/* Responsive */

@media screen and (max-width: 1600px){
body > .elementor > .elementor-element, .header .elementor-widget-theme-site-logo, .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading a, 
.header .elementor-widget-theme-site-logo + .elementor-element > .elementor-widget-button, .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading .e-n-menu-content > .elementor-element{
	zoom: 0.80;
	zoom: 80%;
}
}
@media screen and (max-width: 1024px){
.all-btn .elementor-button-icon svg {
    font-size: 45px;
}
body > .elementor > .elementor-element, .header .elementor-widget-theme-site-logo, .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading a, 
.header .elementor-widget-theme-site-logo + .elementor-element > .elementor-widget-button, .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading .e-n-menu-content > .elementor-element{
	zoom: 1.0 !important;
	zoom: 100% !important;
}
.counter-icon .elementor-icon{
    padding: 20px !important;
}
.about-img-after::after {
    width: 50px;
    height: 50px;
    top: -20px;
    left: -10px;
}
.review{
	width: 30% !important;
}
.loops{
	width: 70% !important;
}
.testimonial-leftpadding{
	padding-left: 20px !important;
}
.Product-sec-main .filter-btn {
    padding: 10px 20px;
}
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item {
    width: 30% !important;
}
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(1),
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(2){
    width: 47.9% !important;
}
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(5n+1),
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(5n+2){
    width: 47.9% !important;
}
#productTitle {
	font-size: 50px;
}
.product-span{
	font-size: 50px;
}
#productone {
	font-size: 50px;
}
.productone-span{
	font-size: 50px;
}
 .Product-sec-main .filter-buttons {
    gap: 10px;
}
.Product-sec-main .filter-btn{
	font-size: 16px;
}
.tab-section-main .tablepress {
	width: 1200px;
}
.tab-section-main .elementor-widget-shortcode{
	overflow: auto;
	overflow-x: scroll;
}
.digestive-section .elementor-icon{
	padding: 20px !important;
}
.counter1 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter1 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 50px;
}
.counter2 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter2 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 50px;
}
.counter3 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter3 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 50px;
}
.counter5 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter5 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 50px;
}
.counter4 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter4 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 50px;
}
.counter1 .elementor-counter-number-wrapper .elementor-counter-number-wrapper {
    left: 5px;
}
.counter2 .elementor-counter-number-wrapper .elementor-counter-number-wrapper {
    left: 5px;
}
.counter3 .elementor-counter-number-wrapper .elementor-counter-number-wrapper {
    left: 5px;
}
.counter5 .elementor-counter-number-wrapper .elementor-counter-number-wrapper {
    left: 5px;
}
.counter4 .elementor-counter-number-wrapper .elementor-counter-number-wrapper {
    left: 5px;
}
.counter2::after {
	display: none;
}
.sunfiber-box::after {
    top: 23%;
    transform: translate(95%, -100%);
}
.sunfiber-box-awbrk::after {
        top: 23%;
        transform: translate(95%, -100%);
        width: 118px;
    }
.claim-card.activebox {
    width: 350px !important;
}
.quality-box img {
    transform: translate(-50%, -18%);
}
.vsldr-main h2 {
    font-size: 100px !important;
    margin-left: -55px;
}
.vsldr-main-item {
    margin-top: 0;
}
@keyframes zoomIn {
  0% {
    transform: scale(0) rotate(0deg);
    opacity: 0;
  }

  100% {
    transform: scale(1) rotate(2deg);
    opacity: 1;
  }
}
.what-sec-mor::before {
    width: 100px;
    height: 100px;
    bottom: -30px;
    left: -10px;
}
.what-sec-mor::after {
    width: 100px;
    height: 100px;
    top: -25px;
    right: -10px;
}
.iiner-back{
	background-size: cover !important;
}
.maxx::after {
    width: 110px;
    left: 65px;
}
.gras::after {
	width: 110px;
    left: 65px;
}
}
@media(max-width: 894px){
	.sunfiber-box-awbrk::after {
        top: 18%;
        transform: translate(95%, -100%);
        width: 118px;
    }
}
@media screen and (max-width: 767px){
.header-section .elementor-icon {
    padding: 11px !important;
}
.header-section .menu-item-984{
    display: block !important;
}
.about-img-after::after {
    width: 70px;
    height: 70px;
    top: -30px;
    left: -25px;
}
.testimonial-leftpadding{
	padding-right: 20px !important;
}
.review{
	width: 100% !important;
}
.loops{
	width: 100% !important;
}
.contact-main .gform_fields {
    grid-row-gap: 15px !important;
}
.contact-main input[type="submit"] {
    padding: 13px 35px;
    width: 100%;
}
.counter-icon .elementor-icon{
    padding: 15px !important;
}
.coun-text .elementor-counter-title{
	text-align: center;
}
.Product-sec-main .product-filter-wrapper {
    justify-content: center;
    flex-direction: column;
    gap: 15px;
}
.Product-sec-main .sort-dropdown {
    margin: 0 -50px 0 0;
}
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item {
    width: 100% !important;
}
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(1),
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(2){
    width: 100% !important;
}
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(5n+1),
.blogpagemain .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(5n+2){
    width: 100% !important;
}
.Product-sec-main .filter-buttons {
	flex-direction: column;
    border-radius: 10px;
    width: 100%;
}
.dropdown-filter {
    margin: 0 -50px 0 0;
}
#productTitle {
	font-size: 30px;
}
.product-span{
	font-size: 30px;
}
#productone {
	font-size: 30px;
}
.productone-span{
	font-size: 30px;
}
.Product-sec-main .filter-btn{
	text-align: center;
}
.digestive-section .box-line::after{
	display: none;
}
.counter1 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter1 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 35px;
}
.counter2 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter2 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 35px;
}
.counter3 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter3 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 35px;
}
.counter4 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number, .counter4 .elementor-counter-number-wrapper .elementor-counter-number-wrapper .elementor-counter-number-suffix {
	font-size: 35px;
}
.sunfiber-box::after {
	display: none;
}
.sunfiber-box-awbrk::after{
	display: none;
}
.tab-section-main .e-n-tabs-heading {
    padding: 15px;
}
.tab-section-main .e-n-tab-title[aria-selected="true"]::after {
    bottom: -15px;
}
.product-icon-linear .elementor-icon{
	padding: 15px !important;
}
.line-box-conter::after{
	display: none;
}
.mission-main .elementor-icon{
	margin-top: 0px;
}
.claim-card{
	height: 420px !important;
}
.claim-card.activebox {
    width: 100% !important;
}
.claim-card .expend-box{
	position: absolute;
	transform: scale(1);
	opacity: 1;
}
.claim-card.activebox .expend-box{
	transform: scale(1);
	transition: all 0.5s ease-in-out;
	opacity: 1;
	height: 525px;
}
.commitment-sec .e-n-tab-title[aria-selected="true"] .e-n-tab-icon{
    width: 40px;
    height: 40px;
}
.commitment-sec .e-n-tab-title[aria-selected="true"] {
    background-size: 10px !important;
    background-position: center right 15px !important;
}
.quality-box {
    height: auto !important;
}
.quality-box img{
	position: relative !important;
}
.counter3::after {
    height: 90px;
}
.counter1::after {
    height: 90px;
}
.thumb-list::before {
    width: 88%;
}
.history .row {
    margin-top: 0;
    gap: 15px;
    flex-direction: column;
}
.history .col-lg-6 {
    width: 100% !important;
}
.vsldr-img-outr img {
    height: 150px !important;
}
.vsldr-main h2 {
	font-size: 30px !important;
	margin-left: 0;
	text-align: center;
}
.vsldr-img-right h4{
	text-align: center;
	margin-bottom: 5px;
}
.vsldr-main-item.active .vsldr-img-right p {
    transform: translateY(0);
    opacity: 1;
    text-align: center;
	font-size: 14px;
}
.vsldr-img-outr{
	border-radius: 0;
}
/* Zoom-in animation keyframes */
@keyframes zoomIn {
  0% {
    transform: scale(0) rotate(0deg);
    opacity: 0;
  }

  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
.vsldr-main-item {
    margin-top: 20px;
}
.vsldr-img-right{
	padding-top: 20px;
}
.commitment-sec .elementor-counter-number-wrapper::after {
    width: 60px;
    height: 60px;
}
.commitment-sec .e-n-tab-icon {
	width: 40px;
	height: 40px;
}
.technology-section .elementor-icon{
	padding: 30px !important;
}
.action-section .honey-shape {
    width: 100%;
}
.action-section .honey-shape-border {
    width: 100%;
}
.action-section .honey-shape-border::before {
    width: 333px;
}
.header-section .e-search-form{
	flex-direction: column;
	align-items: center;
	gap: 15px;
}
.header-section  .e-search-submit  {
	width: fit-content !important;
}
.header-section .e-search-label .e-font-icon-svg{
	/* transform: translate(-520%, 127%) !important; */
	transform: translate(-620%, 167%) !important;
}
.teavigo-logo::after{
	display: none;
}
.maxx::after {
	width: 70px;
	left: 45px;
	top: -13px;
}
.gras::after {
	width: 70px;
	left: 35px;
	top: -10px;
}
.thumb-box-text {
    font-size: 17px;
}
}
