/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 21 2026 | 12:09:11 */
.footer-heart img{
	width:14px;
}
.wpcf7-turnstile{
	visibility:hidden!important;
}
.faq-items-2 .accordion-box .block .acc-btn .icon:before {
    content: "+";
	font-weight: bold;
    font-size: 26px;
    line-height: 30px;
}

.faq-items-2 .accordion-box .block .acc-btn.active .icon:before {
    content: "×";
	font-weight: bold;
    font-size: 26px;
    line-height: 30px;
}
.emoji {
    animation: fa-beat 1s ease infinite;
}

@keyframes fa-beat {
  0% {
    transform:scale(1);
  }
  5% {
    transform:scale(1.25);
  }
  20% {
    transform:scale(1);
  }
  30% {
    transform:scale(1);
  }
  35% {
    transform:scale(1.25);
  }
  50% {
    transform:scale(1);
  }
  55% {
    transform:scale(1.25);
  }
  70% {
    transform:scale(1);
  }
}

.our-products .marquee-section{
	visibility:hidden;
}
.project-box-items .content .number{
	font-size:166px !important;
}
.project-section{
	background-color:#141654 !important;
}
.elementor-1802 .elementor-element.elementor-element-7f50f2a .marquee-section3 .marquee{
    background-color:transparent !important;
}
.color-palate{
	display:none;
}
@media (max-width: 1399px) {
    .count {
        font-size: 60px;
        line-height: 1.6;
    }
}
@media (max-width: 992px) {
    .split-line span {
        font-size: 28px;
        line-height: 1.4;
    }
	.elementor-counter-number{
		font-size:inherit;
	}
	.elementor-counter-number-suffix{
		font-size:inherit;
	}
	.rtmega-menu-area ul.rtmega-megamenu ul.sub-menu .menu-item .menu-link {
    padding: 12px 25px 12px 15px;
}
	.rtmega-menu-area .mobile-menu-area .rtmega-menu-mobile-sidebar{
		width: 100%;
	}
}
.our-story-about .about-counter-wrapper{
	display:none;
}
.vision-mision .marquee-section3 .marquee{
	display:none;
}
.custom-blends .marquee-section3 .marquee{
	display:none;
}
/* The active state when the item is in view */
.nm-steps-1-card.is-active .number {
    background-color: #3d4097 !important; /* Change this to your desired color */
    transition: background-color 0.5s ease; /* Smooth transition */
}
.rotate img{
	animation: rotation 15s infinite linear;
}

@keyframes rotation
% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
.private-label .feature-info-box{
	display:none;
}

.private-label .feature-box-items::before {
    background-color:#F2AB41;
}
.private-label .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#F2AB41;
}
/* Target the list container of the custom dropdown */
.nice-select .list {
    max-height: 220px; /* Adjust this height to fit roughly 5 items */
    overflow-y: auto;
}
.nice-select{
	padding:12px 0px !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
	border:none !important;
	outline:none !important;
}
.select2-container--default .select2-selection--multiple {
    background-color: transparent!important;
    border:none !important;
    border-radius: 0px !important;
}
.select2-container--default .select2-search--inline .select2-search__field{
	border-radius:6px !important;
	padding-top: 17px !important;
	width:100% !important;
}
.select2-container {
    width: 100% !important;
}
.select2-container .select2-search--inline {
    float: none !important;
}
.process .feature-info-box{
	display:none;
}
.our-story-about .choose-us-wrapper-2 .choose-us-image{
	height:100% !important;
}
.home-banner .elementor-background-video-hosted {
    height: 100% !important;
}
.video-banner .elementor-background-video-hosted {
    height: 100% !important;
}
.process .sub-title img{
	display:none;
}
@media only screen and (max-width: 992px){
.contact-info-box {
    flex-direction: column;
    align-items: baseline;
}
	.faq-items-2.style-faq-2 .accordion-box .block .acc-btn {
    font-size: 18px !important;
}
	.video-banner .elementor-background-video-hosted {
    height: 100% !important;
    object-position: center center;
}
	.faq-content-1 .accordion-box .block .acc-btn .number {
    font-size: 20px !important;
    letter-spacing: -1px !important;
}
	.rtmega-menu-area .mobile-menu-area ul.rtmega-megamenu .menu-item.menu-item-has-children .menu-text {
    align-items: center;
}
}
#header-sticky {
    transition: transform 0.4s ease-in-out !important;
    /* Ensures no overlapping weirdness with Elementor's z-index */
    will-change: transform; 
}
.sticky .header-1 {
    background-color: #fff;
    padding: 12px 0;
}
.faq-about {
    border-top: none !important;
}
.faq-items-2 .accordion-box .block .acc-content .content .text{
	font-size:16px !important;
}
.faq-items-2.style-faq-2 .accordion-box .block .acc-btn{
	font-size:20px !important;
}
.pure-coffee-about .container{
	padding-left:0px !important;
}

