/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/* Force absolute transparency on Slider 4 and all its internal sub-layers */

html, body{overflow-x:hidden!important}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {text-decoration:none !important}
.wp-block-accordion-heading__toggle:not(:focus-visible){background-color:white!important; color:black !important}

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled{background-color: transparent;}
.gp-icon svg {
   
    fill: rgb(0 145 57);
}
.has-inline-mobile-toggle #site-navigation.toggled{margin-top: 10px;}
/* --- Updated Accordion CSS (SVG Version) --- */

.s9-fp-accordion-button {
      display: flex; text-align: left;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none;
    font-weight: 600;
    color: #009139;
    padding: 15px 20px;
    border: 1px solid #f5f9fc;
    background: #f5f9fc;
    transition: all 0.3s ease;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, a.button:focus, a.wp-block-button__link:not(.has-background):active, a.wp-block-button__link:not(.has-background):focus, a.wp-block-button__link:not(.has-background):hover {
    color: #ffffff;
    background-color: #009139;
}
/* Icon rotation logic */
.s9-fp-icon {
    display: flex;
    transition: transform 0.3s ease;
}

/* Rotate icon when button is NOT collapsed */
.s9-fp-accordion-button:not(.collapsed) .s9-fp-icon {
    transform: rotate(180deg);
}

/* Panel Body */
.s9-fp-accordion-body {
    padding: 20px;
    background: #f5f9fc;
    border: 1px solid #f5f9fc;
    border-top: none;
    line-height: 1.6;
}

.s9-fp-accordion-content {
    margin-bottom: 10px;
}
.s9-fp-accordion-container { display: flex; flex-direction: column; gap: 10px; }
.s9-fp-accordion-wrapper { border: 1px solid #f5f9fc; background: #f5f9fc; }
.s9-fp-accordion-button {
    display: flex; justify-content: space-between; align-items: center;
    width: 100%; padding: 15px 20px; font-size:20px;
    background: #f5f9fc; color: #009139;
    font-weight: 600; border: none; cursor: pointer;
}
/* Ensure button doesn't take global hover colors */
.s9-fp-accordion-button:hover { background-color: #e5f0f3 !important; color: #009139 !important; }
.s9-fp-icon { display: flex; transition: transform 0.3s ease; }
.s9-fp-accordion-wrapper.active .s9-fp-icon { transform: rotate(180deg); }
.s9-fp-accordion-panel { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; }
.s9-fp-accordion-body { padding: 20px; border-top: 1px solid #ddd; line-height: 1.6; }

#n2-ss-4,
#n2-ss-4 *,
#n2-ss-4 .n2-ss-slide-background-container,
#n2-ss-4 .n2-ss-slide-background-inner,
#n2-ss-4 .n2-ss-slide-background-image-overlay,
#n2-ss-4 .n2-ss-background-color,
#n2-ss-4 .n2-ss-item-container {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    background-attachment: scroll !important;
}

/* Specifically remove potential overlay divs that might be absolute-positioned */
#n2-ss-4 .n2-ss-slide-background-image-overlay {
    display: none !important;
    visibility: hidden !important;
}
.footer-widgets a{text-decoration:none; color: #3a3864;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;}
.footer-widgets .footer-widget-4 #block-9 .list-unstyled{padding-left: 0;
    list-style: none;}
.footer-widgets .footer-widget-4 #block-9 .list-unstyled li{align-items: center !important;
    line-height: 28px;
    display: flex !important;}
.footer-widgets .footer-widget-4 #block-9 .list-unstyled li img{width: 20px;
    margin-right: 15px;}
.footer-widgets .footer-widget-4 #block-9 .footer-social-wrapper {margin-bottom:15px}
.footer-widgets .footer-widget-4 #block-9 .footer-social-wrapper a:not(:last-child) {
    margin-right: 14px;
}
.footer-widgets .widget-title{font-size: 18px;
    font-weight: 700;
    margin-bottom: 22px;}
