.elementor-60 .elementor-element.elementor-element-1f83520{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-60 .elementor-element.elementor-element-1f83520:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-1f83520 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFBA;}.elementor-60 .elementor-element.elementor-element-e4bfa66{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-60 .elementor-element.elementor-element-2e10cd1 img{max-width:70%;height:70px;}.elementor-60 .elementor-element.elementor-element-7239da3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-60 .elementor-element.elementor-element-4559d54 .elementor-icon-wrapper{text-align:center;}.elementor-60 .elementor-element.elementor-element-4559d54.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-60 .elementor-element.elementor-element-4559d54.elementor-view-framed .elementor-icon, .elementor-60 .elementor-element.elementor-element-4559d54.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-60 .elementor-element.elementor-element-4559d54.elementor-view-framed .elementor-icon, .elementor-60 .elementor-element.elementor-element-4559d54.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-60 .elementor-element.elementor-element-65c24d3{--display:flex;--min-height:250px;--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;--overlay-opacity:0.5;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-65c24d3:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-65c24d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-60 .elementor-element.elementor-element-65c24d3::before, .elementor-60 .elementor-element.elementor-element-65c24d3 > .elementor-background-video-container::before, .elementor-60 .elementor-element.elementor-element-65c24d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-60 .elementor-element.elementor-element-65c24d3 > .elementor-background-slideshow::before, .elementor-60 .elementor-element.elementor-element-65c24d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-60 .elementor-element.elementor-element-65c24d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#77767600;--background-overlay:'';}.elementor-60 .elementor-element.elementor-element-ef9fdf4{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-60 .elementor-element.elementor-element-f0221f4{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-60 .elementor-element.elementor-element-f7bcd0e{--display:flex;}.elementor-60 .elementor-element.elementor-element-50ccc98{--display:flex;}.elementor-60 .elementor-element.elementor-element-026078f{--display:flex;}.elementor-60 .elementor-element.elementor-element-5ef8769{--display:flex;}.elementor-60 .elementor-element.elementor-element-94dce01{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:15px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-60 .elementor-element.elementor-element-94dce01 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-60 .elementor-element.elementor-element-94dce01 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-60 .elementor-element.elementor-element-94dce01 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-60 .elementor-element.elementor-element-8d17112{--display:flex;}.elementor-widget-button .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-60 .elementor-element.elementor-element-46af8f8 .elementor-button{background-color:#EA550C;font-family:"Poppins", Sans-serif;font-weight:500;}@media(min-width:768px){.elementor-60 .elementor-element.elementor-element-e4bfa66{--width:10%;}.elementor-60 .elementor-element.elementor-element-7239da3{--width:75%;}.elementor-60 .elementor-element.elementor-element-65c24d3{--content-width:90%;}.elementor-60 .elementor-element.elementor-element-ef9fdf4{--content-width:90%;}.elementor-60 .elementor-element.elementor-element-8d17112{--width:20%;}}@media(max-width:767px){.elementor-60 .elementor-element.elementor-element-1f83520{--min-height:40px;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:05px;--padding-bottom:05px;--padding-left:0px;--padding-right:20px;}.elementor-60 .elementor-element.elementor-element-e4bfa66{--width:100px;--min-height:40px;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60 .elementor-element.elementor-element-7239da3{--width:90px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-60 .elementor-element.elementor-element-4559d54 .elementor-icon-wrapper{text-align:center;}.elementor-60 .elementor-element.elementor-element-4559d54 .elementor-icon{font-size:28px;}.elementor-60 .elementor-element.elementor-element-4559d54 .elementor-icon svg{height:28px;}.elementor-60 .elementor-element.elementor-element-8d17112{--width:100px;}}/* Start custom CSS for container, class: .elementor-element-65c24d3 *//* 1. Hide all containers by default */
#content-tanzania, 
#content-kenya, 
#content-uganda {
    display: none !important;
    opacity: 0;
}

/* 2. Logic: Show ONLY the container that is currently the 'target' */
#content-tanzania:target,
#content-kenya:target,
#content-uganda:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease forwards;
}

/* 3. The Fix: Show Tanzania ONLY if NO country is selected yet */
/* This ensures Tanzania hides the moment you click Kenya or Uganda */
:not(:has(:target)) #content-tanzania {
    display: block !important;
    opacity: 1;
}

