#sp-header {
    background: transparent !important;
    position: absolute;
    top: 0;
}

.sp-megamenu-parent>li.active>a {
    font-weight: 600;
}

#sp-header.header-sticky {
    position: fixed !important;
    background: #000000d9 !important;
    animation: none;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    box-shadow: inset 0px -1px 0 0 #f0f0f0;
}

/* Smooth transition for header and logo */
#sp-header,
#sp-header .container-fluid,
#sp-header .container-inner,
#sp-header .row,
#sp-header #sp-logo,
#sp-header #sp-menu,
#sp-header #menu-right,
#sp-header .sp-column,
#sp-header .logo,
#sp-header .logo img,
#sp-header .sp-megamenu-parent>li>a,
#sp-header #offcanvas-toggler {
    transition: all 0.3s ease;
}

/* Sticky header - reduce height of all containers (130px → 65px) */
#sp-header.header-sticky,
#sp-header.header-sticky .container-fluid,
#sp-header.header-sticky .container-inner,
#sp-header.header-sticky #sp-logo,
#sp-header.header-sticky #sp-menu,
#sp-header.header-sticky #menu-right,
#sp-header.header-sticky .sp-column,
#sp-header.header-sticky .logo {
    height: 65px !important;
    min-height: 65px !important;
}

/* Adjust line-height for menu items and burger icon */
#sp-header.header-sticky .sp-megamenu-parent>li>a,
#sp-header.header-sticky #offcanvas-toggler {
    height: 65px !important;
    line-height: 65px !important;
}

/* Sticky logo - reduce height to half (120px → 60px) */
#sp-header.header-sticky .logo img {
    height: 60px !important;
    max-height: 60px !important;
    width: auto !important;
}

/* Sticky logo - reduce height to half (120px → 60px) */
#sp-header.header-sticky #menu-right img {
    height: 60px !important;
    max-height: 60px !important;
    width: auto !important;
}

/* Ensure logo is vertically centered */
#sp-header.header-sticky #sp-logo .sp-column {
    display: flex;
    align-items: center;
}

#sp-header.header-sticky .logo {
    display: flex;
    align-items: center;
}

.new-and-style .sppb-addon-article-layout {
    background: #fff;
    border: 5px solid #ddd;
    border-radius: 15px;
}

/* Random/Different Border & Background Colors (15 styles) */
/* 1. Watermelon Red */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+1) {
    border-color: #FF4757;
}

/* 2. Emerald Green */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+2) {
    border-color: #2ED573;
}

/* 3. Dodger Blue */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+3) {
    border-color: #1E90FF;
}

/* 4. Orange Zest */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+4) {
    border-color: #FFA502;
}

/* 5. Amethyst Purple */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+5) {
    border-color: #9B59B6;
}

/* 6. Hot Pink */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+6) {
    border-color: #FF6B81;
}

/* 7. Dark Turquoise */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+7) {
    border-color: #00CED1;
}

/* 8. Sunshine Yellow */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+8) {
    border-color: #F1C40F;
}

/* 9. Soft Lime */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+9) {
    border-color: #7BED9F;
}

/* 10. Sky Blue */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+10) {
    border-color: #70A1FF;
}

/* 11. Coral */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+11) {
    border-color: #FF7F50;
}

/* 12. Indigo */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+12) {
    border-color: #5352ED;
}

/* 13. Tomato Red */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+13) {
    border-color: #FF6348;
}

/* 14. Electric Blue */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+14) {
    border-color: #3742FA;
}

/* 15. Vibrant Raspberry */
.new-and-style .sppb-addon-article-layout-editorial-wrapper:nth-child(15n+15) {
    border-color: #E84393;
}

img.idea_area_01 {
    bottom: 20px;
    left: 32%;
    position: absolute;
    animation: zoomIn 5s linear infinite;
    opacity: 0.3
}

img.idea_area_02 {
    position: absolute;
    bottom: 40px;
    right: 44%;
    opacity: 0.3;
    animation: animationFramesOne 40s infinite
}

img.idea_area_03 {
    position: absolute;
    right: 20px;
    top: 52%;
    animation: zoomInDown 6s infinite;
    opacity: 0.3
}

img.idea_area_04 {
    position: absolute;
    top: 20px;
    left: 29%;
    opacity: 0.3;
    animation: animationFramesTwo 12s linear infinite
}

img.idea_area_05 {
    position: absolute;
    top: -5px;
    left: 0px;
    opacity: 0.2;
    animation: rotated 2s linear infinite
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@keyframes animationFramesOne {
    0% {
        transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        transform: translate(-40px, 72px) rotate(144deg)
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg)
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@keyframes animationFramesTwo {
    0% {
        transform: translate(0px, 0px) rotate(0deg) scale(1)
    }

    20% {
        transform: translate(73px, -1px) rotate(36deg) scale(0.9)
    }

    40% {
        transform: translate(141px, 72px) rotate(72deg) scale(1)
    }

    60% {
        transform: translate(83px, 122px) rotate(108deg) scale(1.2)
    }

    80% {
        transform: translate(-40px, 72px) rotate(144deg) scale(1.1)
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg) scale(1)
    }
}

@-webkit-keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1)
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9)
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1)
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2)
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1)
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1)
    }
}

@-webkit-keyframes rotated {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotated {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/* Happy Pickup Animation */
.kids-animation {
    animation: happyPickup 2.5s infinite ease-in-out;
    transform-origin: bottom center;
    /* Pivot from feet/bottom */
    position: absolute;
}

@keyframes happyPickup {

    0%,
    100% {
        transform: translateY(0) rotate(0deg) scale(1);
    }

    15% {
        transform: translateY(-15px) rotate(-3deg) scale(1.05);
    }

    /* Jump Up */
    30% {
        transform: translateY(0) rotate(0deg) scale(0.95);
    }

    /* Land/Squish */
    45% {
        transform: translateY(-7px) rotate(3deg) scale(1.02);
    }

    /* Small Hop */
    60% {
        transform: translateY(0) rotate(0deg) scale(1);
    }

    /* Land */
}

.sp-page-title {
  padding-top: 250px;
  background-image: url('../images/title-head.jpg');
  background-size: cover;
  background-position: top;
  background-blend-mode: darken;
  background-color: #000000b2;
  padding-bottom: 30px;
}
#sp-bottom {
  background-color: transparent !important;
  padding: 0 !important;
}


@media(max-width: 991px) {

 #sp-logo.has-border {
    padding-right: 0;
  }
   #sp-header .sp-module {
    margin-left: 0;
  }
  #sp-header.header-sticky #menu-right img {
  height: 45px !important;
  max-height: 50px !important;
  width: auto !important;
}
.burger-icon > span {
  display: block;
  height: 2px;
  background-color: #fff;
}
img.kids-animation {
  height: 150px;
}
.sppb-row.sppb-addon-article-layout-editorial-row {
  padding: 0 15px;
}
}


#sp-menu, .sp-megamenu-parent {
    position: static !important;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    width: 100%;
    max-width: 100%;
}
.sp-dropdown-inner {
    margin-top: 0 !important;
}