.main-navigation ul ul {background: linear-gradient(to bottom, #06bb4d 0, #009139 100%);}
.main-navigation .main-nav ul li a:hover{background: linear-gradient(to bottom, #06bb4d 0, #009139 100%); color:white}

/* Custom Footer Copyright Bar */
.site-copyright-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Stack on Mobile */
@media (max-width: 767px) {
    .site-copyright-bar {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 10px; /* Adds space between the two lines when stacked */
    }
}

.site-footer:not(.footer-bar-active) .copyright-bar {
    margin: 0 auto;
    width: 100%;
}

.site-copyright-bar .copyright-right{    color: #d2d4d8;
    font-size: 13px;}
.site-copyright-bar .copyright-left{    font-weight:600;
    font-size: 14px;}


.floating-whatsapp {
    position: fixed;
    bottom: 25px;
    left: 25px;
    z-index: 9999;
    transition: transform 0.3s ease;
    /* Added a subtle shadow to match the old plugin's depth */
    filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.2)); 
}

.floating-whatsapp img {
    width: 60px; /* Matches the standard size of the old jQuery plugin */
    height: auto;
    display: block;
}

.floating-whatsapp:hover {
    transform: scale(1.1);
}

/* Push it up slightly on mobile so it doesn't overlap the footer */
@media (max-width: 767px) {
    .floating-whatsapp {
        bottom: 80px; 
        left: 20px;
    }
    .floating-whatsapp img {
        width: 50px;
    }
}


.n2-ss-slider .bordl  p
{border-left: 2px solid #009139 !important;
    padding-left: 15px !important;}

.reasons-icon-div{    width: 71px;
    height: 71px;
    background-color: #fff;
    border-radius: 100%;
    line-height: 56px;
    text-align: center;
    display: inline-block;
    box-shadow: 3px 5px 15px 1px rgba(0, 145, 57, .13);}


.philosophy-block .coin-speacial-block {
    width: 375px;
    background: #009139;
    position: absolute;
    right:-70px;
    top: 125px;
    border: 10px solid #fff;
    padding: 60px 25px;
}
.philosophy-block .coin-speacial-block .vvg {
    background: #045625;
    border-radius: 50%;
    width: 105px;
    height: 105px;
    position: absolute;
    bottom: 267px;
    left: 20px;
    border: 10px solid #fff;
}
.philosophy-block .coin-speacial-block svg {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12px;
    fill: #fff;
    width: 84px;
    height: 84px;
    transition: .4s linear;
}
.philosophy-block .coin-speacial-block p {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 26px;
}
.philosophy-block .coin-speacial-block span {
    display: inline-block;
    color: #fff;
    font-size: 36px;
}
.philosophy-block .coin-speacial-block h4 {
    color: #fff;
    font-size: 25px;
    margin-top: 6px;
    margin-bottom: 0px;
}

.live-currency .live-currency-cont {
    width: 100%;
    margin-left: -25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.live-currency .live-currency-cont h4 {
    font-size: 18px;
    text-align: center;
    color: #3a3864;
}

.last-news-title-wrap{width: 72px;
    height: 72px;
    text-align: center;
    line-height: 103px;
    margin-bottom: 17px;
    border-radius: 100%;
    box-shadow: 3px 5px 15px 1px rgba(121, 105, 230, .13);
    background-color: #fff;}
.gb-looper-6ecec55a .read-more-btn{   margin-left: auto;
    margin-right: auto;
    font-weight: 700;}
.gb-looper-6ecec55a .read-more-btn:hover{color: #009139 !important;     margin-left: auto;
    margin-right: auto;
    font-weight: 700;}

/* =========================================
   Global S9 Scroll Animations 
   ========================================= */

/* 1. Define Initial Hidden States */
.s9-fade-up { opacity: 0; transform: translateY(50px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.s9-fade-left { opacity: 0; transform: translateX(-50px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.s9-fade-right { opacity: 0; transform: translateX(50px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.s9-zoom-in { opacity: 0; transform: scale(0.9); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }

/* 2. Define the Triggered Visible State */
.s9-fade-up.s9-animated,
.s9-fade-left.s9-animated,
.s9-fade-right.s9-animated,
.s9-zoom-in.s9-animated {
    opacity: 1;
    transform: translate(0) scale(1);
}

/* 3. Staggered Delays for Grid Cards */
.s9-delay-1 { transition-delay: 150ms; }
.s9-delay-2 { transition-delay: 300ms; }
.s9-delay-3 { transition-delay: 450ms; }

.generate-columns .inside-article .entry-header .entry-title {display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;     color: #333; font-weight: bold;
    font-size: 19px;
    line-height: 26px;}

.separate-containers .inside-right-sidebar .wp-block-heading{    color: #bbb;
    margin-bottom: 16px;
    margin-top: 0px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;}

.separate-containers .inside-right-sidebar ul li a{color: #61b23b;
    text-decoration: none;
    font-size: 14px;}
.single-post .inside-article .entry-header {text-align: center;}
.single-post .inside-article .entry-title {    font-weight: 600;
    font-size: 36px;
    line-height: 49px;
    max-width: 725px;
    margin: 0 auto;
    text-align: center;}

/* Base positioning and layering from original CSS */
.first-section .cloud,
.first-section .cloud-two,
.first-section .mini-cloud,
.first-section .mini-cloud.three,
.first-section .mini-cloud.two {
  z-index: 0 !important;
  left: 0;
  position: absolute;
  display: inline-block;
}

/* Foreground Cloud */
.first-section .cloud {
  width: 130px;
  top: 28%;
  height: 23px;
  background: url('https://stage.webdakaar.com/s9/wp-content/uploads/2026/06/cloud.png') no-repeat;
  animation: 250s infinite cloud_one;
  animation-timing-function: linear !important;
}

/* Background Cloud */
.first-section .cloud-two {
  top: 30%;
  width: 210px;
  height: 30px;
  background: url('https://stage.webdakaar.com/s9/wp-content/uploads/2026/06/cloud2.png') no-repeat;
  animation: 300s infinite cloud_two;
  animation-timing-function: linear !important;
}

/* Mini Clouds Timing */
.first-section .mini-cloud {
  animation: 500s infinite mini_cloud;
}

.first-section .mini-cloud.three,
.first-section .mini-cloud.two {
  animation: 350s infinite mini_cloud;
}

/* Mini Clouds Sizing & Positioning */
.first-section .mini-cloud,
.first-section .mini-cloud.three,
.first-section .mini-cloud.two {
  top: 16%;
  width: 32px;
  height: 20px;
  background: url('https://stage.webdakaar.com/s9/wp-content/uploads/2026/06/mini-cloud.png') no-repeat;
  animation-timing-function: linear !important;
}

.first-section .mini-cloud.two {
  top: 60%;
}

.first-section .mini-cloud.three {
  top: 81%;
}

/* Original Keyframe Animations */
@keyframes cloud_one {
  from { left: 18%; }
  to { left: 110%; }
}

@keyframes cloud_two {
  from { left: 80%; }
  to { left: -110%; }
}

@keyframes mini_cloud {
  from { left: 93%; }
  to { left: -110%; }
}

@media screen and (max-width: 600px) {
	.main-navigation .main-nav ul li a, .main-navigation.sticky-navigation-transition .main-nav > ul > li > a, .sticky-navigation-transition .menu-toggle, .main-navigation.sticky-navigation-transition .menu-bar-item > a, .sticky-navigation-transition .navigation-branding .main-title {line-height: 40px;}
	
    .inside-header {
        padding-right: 15px;
        padding-left: 15px;
    }	
	
}

.s9-custom-form input[type="text"], .s9-custom-form input[type="email"], .s9-custom-form input[type="url"], .s9-custom-form input[type="password"], .s9-custom-form input[type="search"], .s9-custom-form input[type="tel"], .s9-custom-form input[type="number"], .s9-custom-form textarea, .s9-custom-form select {
  
    background-color: #f5f9fc;
    border-color: #f5f9fc;
    border-bottom: 2px solid #d0d3e3;
}
div#n2-ss-4 .n2-ss-button-container.n2-ss-nowrap a{background-color:white !important}