/* 4. Smart Styling for the Active State (Left Side) */
/* We use :focus and :active to keep the highlight on the country you clicked */
.elementor-item[href*="#content-tanzania"]:focus,
.elementor-item[href*="#content-kenya"]:focus,
.elementor-item[href*="#content-uganda"]:focus,
.elementor-item[href*="#content-tanzania"]:active,
.elementor-item[href*="#content-kenya"]:active,
.elementor-item[href*="#content-uganda"]:active {
    background-color: #f1ede4 !important; /* Your beige highlight */
    color: #4a5d23 !important; /* Your Safari green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 15px !important;
    transition: all 0.3s ease;
}

/* 5. Professional Animation for a 'Smart' look */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef9fdf4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */ 
#content-top-safaris, #content-safari-beach, #content-honeymoon, #content-family, #content-beach-holiday, #content-kilimanjaro, #content-migration, #content-gorilla {             display: none !important;     opacity: 0; }  


/* 2. THE CLICK LOGIC (SHOW ONLY THE SELECTED ID) */ #content-top-safaris:target, #content-safari-beach:target, #content-honeymoon:target, #content-family:target, #content-beach-holiday:target, #content-kilimanjaro:target, #content-migration:target, #content-gorilla:target {     display: block !important;     opacity: 1;     animation: smartSlideIn 0.5s ease-out forwards; }  



/* 3. SMART INITIAL STATE */ /* Show 'Our Top Safaris' ONLY if no other menu item has been clicked yet */ body:not(:has(:target)) #content-top-safaris {     display: block !important;     opacity: 1; }  

/* 4. ACTIVE MENU STYLING (LEFT SIDE) */ /* This creates the premium beige highlight and green border for the selected item */ .elementor-item[href*="#content-"]:focus, .elementor-item[href*="#content-"]:active {     background-color: #f1ede4 !important; /* Premium Beige */     color: #4a5d23 !important; /* Safari Green */     font-weight: bold;     border-left: 5px solid #4a5d23;     padding-left: 20px !important;     transition: all 0.3s ease; }  

/* 5. PROFESSIONAL SLIDE ANIMATION */ @keyframes smartSlideIn {     from {          opacity: 0;          transform: translateX(15px);      }     to {          opacity: 1;          transform: translateX(0);      } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0221f4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */
#content-activities,
#content-holiday-style {
    display: none !important;
    opacity: 0;
}

/* 2. THE CLICK LOGIC (Treats them as equals) */
/* When you click one, the other becomes 'display: none' automatically */
#content-activities:target,
#content-holiday-style:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease-out forwards;
}

/* 3. SMART INITIAL STATE */
/* Show 'Our Activities' ONLY if NO other menu item has been clicked yet */
/* This is what makes it 'Smart' - it disappears when you click Style */
body:not(:has(:target)) #content-activities {
    display: block !important;
    opacity: 1;
}

/* 4. PREMIUM MENU STYLING (Left Side) */
/* This matches your beige/green WEGUIDE style exactly */
.elementor-item[href*="#content-activities"]:focus,
.elementor-item[href*="#content-activities"]:active,
.elementor-item[href*="#content-holiday-style"]:focus,
.elementor-item[href*="#content-holiday-style"]:active {
    background-color: #f1ede4 !important; /* Premium Beige */
    color: #4a5d23 !important; /* Safari Green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 20px !important;
    transition: all 0.3s ease;
}

/* 5. PROFESSIONAL SLIDE ANIMATION */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65c24d3 *//* 1. Hide all containers by default */
#content-tanzania, 
#content-kenya, 
#content-uganda {
    display: none !important;
    opacity: 0;
}

/* 2. Logic: Show ONLY the container that is currently the 'target' */
#content-tanzania:target,
#content-kenya:target,
#content-uganda:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease forwards;
}

/* 3. The Fix: Show Tanzania ONLY if NO country is selected yet */
/* This ensures Tanzania hides the moment you click Kenya or Uganda */
:not(:has(:target)) #content-tanzania {
    display: block !important;
    opacity: 1;
}

/* 4. Smart Styling for the Active State (Left Side) */
/* We use :focus and :active to keep the highlight on the country you clicked */
.elementor-item[href*="#content-tanzania"]:focus,
.elementor-item[href*="#content-kenya"]:focus,
.elementor-item[href*="#content-uganda"]:focus,
.elementor-item[href*="#content-tanzania"]:active,
.elementor-item[href*="#content-kenya"]:active,
.elementor-item[href*="#content-uganda"]:active {
    background-color: #f1ede4 !important; /* Your beige highlight */
    color: #4a5d23 !important; /* Your Safari green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 15px !important;
    transition: all 0.3s ease;
}

/* 5. Professional Animation for a 'Smart' look */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef9fdf4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */ 
#content-top-safaris, #content-safari-beach, #content-honeymoon, #content-family, #content-beach-holiday, #content-kilimanjaro, #content-migration, #content-gorilla {             display: none !important;     opacity: 0; }  