@media (max-width: 767px) {
    .jkit-tabs .tab-nav {
        display: flex;
        align-items: center;
        min-height: 60px; /* Adjust this to match your design */
    }
}
.contact-wrapper .contact-box-items .contact-form-box .form-clt input, .contact-wrapper .contact-box-items .contact-form-box .form-clt textarea {
    border: 1px solid rgba(15, 23, 42, 0.2);
    padding-left: 15px !important;
    border-radius: 6px;
	padding-bottom: 17px;
}
.contact-wrapper .contact-box-items .contact-form-box .form-clt .form .single-select{
	border: 1px solid rgba(15, 23, 42, 0.2);
    padding-left: 15px !important;
    border-radius: 6px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.nice-select {
    padding: 15px 0px !important;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder, .wpcf7 select::placeholder {
  color: #999 !important;
}
.nice-select .current{
  color: #999 !important;
}

/* 1. Make the Select2 container match the width and style of other fields */
.wpcf7-form-control-wrap.product-interest .select2-container--default {
    width: 100% !important;
}

/* 2. Style the outer box to match your theme's inputs */
.wpcf7-form-control-wrap.product-interest .select2-container--default .select2-selection--multiple {
    border: 1px solid rgba(15, 23, 42, 0.2) !important;
    border-radius: 6px !important;
    min-height: 52px !important; /* Matches the height of "Email Address" field */
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
	margin-bottom: 12px;
}

/* 3. Ensure selected choices (pills) stay inside the box and look clean */
.wpcf7-form-control-wrap.product-interest .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.wpcf7-form-control-wrap.product-interest .select2-selection__choice {
    border: 1px solid #d1d9e0 !important;
    border-radius: 4px !important;
    margin: 4px 0 !important;
    font-size: 13px !important;
    color: #333 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* 4. Fix the search input alignment so it stays on the same line as choices */
.wpcf7-form-control-wrap.product-interest .select2-search--inline {
    flex-grow: 1 !important;
}

.wpcf7-form-control-wrap.product-interest .select2-search__field {
    margin-top: 0 !important;
    height: 30px !important;
    border: none !important;
    font-family: inherit !important;
    background: transparent !important;
}

/* 5. Remove the "X" remove button background color to keep it clean */
.wpcf7-form-control-wrap.product-interest .select2-selection__choice__remove {
    border: none !important;
    background: transparent !important;
    color: #999 !important;
    margin-right: 5px !important;
}

/* Header Button*/


/* 1. Prevent the button container from jumping by giving it a stable width */
.elementor-element-5ff8fe7 .theme-btn .btn_text {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 155px; /* Ensures the button is wide enough for the phone number */
    transition: all 0.3s ease;
}

/* 2. Hide the original text smoothly on hover */
.elementor-element-5ff8fe7 .theme-btn:hover .btn_text span {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px); /* Optional: slight slide up effect */
}

.elementor-element-5ff8fe7 .theme-btn .btn_text span {
    transition: all 0.3s ease;
    display: inline-block;
}

/* 3. Prepare the phone number (hidden by default) */
.elementor-element-5ff8fe7 .theme-btn .btn_text::after {
    content: "+91 99445 11116";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 20%); /* Start slightly lower */
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    font-weight: 600;
    color: #ffffff; /* Match your text color */
    transition: all 0.3s ease;
}

/* 4. Show the phone number perfectly centered on hover */
.elementor-element-5ff8fe7 .theme-btn:hover .btn_text::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* Move to perfect center */
}
.elementor-slideshow__header{
	display:none !important;
}
.jeg-elementor-kit.jkit-tabs .tab-content-list .tab-content{
	padding:0px;
}
/* Container: This creates the "window" that scrolls */
.wptb-table-container {
    max-width: 100% !important;
    overflow-x: auto !important; /* Enable horizontal scroll */
    overflow-y: hidden;
    display: block !important;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling for mobile */
}

/* Optional: Custom Scrollbar Styling (makes it visible on all browsers) */
.wptb-table-container::-webkit-scrollbar {
    height: 6px;
}
.wptb-table-container::-webkit-scrollbar-thumb {
    background: #cccccc; 
    border-radius: 10px;
}
.wptb-table-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.contact-info-section .contact-info-box{
	display:none !important;
}
/* Add space to the bottom of the main wrapper */
.project-box-area.des-portfolio-wrap {
    padding-bottom: 200px !important; 
    margin-bottom: 100px !important;
}