/** 2026 AWARDS PAGES **/
@media (min-width: 1200px) {
    .fiv-sec-grid .col-xl-3 {
        flex: 0 0 auto;
        width: 20%;
    }
}

.connect-bar .what-happens-card:before {
    content: "";
    position: absolute;
    width: calc(100% + var(--bs-gutter-x));
    height: 15px;
    background: var(--bs-pink);
    left:  calc(var(--bs-gutter-x)* -.5);
    top: 0;
}
.connect-bar .what-happens-card h5 {
	min-height:50px;
}
.connect-bar .what-happens-card {
    padding-top: 60px;
}
.connect-bar .what-happens-card:after {
    content: "";
    width: 5px;
    height: 70px;
    top: 0;
    background: var(--bs-pink);
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    z-index: -1;
}
.primary-bar .what-happens-card:before, .primary-bar .what-happens-card:after {
	background: var(--bs-primary);
}
.greendark-bar .what-happens-card:before, .greendark-bar .what-happens-card:after {
	background: var(--bs-greendark);
}
.darkblue-bar .what-happens-card:before, .darkblue-bar .what-happens-card:after {
	background: var(--bs-darkblue);
}
.purple-bar .what-happens-card:before, .purple-bar .what-happens-card:after {
	background: var(--bs-purple);
}
.yellowdark-bar .what-happens-card:before, .yellowdark-bar .what-happens-card:after {
	background: var(--bs-yellowdark);
}

.intro-live-sec {
    background-repeat: repeat-x;
    background-position: top center;
}

.pattern-wave.bg-purple:before, .pattern-wave.bg-purple:after {
    background-image: url(/wp-content/uploads/2026/02/waves-border-purple.svg);
}


.home26 .hero-kids-family .hero-main-left .kids-icon-1 {
    top: 50px;
    right: unset;
    width: unset;
    max-width: 120px;
    left: 10px;
}
.home26 .hero-kids-family .hero-main-left .kids-icon-2 {
    top: 37%;
    right: -90px;
    width: auto;
    max-width: 280px;
}
.home26 .hero-kids-family .hero-main-left .kids-icon-3 {
    bottom: 20px;
    right: -62px;
    width: auto;
    max-width: 130px;
}
.home26 .hero-kids-family .hero-main-right .kids-icon-1 {
    top: -90px;
    left: -100px;
    width: auto;
    max-width: 250px;
}
.home26 .hero-kids-family .hero-main-right .kids-icon-2 {
    left: -50px;
    bottom: 20px;
    width: auto;
    top: unset;
    max-width: 100px;
}
.home26 .hero-kids-family .hero-main-right .kids-icon-3 {
    top: 55%;
    left: unset;
    width: auto;
    max-width: 220px;
    right: -40px;
}
.home26 .bitabout-section {
    min-height: 700px;
}
.home26 .bitabout-section .floatingimages img {
    position: absolute;
}
.home26 .bitabout-section .floatingimages {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 1650px;
    margin: auto;
}
.home26 .bitabout-section .floatingimages img.floating-image-1 {
    left: 20px;
    top: 30px;
    max-width: 250px;
}
.home26 .bitabout-section .floatingimages img.floating-image-2 {
    left: 160px;
    bottom: 50px;
    max-width: 240px;
}
.home26 .bitabout-section .floatingimages img.floating-image-3 {
    right: 60px;
    top: 30px;
    max-width: 260px;
}
.home26 .bitabout-section .floatingimages img.floating-image-4 {
    right: 20px;
    bottom: 20px;
    max-width: 370px;
}
.home26 .intro-banner .floatbadge {
    position: absolute;
    max-width: 200px;
}
.home26 .intro-banner .floatbadge-l {
    left: 120px;
    top: -50px;
}
.home26 .intro-banner .floatbadge-r {
    right: 120px;
    top: 60px;
}
.home26 .meet-creators-section .content {
	margin-top:-180px;
}
.pricingplan26 .premium-section .eye-icons , .pricingplan26 .premium-section .badge-icons {
    top: 50px;
    right: 40px !important;
    max-width: 100px;
}