/* 2. THE CLICK LOGIC (SHOW ONLY THE SELECTED ID) */ #content-top-safaris:target, #content-safari-beach:target, #content-honeymoon:target, #content-family:target, #content-beach-holiday:target, #content-kilimanjaro:target, #content-migration:target, #content-gorilla:target {     display: block !important;     opacity: 1;     animation: smartSlideIn 0.5s ease-out forwards; }  



/* 3. SMART INITIAL STATE */ /* Show 'Our Top Safaris' ONLY if no other menu item has been clicked yet */ body:not(:has(:target)) #content-top-safaris {     display: block !important;     opacity: 1; }  

/* 4. ACTIVE MENU STYLING (LEFT SIDE) */ /* This creates the premium beige highlight and green border for the selected item */ .elementor-item[href*="#content-"]:focus, .elementor-item[href*="#content-"]:active {     background-color: #f1ede4 !important; /* Premium Beige */     color: #4a5d23 !important; /* Safari Green */     font-weight: bold;     border-left: 5px solid #4a5d23;     padding-left: 20px !important;     transition: all 0.3s ease; }  

/* 5. PROFESSIONAL SLIDE ANIMATION */ @keyframes smartSlideIn {     from {          opacity: 0;          transform: translateX(15px);      }     to {          opacity: 1;          transform: translateX(0);      } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0221f4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */
#content-activities,
#content-holiday-style {
    display: none !important;
    opacity: 0;
}

/* 2. THE CLICK LOGIC (Treats them as equals) */
/* When you click one, the other becomes 'display: none' automatically */
#content-activities:target,
#content-holiday-style:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease-out forwards;
}

/* 3. SMART INITIAL STATE */
/* Show 'Our Activities' ONLY if NO other menu item has been clicked yet */
/* This is what makes it 'Smart' - it disappears when you click Style */
body:not(:has(:target)) #content-activities {
    display: block !important;
    opacity: 1;
}

/* 4. PREMIUM MENU STYLING (Left Side) */
/* This matches your beige/green WEGUIDE style exactly */
.elementor-item[href*="#content-activities"]:focus,
.elementor-item[href*="#content-activities"]:active,
.elementor-item[href*="#content-holiday-style"]:focus,
.elementor-item[href*="#content-holiday-style"]:active {
    background-color: #f1ede4 !important; /* Premium Beige */
    color: #4a5d23 !important; /* Safari Green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 20px !important;
    transition: all 0.3s ease;
}

/* 5. PROFESSIONAL SLIDE ANIMATION */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65c24d3 *//* 1. Hide all containers by default */
#content-tanzania, 
#content-kenya, 
#content-uganda {
    display: none !important;
    opacity: 0;
}

/* 2. Logic: Show ONLY the container that is currently the 'target' */
#content-tanzania:target,
#content-kenya:target,
#content-uganda:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease forwards;
}

/* 3. The Fix: Show Tanzania ONLY if NO country is selected yet */
/* This ensures Tanzania hides the moment you click Kenya or Uganda */
:not(:has(:target)) #content-tanzania {
    display: block !important;
    opacity: 1;
}

/* 4. Smart Styling for the Active State (Left Side) */
/* We use :focus and :active to keep the highlight on the country you clicked */
.elementor-item[href*="#content-tanzania"]:focus,
.elementor-item[href*="#content-kenya"]:focus,
.elementor-item[href*="#content-uganda"]:focus,
.elementor-item[href*="#content-tanzania"]:active,
.elementor-item[href*="#content-kenya"]:active,
.elementor-item[href*="#content-uganda"]:active {
    background-color: #f1ede4 !important; /* Your beige highlight */
    color: #4a5d23 !important; /* Your Safari green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 15px !important;
    transition: all 0.3s ease;
}

/* 5. Professional Animation for a 'Smart' look */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef9fdf4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */ 
#content-top-safaris, #content-safari-beach, #content-honeymoon, #content-family, #content-beach-holiday, #content-kilimanjaro, #content-migration, #content-gorilla {             display: none !important;     opacity: 0; }  


/* 2. THE CLICK LOGIC (SHOW ONLY THE SELECTED ID) */ #content-top-safaris:target, #content-safari-beach:target, #content-honeymoon:target, #content-family:target, #content-beach-holiday:target, #content-kilimanjaro:target, #content-migration:target, #content-gorilla:target {     display: block !important;     opacity: 1;     animation: smartSlideIn 0.5s ease-out forwards; }  



