/** KID FAMILY CSS **/
.winner-carousel .owl-item {    padding-left: 10px;
    padding-right: 10px;}

.modal .btn:hover,.family-pgs .btn:hover {color: var(--bs-btn-hover-color) !important;background-color: var(--bs-btn-hover-bg) !important;border-color: var(--bs-btn-hover-border-color) !important;}
.modal .btn-white:hover, .family-pgs .btn-white:hover {--bs-btn-hover-bg: #000;--bs-btn-hover-border-color: #000;--bs-btn-hover-color: #fff;}
.modal .btn-black:hover, .family-pgs .btn-black:hover {--bs-btn-hover-bg: #CCFF00;--bs-btn-hover-border-color: #000;--bs-btn-hover-color: #000;}

section.circles-bg::before {z-index: 9;}
.bg-neon-orange .circles-bg:before,.catemain-pg .circles-bg:before{background-image: url(/wp-content/uploads/2025/08/union-orange.svg);}
.bg-neon-sky .circles-bg:before {background-image: url(/wp-content/uploads/2025/08/union-sky.svg);}

.bg-neon-yellow .circles-bg:before {background-image:url(/wp-content/uploads/2025/08/union-yellow.svg);}
.circles-bg:before {background: url(/wp-content/uploads/2025/08/union-yellow.svg) center bottom;background-repeat:repeat-y;content:"";position:absolute;bottom:0;left:100%;right:0;width:90px;height:100%;background-size:contain;z-index:1;transform:translateX(-50%);}

.plans-pg .basic-entry {padding: 55px !important;}
.plans-pg .plans-price {min-height:425px;}
.progrid-addons ul {min-height: 75px;}
.progrid-addons h3 {min-height: 60px;}
.ribbone-frame::before {background: url(/wp-content/uploads/2025/07/kids-frame.png) center bottom;background-repeat: repeat-x;}
.smile-pruple-icons {top: 90px;z-index: -1;max-width: 150px;}
.founders-grid .smile-pruple-icons {top: 130px;z-index: -1;max-width: 270px;right:15px !important;}
.bg-shade {background: linear-gradient(360deg, #FFF 0%, #ffffff00 100%);position: relative;margin-top: -80px;height: 80px;}
.rainbox-icons {transform: rotate(-10deg);}
.softpink-jelly-icons img {bottom: -90px !important;position: relative;left: -40px;}
.judging-sec li {list-style: none;}
.judging-sec li:before {width: 6px;height: 6px;content: "";position: absolute;background: #fff;border-radius: 50px;top: 10px;margin-left: -12px;}
.scroll-arrow {transition: all 0.4s ease-in-out;}
.slider-popup .owl-nav button.owl-next:after, .slider-popup .owl-nav button.owl-prev:after {content:"";height: 100%;position: absolute;right:0;top: 0;z-index:1;width: 70px;background: linear-gradient(270deg, #FFF 9%, #fff0 75%)}
.slider-popup .owl-nav button.owl-prev:after {left:0;right:unset;background: linear-gradient(90deg, #FFF -4%, #fff0 35%)}
.slider-popup .owl-nav {position: absolute;bottom: 0;top: 0;margin: auto;width: 100%;height: 50px;display: flex;align-items: center;justify-content: space-between;z-index: 99;}
.slider-popup .owl-nav button span{color:transparent;}
.slider-popup .owl-nav button.disabled {opacity: 0;}
.slider-popup .owl-nav button {height: 112vh;width: 36px;position: relative;top: 0px;}
.slider-popup .owl-nav button:before {content: "\f060";z-index:2;position: absolute;left: 0;right: 0;color: #000;font-family: 'FontAwesome';width: 36px;height: 36px;border-radius: 50px;background: #ffffff !important;cursor: pointer !important;box-shadow: 0 1.5px 15.6px 0 rgba(0, 0, 0, 0.24);display: flex;align-items: center;justify-content: center;}
.slider-popup .owl-nav button.owl-next:before {content: "\f061";left: -20px;}
.accordion-mains .accordion-item:first-child {border-top: 0;padding-top: 0;}
.progrid-image, .progrid-image img {max-height: 120px;width: 100%;object-fit: cover;}
.slider-popup.owl-carousel .owl-stage {padding-left: 0px !important;display: flex;}
.slider-popup {overflow: hidden;}

.package-section.ribbone-frame::before {transform: rotate(-1.3deg);margin-bottom: -30px !important;left: -20px;width: calc(100% + 40px);}
.nominate-section.ribbone-frame::before {background: url(/wp-content/uploads/2025/08/or.svg) no-repeat center bottom;height:120px;bottom: -50px;z-index: 1;}
.nominate-section {padding-bottom: 60px !important;}
.judging-sec:before {background: url('/wp-content/uploads/2025/08/11paper-bg.svg') no-repeat center center;position: absolute;width: 100%;height: 100%;opacity:0.20;background-size: cover;content: "";top:0;}

@media only screen and (min-width: 1200px){
	.package-section .top-title p {/*max-width: 610px;margin: 0 auto;*/}
	.addon-section .top-title p {max-width: 610px;margin: 0 auto;}
	.seasonal-section .top-title p {max-width: 600px;margin: 0 auto;}
	.seasonal-grid ul {min-height: 360px;}
	.seasonal-grid h3 {min-height:60px;}
}
@media only screen and (max-width: 991px){
	.progrid-addons .p-14 {font-size: 14px;}
	.nominate-section.ribbone-frame::before{
		    height: 80px;
    bottom: -40px;
        background-size: contain;
	}
	
}	
@media only screen and (max-width: 1399px) and (min-width: 1200px){	
	.seasonal-section .prodgrid-btns{flex-direction: column !important;}
	.founders-grid .smile-pruple-icons,	.jelly-icons {max-width: 200px;}
	.rain-icons {max-width: 280px;}
	.judging-sec .softpink-jelly-icons {right:-50px !important;}
	.family-pgs .hero-banner h1 {font-size: 5.5vw !important;}
}
@media only screen and (max-width: 1199px) and (min-width: 991px){
	.catesingle-pg .single-cate-sec .badge {font-size: 1.0rem;}
	.catesingle-pg .single-cate-sec h2 {font-size: 1.8rem;}
	.catesingle-pg .single-cate-center p {font-size: 13px;}
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
	.jelly-icons {
        width: 20vw;
        margin-bottom: -50px !important;
        max-width: 210px;
    }
	.rain-icons {
        max-width: 280px;
        left: 20px !important;
        margin-top: 0 !important;
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
	.jelly-icons {
        max-width: 150px;
        margin-bottom: -70px !important;
    }	
	.rain-icons {
        max-width: 220px;
        left: 20px !important;
        margin-top: -70px !important;
    }
}
@media only screen and (max-width: 1199px) and (min-width: 768px){
	.newsletter-icon-1 {
		left: -50px;
		bottom: -200px;
		width: 400px;
	}
	.founders-grid .smile-pruple-icons {
        top: -30px;
        right: unset;
        max-width: 180px;
        left: 0;
    }
	.smile-pruple-icons {top: -60px;bottom: unset;max-width: 100px;}
	.package-section.ribbone-frame::before {width: calc(100% + 10px);}
	.plans-pg .basic-entry {padding: 40px 30px !important;}
	.family-pgs .hero-banner .container {max-width: 100%;padding: 0 15px 0 50px;}
	.family-pgs .hero-banner h1 {font-size: 5vw !important;}
	.rainbox-icons {top: -120px !important;max-width: 210px;}
	.softpink-jelly-icons {max-width: 160px;top: unset !important;bottom: -48px !important;}
	.kidfam-label {max-width: 140px;}
}
@media only screen and (max-width: 767px) {
	.winner-carousel .owl-item {padding-left: 5px;padding-right: 5px;}
	.bg-neon-sky .circles-bg:before, .bg-neon-orange .circles-bg:before,.catemain-pg .circles-bg:before{
        background-size: 58px;
        background-position: top;	
		top: -50px;
		height: 50px;
	}
	
	.smile-pruple-icons {top: -80px;bottom: unset;max-width: 100px;}
	.founders-grid .smile-pruple-icons {
		top: -30px;
		right: unset;
		max-width:200px;
		left: 0;
	}
	.package-section.ribbone-frame::before {
		left: -15px;
		width: 100%;
	}
	.progrid-addons ul,	.plans-pg .plans-price {min-height:auto;}
	.circles-bg:before {
		transform: unset;
		left: -5vw;
		right: 0;
		margin: auto 0;
		top: -50px;
		width: 110vw;
		height: 400px;
		bottom: unset;
		background-repeat: repeat-x;
	}
	.prodgrid-btns {
		padding-top: 20px !important;
	}
	section.circles-bg::before {
		opacity: 0;
	}
	.nominate-section p.p-24 * {
		font-weight: 400;
	}
	.nominate-section p.p-24 {
		font-size: 18px !important;
		font-weight: 400 !important;
		margin-bottom: -15px !important;
		line-height: 28px;
	}
	.plans-price li.opacity-0 {
		display: none !important;
	}
	.jelly-icons {
        max-width: 100px;
        right: -20px !important;
        left: unset !important;
        margin-bottom: 0px !important;
        z-index: 0 !important;
        height: 70px;
        overflow: hidden;
    }
	.rain-icons {
        max-width: 170px;
        left: 40px !important;
    }	
	.family-pgs .full-banner-50 {margin: 0 calc(-1 * var(--bs-gutter-x));}
	.plans-pg .basic-entry {
        padding: 15px 10px 20px !important;
        border-radius: 20px !important;
    }
	.family-pgs .hero-banner .container {max-width:100%;}
	.family-pgs .accordion .accordion-button h3 {font-size: 21px !important;}
	.family-pgs .accordion .accordion-button svg {width: 20px;height: 20px;min-width: 20px;}
	.listpoints h3 {font-size: 20px;}
	.accordion-mains .accordion-button span {font-size: 24px;}
	.rainbox-icons {top: -120px !important;max-width: 210px;left: 20px !important;}
	.softpink-jelly-icons {max-width: 160px;top: unset !important;bottom: -48px !important;right: 0px !important;}
	.kidfam-label {left: unset !important;max-width: 130px;right: -60px;margin-bottom: -40px !important;}
	.softpink-jelly-icons img {left: 0px;}
	.progrid-seasonal:before, .progrid-seasonal:after {display:none;}
	.progrid-item {gap: 10px !important;}
	.smile-pruple-icons {top: -60px;}
	.judging-sec h2 {font-size: 32px;}
	.family-pgs .cate-banner .overflow-hidden {overflow: unset !important;}		
	.family-pgs .hero-banner p{max-width: 320px;margin: 0 auto;}
	.family-pgs .hero-banner h1 {font-size: 32px !important;max-width: 320px;margin: 0 auto;}
	.banner-full-img, .banner-full-img img {max-height: 290px;overflow: hidden;object-fit: cover;object-position: 0px 20%;max-width: 320px;margin: 0 auto;right: 5% !important;width: 120% !important;}
	.family-pgs .hero-banner .d-grid {padding: 40px 0;}	
	
	.svgbanner.leftside-frame {transform: rotate(90deg);margin-top: 10px;}
}
@media only screen and (max-width: 767px) and (min-width: 576px){
	.banner-full-img {width: calc(114% + var(--bs-gutter-x)) !important;right: calc(var(--bs-gutter-x) / 0.6) !important;}
}
@media only screen and (max-width: 575px) {
	/*.community-content h2 {font-size: 32px;}*/
	.catesingle-pg .single-cate-sec h2 {font-size: 1.8rem;}
}

@media only screen and (min-width: 992px) {
    .full-banner-50 {
		width: 50vw;
	}
	.full-banner-50 img {
        height: 100%;
        object-fit: cover;
    }
}