.content-mob.d-block br {
    display: none !important;
}

@media only screen and (max-width: 1560px) and (min-width: 1400px){
	.home26 .bitabout-section .floatingimages img.floating-image-2 {
		left: 80px;    		
	}
}
@media only screen and (max-width: 1399px) and (min-width: 1200px){
	.home26 .intro-banner .floatbadge-r {
		right: 40px;
		max-width: 160px;
	}
	.home26 .intro-banner .floatbadge-l {
		left: 40px;
		max-width: 160px;
	}
	.home26 .bitabout-section .floatingimages img.floating-image-1 {
		max-width: 220px;
	}
	.home26 .bitabout-section .floatingimages img.floating-image-2 {
		left: 30px;    
		max-width: 200px;
	}
	.home26 .bitabout-section .floatingimages img.floating-image-3 {
		max-width: 220px;
	}
	.home26 .bitabout-section .floatingimages img.floating-image-4 {    
		max-width: 300px;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
	.home26 .intro-banner .floatbadge-r {
		right: 00px;
		max-width: 160px;
	}
	.home26 .intro-banner .floatbadge-l {
		left: 00px;
		max-width: 160px;
	}
	.home26 .bitabout-section .floatingimages img.floating-image-1 {
		max-width: 180px;
	}
	.home26 .bitabout-section .floatingimages img.floating-image-2 {
		left: 20px;    
		max-width: 170px;
	}
	.home26 .bitabout-section .floatingimages img.floating-image-3 {
		right: 20px;    
		max-width: 180px;
	}
	.home26 .bitabout-section .floatingimages img.floating-image-4 {
        max-width: 275px;
        right: 5px;
        bottom: 10px;
    }
	.home26 .meet-creators-section .content {
		margin-top:-140px;
	}
	.recap-list .recap-box-1 > div, .recap-list .recap-box-2 > div, .recap-list .recap-box-3 > div {
		min-height: 340px !important;
	}
	.pricingplan26 .premium-section .eye-icons, .pricingplan26 .premium-section .badge-icons {
		top: 70px;
		right: 30px !important;
		max-width: 90px;
	}
}
@media only screen and (max-width: 991px) {
	.home26 .twice-section .wrap-choice {
		justify-content: center;	
		margin: 0 auto;
	}
    .home26 .hero-main, .home26 .bitabout-section {
        height: auto;
        min-height: auto !important;
    }
	.home26 .newsletter-section {
        padding-bottom: 4rem;
    }
	.home26 .meet-creators-section .content {
		margin-top:-100px;
	}
	.pricingplan26 .premium-section .eye-icons, .pricingplan26 .premium-section .badge-icons {
		top: 95px;
		right: 30px !important;
		max-width: 80px !important;
	}
	.recap-list .recap-box-1 > div, .recap-list .recap-box-2 > div, .recap-list .recap-box-3 > div {
		min-height: 320px !important;
	}
	.pricingplan26 .display-6 {font-size:32px !important;}
}
@media only screen and (max-width: 767px) {
	.home26 .twice-section .wrap-choice {
		max-width: 380px;
	}
	.home26 .twice-section h2 {max-width:100% !important;}
	.home26 .meet-creators-section .content {
		margin-top:20px;
	}
	.home26 .recap-list > div > div {
		max-width: 320px;
	}
	.pricingplan26 .premium-section .eye-icons, .pricingplan26 .premium-section .badge-icons {
		top: 60px;
		right: 30px !important;
		max-width: 80px !important;
	}
	.recap-list .recap-box-1 > div, .recap-list .recap-box-2 > div, .recap-list .recap-box-3 > div {
		min-height: 290px !important;
	}
}
@media only screen and (max-width: 575px) {
	.connect-bar .what-happens-card {padding-top:0;max-width:250px;margin:0 auto;}
	.connect-bar .what-happens-card:before, .connect-bar .what-happens-card:after {
		display: none;
	}
	.connect-bar .what-happens-card h5 {min-height:auto !important;margin:-10px 0 10px !important;}
}