/* 3. SMART INITIAL STATE */ /* Show 'Our Top Safaris' ONLY if no other menu item has been clicked yet */ body:not(:has(:target)) #content-top-safaris {     display: block !important;     opacity: 1; }  

/* 4. ACTIVE MENU STYLING (LEFT SIDE) */ /* This creates the premium beige highlight and green border for the selected item */ .elementor-item[href*="#content-"]:focus, .elementor-item[href*="#content-"]:active {     background-color: #f1ede4 !important; /* Premium Beige */     color: #4a5d23 !important; /* Safari Green */     font-weight: bold;     border-left: 5px solid #4a5d23;     padding-left: 20px !important;     transition: all 0.3s ease; }  

/* 5. PROFESSIONAL SLIDE ANIMATION */ @keyframes smartSlideIn {     from {          opacity: 0;          transform: translateX(15px);      }     to {          opacity: 1;          transform: translateX(0);      } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0221f4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */
#content-activities,
#content-holiday-style {
    display: none !important;
    opacity: 0;
}

/* 2. THE CLICK LOGIC (Treats them as equals) */
/* When you click one, the other becomes 'display: none' automatically */
#content-activities:target,
#content-holiday-style:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease-out forwards;
}

/* 3. SMART INITIAL STATE */
/* Show 'Our Activities' ONLY if NO other menu item has been clicked yet */
/* This is what makes it 'Smart' - it disappears when you click Style */
body:not(:has(:target)) #content-activities {
    display: block !important;
    opacity: 1;
}

/* 4. PREMIUM MENU STYLING (Left Side) */
/* This matches your beige/green WEGUIDE style exactly */
.elementor-item[href*="#content-activities"]:focus,
.elementor-item[href*="#content-activities"]:active,
.elementor-item[href*="#content-holiday-style"]:focus,
.elementor-item[href*="#content-holiday-style"]:active {
    background-color: #f1ede4 !important; /* Premium Beige */
    color: #4a5d23 !important; /* Safari Green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 20px !important;
    transition: all 0.3s ease;
}

/* 5. PROFESSIONAL SLIDE ANIMATION */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65c24d3 *//* 1. Hide all containers by default */
#content-tanzania, 
#content-kenya, 
#content-uganda {
    display: none !important;
    opacity: 0;
}

/* 2. Logic: Show ONLY the container that is currently the 'target' */
#content-tanzania:target,
#content-kenya:target,
#content-uganda:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease forwards;
}

/* 3. The Fix: Show Tanzania ONLY if NO country is selected yet */
/* This ensures Tanzania hides the moment you click Kenya or Uganda */
:not(:has(:target)) #content-tanzania {
    display: block !important;
    opacity: 1;
}

/* 4. Smart Styling for the Active State (Left Side) */
/* We use :focus and :active to keep the highlight on the country you clicked */
.elementor-item[href*="#content-tanzania"]:focus,
.elementor-item[href*="#content-kenya"]:focus,
.elementor-item[href*="#content-uganda"]:focus,
.elementor-item[href*="#content-tanzania"]:active,
.elementor-item[href*="#content-kenya"]:active,
.elementor-item[href*="#content-uganda"]:active {
    background-color: #f1ede4 !important; /* Your beige highlight */
    color: #4a5d23 !important; /* Your Safari green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 15px !important;
    transition: all 0.3s ease;
}

/* 5. Professional Animation for a 'Smart' look */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef9fdf4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */ 
#content-top-safaris, #content-safari-beach, #content-honeymoon, #content-family, #content-beach-holiday, #content-kilimanjaro, #content-migration, #content-gorilla {             display: none !important;     opacity: 0; }  


/* 2. THE CLICK LOGIC (SHOW ONLY THE SELECTED ID) */ #content-top-safaris:target, #content-safari-beach:target, #content-honeymoon:target, #content-family:target, #content-beach-holiday:target, #content-kilimanjaro:target, #content-migration:target, #content-gorilla:target {     display: block !important;     opacity: 1;     animation: smartSlideIn 0.5s ease-out forwards; }  



/* 3. SMART INITIAL STATE */ /* Show 'Our Top Safaris' ONLY if no other menu item has been clicked yet */ body:not(:has(:target)) #content-top-safaris {     display: block !important;     opacity: 1; }  

