.elementor-1007 .elementor-element.elementor-element-b6cbe69{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1007 .elementor-element.elementor-element-7bee7f4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1007 .elementor-element.elementor-element-7bee7f4:not(.elementor-motion-effects-element-type-background), .elementor-1007 .elementor-element.elementor-element-7bee7f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8E1;}.elementor-1007 .elementor-element.elementor-element-7bee7f4.e-con{--align-self:center;}.elementor-1007 .elementor-element.elementor-element-3f80a87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1007 .elementor-element.elementor-element-538911e > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-1007 .elementor-element.elementor-element-538911e .wpgb-facet > fieldset:last-child{margin-bottom:0;}.elementor-1007 .elementor-element.elementor-element-538911e .wpgb-facet-title{border-radius:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-1007 .elementor-element.elementor-element-538911e legend.wpgb-facet-title{width:calc( 100% - 0px - 0px );transform:translateY(0px);margin-bottom:calc(0px + 0px);}.elementor-1007 .elementor-element.elementor-element-9a5ca9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1007 .elementor-element.elementor-element-f67a7fd .wpgb-facet > fieldset:last-child{margin-bottom:0;}.elementor-1007 .elementor-element.elementor-element-8d6a8c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1007 .elementor-element.elementor-element-8d6a8c7:not(.elementor-motion-effects-element-type-background), .elementor-1007 .elementor-element.elementor-element-8d6a8c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1007 .elementor-element.elementor-element-c4c9a34{--grid-columns:3;}.elementor-1007 .elementor-element.elementor-element-c4c9a34.elementor-element{--align-self:center;}.elementor-1007 .elementor-element.elementor-element-c4c9a34 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1007 .elementor-element.elementor-element-c4c9a34 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1007 .elementor-element.elementor-element-c4c9a34 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1007 .elementor-element.elementor-element-c4c9a34 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1007 .elementor-element.elementor-element-c4c9a34 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-1007 .elementor-element.elementor-element-3f80a87{--width:50%;}.elementor-1007 .elementor-element.elementor-element-9a5ca9b{--width:50%;}.elementor-1007 .elementor-element.elementor-element-8d6a8c7{--width:100%;}}@media(max-width:1024px){.elementor-1007 .elementor-element.elementor-element-c4c9a34{--grid-columns:2;}}@media(max-width:767px){.elementor-1007 .elementor-element.elementor-element-c4c9a34{--grid-columns:1;}}/* Start custom CSS *//* ---------------------------------- */
/* --- BRAND VARIABLES & GLOBALS --- */
/* ---------------------------------- */
:root {
    --brand-yellow: #FFD54F;
    --brand-yellow-light: #FFF8E1;
    --brand-charcoal: #333333;
    --brand-purple: #B39DDB;
    --brand-blue: #81D4FA;
    --brand-green: #AED581;
    --brand-white: #FFFFFF;
    --font-primary: 'Poppins', sans-serif;
}

/* Keyframes for the animation */
@keyframes draw-line-animation {
    from { width: 0; }
    to { width: 180px; }
}

@keyframes show-bee-animation {
    from { 
        opacity: 0; 
        transform: rotate(15deg) scale(0.5); 
    }
    to { 
        opacity: 1; 
        transform: rotate(15deg) scale(1); 
    }
}

/* ---------------------------------- */
/* --- INNOCENT BEE HEADING STYLE --- */
/* ---------------------------------- */

/* Apply this class to your h2 element */
.elementor-heading-title.elementor-size-default,
.ib-animated-title {
    font-family: var(--font-primary);
    font-weight: 800;
    color: var(--brand-charcoal);
    position: relative;
    display: inline-block; /* Required for positioning pseudo-elements */
    margin-bottom: 4rem; /* Add space below for the bee animation */
}

.ib-animated-title::before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 0; /* Animation starts width from 0 */
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='180' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 5,15 Q 50,0 95,15 T 175,15' stroke='%23FFD54F' stroke-width='2.5' stroke-dasharray='4 4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 180px 25px;
}

.ib-animated-title::after {
    content: '';
    position: absolute;
    bottom: -48px;
    left: calc(50% + 80px); /* Position at the end of the line */
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-image: url('https://genbecloud.com/ib/wp-content/uploads/2025/08/Bee.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0; /* Animation starts opacity from 0 */
}

/* This class is added by JavaScript to trigger the animation */
.ib-animated-title.start-animation::before {
    animation: draw-line-animation 1.2s ease-out forwards;
}

.ib-animated-title.start-animation::after {
    animation: show-bee-animation 0.5s ease-out forwards;
    animation-delay: 1.2s;
}/* End custom CSS */