/* 4. ACTIVE MENU STYLING (LEFT SIDE) */ /* This creates the premium beige highlight and green border for the selected item */ .elementor-item[href*="#content-"]:focus, .elementor-item[href*="#content-"]:active {     background-color: #f1ede4 !important; /* Premium Beige */     color: #4a5d23 !important; /* Safari Green */     font-weight: bold;     border-left: 5px solid #4a5d23;     padding-left: 20px !important;     transition: all 0.3s ease; }  

/* 5. PROFESSIONAL SLIDE ANIMATION */ @keyframes smartSlideIn {     from {          opacity: 0;          transform: translateX(15px);      }     to {          opacity: 1;          transform: translateX(0);      } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0221f4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */
#content-activities,
#content-holiday-style {
    display: none !important;
    opacity: 0;
}

/* 2. THE CLICK LOGIC (Treats them as equals) */
/* When you click one, the other becomes 'display: none' automatically */
#content-activities:target,
#content-holiday-style:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease-out forwards;
}

/* 3. SMART INITIAL STATE */
/* Show 'Our Activities' ONLY if NO other menu item has been clicked yet */
/* This is what makes it 'Smart' - it disappears when you click Style */
body:not(:has(:target)) #content-activities {
    display: block !important;
    opacity: 1;
}

/* 4. PREMIUM MENU STYLING (Left Side) */
/* This matches your beige/green WEGUIDE style exactly */
.elementor-item[href*="#content-activities"]:focus,
.elementor-item[href*="#content-activities"]:active,
.elementor-item[href*="#content-holiday-style"]:focus,
.elementor-item[href*="#content-holiday-style"]:active {
    background-color: #f1ede4 !important; /* Premium Beige */
    color: #4a5d23 !important; /* Safari Green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 20px !important;
    transition: all 0.3s ease;
}

/* 5. PROFESSIONAL SLIDE ANIMATION */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65c24d3 *//* 1. Hide all containers by default */
#content-tanzania, 
#content-kenya, 
#content-uganda {
    display: none !important;
    opacity: 0;
}

/* 2. Logic: Show ONLY the container that is currently the 'target' */
#content-tanzania:target,
#content-kenya:target,
#content-uganda:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease forwards;
}

/* 3. The Fix: Show Tanzania ONLY if NO country is selected yet */
/* This ensures Tanzania hides the moment you click Kenya or Uganda */
:not(:has(:target)) #content-tanzania {
    display: block !important;
    opacity: 1;
}

/* 4. Smart Styling for the Active State (Left Side) */
/* We use :focus and :active to keep the highlight on the country you clicked */
.elementor-item[href*="#content-tanzania"]:focus,
.elementor-item[href*="#content-kenya"]:focus,
.elementor-item[href*="#content-uganda"]:focus,
.elementor-item[href*="#content-tanzania"]:active,
.elementor-item[href*="#content-kenya"]:active,
.elementor-item[href*="#content-uganda"]:active {
    background-color: #f1ede4 !important; /* Your beige highlight */
    color: #4a5d23 !important; /* Your Safari green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 15px !important;
    transition: all 0.3s ease;
}

/* 5. Professional Animation for a 'Smart' look */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef9fdf4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */ 
#content-top-safaris, #content-safari-beach, #content-honeymoon, #content-family, #content-beach-holiday, #content-kilimanjaro, #content-migration, #content-gorilla {             display: none !important;     opacity: 0; }  


/* 2. THE CLICK LOGIC (SHOW ONLY THE SELECTED ID) */ #content-top-safaris:target, #content-safari-beach:target, #content-honeymoon:target, #content-family:target, #content-beach-holiday:target, #content-kilimanjaro:target, #content-migration:target, #content-gorilla:target {     display: block !important;     opacity: 1;     animation: smartSlideIn 0.5s ease-out forwards; }  



/* 3. SMART INITIAL STATE */ /* Show 'Our Top Safaris' ONLY if no other menu item has been clicked yet */ body:not(:has(:target)) #content-top-safaris {     display: block !important;     opacity: 1; }  

/* 4. ACTIVE MENU STYLING (LEFT SIDE) */ /* This creates the premium beige highlight and green border for the selected item */ .elementor-item[href*="#content-"]:focus, .elementor-item[href*="#content-"]:active {     background-color: #f1ede4 !important; /* Premium Beige */     color: #4a5d23 !important; /* Safari Green */     font-weight: bold;     border-left: 5px solid #4a5d23;     padding-left: 20px !important;     transition: all 0.3s ease; }  

/* 5. PROFESSIONAL SLIDE ANIMATION */ @keyframes smartSlideIn {     from {          opacity: 0;          transform: translateX(15px);      }     to {          opacity: 1;          transform: translateX(0);      } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0221f4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */
#content-activities,
#content-holiday-style {
    display: none !important;
    opacity: 0;
}

/* 2. THE CLICK LOGIC (Treats them as equals) */
/* When you click one, the other becomes 'display: none' automatically */
#content-activities:target,
#content-holiday-style:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease-out forwards;
}

/* 3. SMART INITIAL STATE */
/* Show 'Our Activities' ONLY if NO other menu item has been clicked yet */
/* This is what makes it 'Smart' - it disappears when you click Style */
body:not(:has(:target)) #content-activities {
    display: block !important;
    opacity: 1;
}

/* 4. PREMIUM MENU STYLING (Left Side) */
/* This matches your beige/green WEGUIDE style exactly */
.elementor-item[href*="#content-activities"]:focus,
.elementor-item[href*="#content-activities"]:active,
.elementor-item[href*="#content-holiday-style"]:focus,
.elementor-item[href*="#content-holiday-style"]:active {
    background-color: #f1ede4 !important; /* Premium Beige */
    color: #4a5d23 !important; /* Safari Green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 20px !important;
    transition: all 0.3s ease;
}

/* 5. PROFESSIONAL SLIDE ANIMATION */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65c24d3 *//* 1. Hide all containers by default */
#content-tanzania, 
#content-kenya, 
#content-uganda {
    display: none !important;
    opacity: 0;
}

/* 2. Logic: Show ONLY the container that is currently the 'target' */
#content-tanzania:target,
#content-kenya:target,
#content-uganda:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease forwards;
}

/* 3. The Fix: Show Tanzania ONLY if NO country is selected yet */
/* This ensures Tanzania hides the moment you click Kenya or Uganda */
:not(:has(:target)) #content-tanzania {
    display: block !important;
    opacity: 1;
}

/* 4. Smart Styling for the Active State (Left Side) */
/* We use :focus and :active to keep the highlight on the country you clicked */
.elementor-item[href*="#content-tanzania"]:focus,
.elementor-item[href*="#content-kenya"]:focus,
.elementor-item[href*="#content-uganda"]:focus,
.elementor-item[href*="#content-tanzania"]:active,
.elementor-item[href*="#content-kenya"]:active,
.elementor-item[href*="#content-uganda"]:active {
    background-color: #f1ede4 !important; /* Your beige highlight */
    color: #4a5d23 !important; /* Your Safari green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 15px !important;
    transition: all 0.3s ease;
}

/* 5. Professional Animation for a 'Smart' look */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef9fdf4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */ 
#content-top-safaris, #content-safari-beach, #content-honeymoon, #content-family, #content-beach-holiday, #content-kilimanjaro, #content-migration, #content-gorilla {             display: none !important;     opacity: 0; }  


/* 2. THE CLICK LOGIC (SHOW ONLY THE SELECTED ID) */ #content-top-safaris:target, #content-safari-beach:target, #content-honeymoon:target, #content-family:target, #content-beach-holiday:target, #content-kilimanjaro:target, #content-migration:target, #content-gorilla:target {     display: block !important;     opacity: 1;     animation: smartSlideIn 0.5s ease-out forwards; }  



/* 3. SMART INITIAL STATE */ /* Show 'Our Top Safaris' ONLY if no other menu item has been clicked yet */ body:not(:has(:target)) #content-top-safaris {     display: block !important;     opacity: 1; }  

/* 4. ACTIVE MENU STYLING (LEFT SIDE) */ /* This creates the premium beige highlight and green border for the selected item */ .elementor-item[href*="#content-"]:focus, .elementor-item[href*="#content-"]:active {     background-color: #f1ede4 !important; /* Premium Beige */     color: #4a5d23 !important; /* Safari Green */     font-weight: bold;     border-left: 5px solid #4a5d23;     padding-left: 20px !important;     transition: all 0.3s ease; }  

/* 5. PROFESSIONAL SLIDE ANIMATION */ @keyframes smartSlideIn {     from {          opacity: 0;          transform: translateX(15px);      }     to {          opacity: 1;          transform: translateX(0);      } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0221f4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */
#content-activities,
#content-holiday-style {
    display: none !important;
    opacity: 0;
}

/* 2. THE CLICK LOGIC (Treats them as equals) */
/* When you click one, the other becomes 'display: none' automatically */
#content-activities:target,
#content-holiday-style:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease-out forwards;
}

/* 3. SMART INITIAL STATE */
/* Show 'Our Activities' ONLY if NO other menu item has been clicked yet */
/* This is what makes it 'Smart' - it disappears when you click Style */
body:not(:has(:target)) #content-activities {
    display: block !important;
    opacity: 1;
}

/* 4. PREMIUM MENU STYLING (Left Side) */
/* This matches your beige/green WEGUIDE style exactly */
.elementor-item[href*="#content-activities"]:focus,
.elementor-item[href*="#content-activities"]:active,
.elementor-item[href*="#content-holiday-style"]:focus,
.elementor-item[href*="#content-holiday-style"]:active {
    background-color: #f1ede4 !important; /* Premium Beige */
    color: #4a5d23 !important; /* Safari Green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 20px !important;
    transition: all 0.3s ease;
}

/* 5. PROFESSIONAL SLIDE ANIMATION */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65c24d3 *//* 1. Hide all containers by default */
#content-tanzania, 
#content-kenya, 
#content-uganda {
    display: none !important;
    opacity: 0;
}

/* 2. Logic: Show ONLY the container that is currently the 'target' */
#content-tanzania:target,
#content-kenya:target,
#content-uganda:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease forwards;
}

/* 3. The Fix: Show Tanzania ONLY if NO country is selected yet */
/* This ensures Tanzania hides the moment you click Kenya or Uganda */
:not(:has(:target)) #content-tanzania {
    display: block !important;
    opacity: 1;
}

/* 4. Smart Styling for the Active State (Left Side) */
/* We use :focus and :active to keep the highlight on the country you clicked */
.elementor-item[href*="#content-tanzania"]:focus,
.elementor-item[href*="#content-kenya"]:focus,
.elementor-item[href*="#content-uganda"]:focus,
.elementor-item[href*="#content-tanzania"]:active,
.elementor-item[href*="#content-kenya"]:active,
.elementor-item[href*="#content-uganda"]:active {
    background-color: #f1ede4 !important; /* Your beige highlight */
    color: #4a5d23 !important; /* Your Safari green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 15px !important;
    transition: all 0.3s ease;
}

/* 5. Professional Animation for a 'Smart' look */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef9fdf4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */ 
#content-top-safaris, #content-safari-beach, #content-honeymoon, #content-family, #content-beach-holiday, #content-kilimanjaro, #content-migration, #content-gorilla {             display: none !important;     opacity: 0; }  


/* 2. THE CLICK LOGIC (SHOW ONLY THE SELECTED ID) */ #content-top-safaris:target, #content-safari-beach:target, #content-honeymoon:target, #content-family:target, #content-beach-holiday:target, #content-kilimanjaro:target, #content-migration:target, #content-gorilla:target {     display: block !important;     opacity: 1;     animation: smartSlideIn 0.5s ease-out forwards; }  



/* 3. SMART INITIAL STATE */ /* Show 'Our Top Safaris' ONLY if no other menu item has been clicked yet */ body:not(:has(:target)) #content-top-safaris {     display: block !important;     opacity: 1; }  

/* 4. ACTIVE MENU STYLING (LEFT SIDE) */ /* This creates the premium beige highlight and green border for the selected item */ .elementor-item[href*="#content-"]:focus, .elementor-item[href*="#content-"]:active {     background-color: #f1ede4 !important; /* Premium Beige */     color: #4a5d23 !important; /* Safari Green */     font-weight: bold;     border-left: 5px solid #4a5d23;     padding-left: 20px !important;     transition: all 0.3s ease; }  

/* 5. PROFESSIONAL SLIDE ANIMATION */ @keyframes smartSlideIn {     from {          opacity: 0;          transform: translateX(15px);      }     to {          opacity: 1;          transform: translateX(0);      } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0221f4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */
#content-activities,
#content-holiday-style {
    display: none !important;
    opacity: 0;
}

/* 2. THE CLICK LOGIC (Treats them as equals) */
/* When you click one, the other becomes 'display: none' automatically */
#content-activities:target,
#content-holiday-style:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease-out forwards;
}

/* 3. SMART INITIAL STATE */
/* Show 'Our Activities' ONLY if NO other menu item has been clicked yet */
/* This is what makes it 'Smart' - it disappears when you click Style */
body:not(:has(:target)) #content-activities {
    display: block !important;
    opacity: 1;
}

/* 4. PREMIUM MENU STYLING (Left Side) */
/* This matches your beige/green WEGUIDE style exactly */
.elementor-item[href*="#content-activities"]:focus,
.elementor-item[href*="#content-activities"]:active,
.elementor-item[href*="#content-holiday-style"]:focus,
.elementor-item[href*="#content-holiday-style"]:active {
    background-color: #f1ede4 !important; /* Premium Beige */
    color: #4a5d23 !important; /* Safari Green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 20px !important;
    transition: all 0.3s ease;
}

/* 5. PROFESSIONAL SLIDE ANIMATION */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65c24d3 *//* 1. Hide all containers by default */
#content-tanzania, 
#content-kenya, 
#content-uganda {
    display: none !important;
    opacity: 0;
}

/* 2. Logic: Show ONLY the container that is currently the 'target' */
#content-tanzania:target,
#content-kenya:target,
#content-uganda:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease forwards;
}

/* 3. The Fix: Show Tanzania ONLY if NO country is selected yet */
/* This ensures Tanzania hides the moment you click Kenya or Uganda */
:not(:has(:target)) #content-tanzania {
    display: block !important;
    opacity: 1;
}

/* 4. Smart Styling for the Active State (Left Side) */
/* We use :focus and :active to keep the highlight on the country you clicked */
.elementor-item[href*="#content-tanzania"]:focus,
.elementor-item[href*="#content-kenya"]:focus,
.elementor-item[href*="#content-uganda"]:focus,
.elementor-item[href*="#content-tanzania"]:active,
.elementor-item[href*="#content-kenya"]:active,
.elementor-item[href*="#content-uganda"]:active {
    background-color: #f1ede4 !important; /* Your beige highlight */
    color: #4a5d23 !important; /* Your Safari green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 15px !important;
    transition: all 0.3s ease;
}

/* 5. Professional Animation for a 'Smart' look */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef9fdf4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */ 
#content-top-safaris, #content-safari-beach, #content-honeymoon, #content-family, #content-beach-holiday, #content-kilimanjaro, #content-migration, #content-gorilla {             display: none !important;     opacity: 0; }  


/* 2. THE CLICK LOGIC (SHOW ONLY THE SELECTED ID) */ #content-top-safaris:target, #content-safari-beach:target, #content-honeymoon:target, #content-family:target, #content-beach-holiday:target, #content-kilimanjaro:target, #content-migration:target, #content-gorilla:target {     display: block !important;     opacity: 1;     animation: smartSlideIn 0.5s ease-out forwards; }  



/* 3. SMART INITIAL STATE */ /* Show 'Our Top Safaris' ONLY if no other menu item has been clicked yet */ body:not(:has(:target)) #content-top-safaris {     display: block !important;     opacity: 1; }  

/* 4. ACTIVE MENU STYLING (LEFT SIDE) */ /* This creates the premium beige highlight and green border for the selected item */ .elementor-item[href*="#content-"]:focus, .elementor-item[href*="#content-"]:active {     background-color: #f1ede4 !important; /* Premium Beige */     color: #4a5d23 !important; /* Safari Green */     font-weight: bold;     border-left: 5px solid #4a5d23;     padding-left: 20px !important;     transition: all 0.3s ease; }  

/* 5. PROFESSIONAL SLIDE ANIMATION */ @keyframes smartSlideIn {     from {          opacity: 0;          transform: translateX(15px);      }     to {          opacity: 1;          transform: translateX(0);      } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0221f4 *//* 1. HIDE ALL CONTAINERS BY DEFAULT */
#content-activities,
#content-holiday-style {
    display: none !important;
    opacity: 0;
}

/* 2. THE CLICK LOGIC (Treats them as equals) */
/* When you click one, the other becomes 'display: none' automatically */
#content-activities:target,
#content-holiday-style:target {
    display: block !important;
    opacity: 1;
    animation: smartSlideIn 0.5s ease-out forwards;
}

/* 3. SMART INITIAL STATE */
/* Show 'Our Activities' ONLY if NO other menu item has been clicked yet */
/* This is what makes it 'Smart' - it disappears when you click Style */
body:not(:has(:target)) #content-activities {
    display: block !important;
    opacity: 1;
}

/* 4. PREMIUM MENU STYLING (Left Side) */
/* This matches your beige/green WEGUIDE style exactly */
.elementor-item[href*="#content-activities"]:focus,
.elementor-item[href*="#content-activities"]:active,
.elementor-item[href*="#content-holiday-style"]:focus,
.elementor-item[href*="#content-holiday-style"]:active {
    background-color: #f1ede4 !important; /* Premium Beige */
    color: #4a5d23 !important; /* Safari Green */
    font-weight: bold;
    border-left: 5px solid #4a5d23;
    padding-left: 20px !important;
    transition: all 0.3s ease;
}

/* 5. PROFESSIONAL SLIDE ANIMATION */
@keyframes smartSlideIn {
    from { 
        opacity: 0; 
        transform: translateX(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7239da3 */your-container-class/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-46af8f8 *//* Hide container on mobile only */
@media (max-width: 767px) {
    .your-container-class {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d17112 *//* Hide container on mobile only */
@media (max-width: 767px) {
    .your-container-class {
        display: none !important;
    }
}/* End custom CSS */