/***TOP BANNER***/
.top-banner.section{
    padding-top: clamp(52px,8%,140px);
    padding-bottom: clamp(52px,8%,140px);
}
.top-banner .title-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.top-banner .maintitle{
    color:var(--primary);
    font-size:var(--font-size--big) 
}
.top-banner .maintitle .sp-main {
    display:block;
    font-family:var(--font-family--h2);
    font-weight:400;
    font-size:var(--font-size--h1)
}
.top-banner .subtitle {
    color:var(--secondary);
    font-weight:400;
}
.top-banner .title-col .btn{
    font-weight:900;
    color:var(--primary);
    width:200px
}
.top-banner .title-col .btn:hover{
    color:var(--white)
}
.top-banner .img-col{
    display:flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 20px
}
@media(min-width:501px){
    .section.top-banner {
        background-image:url(/wp-content/uploads/2025/04/shot-of-a-multi-generational-family-spending-time-2023-11-27-05-09-03-utc.jpg);
        background-position:78% center;
        background-repeat:no-repeat
    }  
	.top-banner .title-col{
        width: 65%;
    }
    .top-banner .img-col{
        width: 35%;
    }
}
@media(max-width:500px){
    .section.top-banner{
        background-color: #ECDDC8;
    }
	.top-banner .title-col{
        text-align:center
    }
    .top-banner .title-col .btn{
        margin-right:auto;
        margin-left:auto;
    }
    .top-banner .img-col{
        max-width:400px;
        width:100%
    }
}
/***IUL***/
.section.iul-sctn {
    padding-top:clamp(32px, 6%, 100px)
}
.iul-sctn .title-col {
    text-align:center;
    width:100%
}
.iul-sctn .title-col .maintitle{
    color:var(--primary);
	text-transform: uppercase;
}
.iul-sctn .title-col p{
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}
.iul-sctn .img-col {
    display:flex;
    position:relative
}
.iul-sctn .img-col>picture,
.iul-sctn .img-col img{
    height:100%;
    width:100%;
    object-fit:cover
}
.iul-sctn .text-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.iul-sctn .text-col .btn{
    width:200px
}
.iul-sctn .text-col .subtitle{
    color:var(--primary);
	text-transform: uppercase;
}
@media(min-width:1201px){
    .iul-sctn .img-col.img-col-1{
        margin-left: -30%;
        width:80%
    }
	.iul-sctn .img-col.img-col-2 {
        margin-right: -30%;
        width:80%
    }
}
@media(min-width:601px){
    .iul-sctn .title-col {
        margin-bottom:32px;
    }
    .iul-sctn .text-col{
        padding-top:5%;
        padding-bottom:5%;
        width:50%
    }
    .iul-sctn .text-col-1{
        padding-left:5%
    }
    .iul-sctn .text-col-2{
        padding-right:5%
    }
}
@media(max-width:1200px) and (min-width:601px){
    .iul-sctn .img-col.img-col-1{
        width:50%
    }
	.iul-sctn .img-col.img-col-2 {
        width:50%
    }
}
@media(max-width:600px){
    .iul-sctn .title-col{
        order:1
    }
    .iul-sctn .img-col-1{
        order:2
    }
    .iul-sctn .text-col-1{
        order:3
    }
    .iul-sctn .img-col-2{
        order:4
    }
    .iul-sctn .text-col-2{
        order:5
    }
    .iul-sctn .text-col{
        padding-top:32px;
        padding-bottom:32px;
        text-align:center
    }
    .iul-sctn .text-col .btn{
        margin-right:auto;
        margin-left:auto
    }
    .iul-sctn .text-col .subtitle{
        margin-bottom:8px
    }
	.iul-sctn .img-col.img-col-1{
        margin-left: -30%;
        width:120%;
        max-height:200px
    }
	.iul-sctn .img-col.img-col-2 {
        margin-right: -30%;
        width:120%;
        max-height:200px
    }
}
/***ICON***/
.icon-sctn .icon-col {
    position:relative;
    display: flex;
    flex-direction: column;
}
.icon-sctn .icon-col .icon{
    display:flex;
    margin-bottom:20px;
    align-items: flex-end;
}
.icon-sctn .icon-col .icon .maintitle{
    font-family:var(--font-family--h1);
    margin:0;
    color:var(--primary);
    margin-left:12px;
    border-left: 3px solid var(--secondary);
    padding-left: 12px;
    max-width: 250px;
    min-height: 80px;
    display: flex;
    align-items: flex-end;
	text-transform: uppercase;
}
.icon-sctn .icon-col .btn{
    margin-top:auto;
    border-top:0;
    border-radius:0;
    border-right:0;
    border-left:0
}
@media(min-width:1025px){
    .icon-sctn .section-wrap{
        justify-content:space-between;
        gap:100px
    }
    .icon-sctn .icon-col {
        width: calc(33% - 68px);
    }
    .icon-sctn .icon-col:not(:last-of-type)::after{
        content:"";
        height: 83%;
        width:1px;
        background-color:var(--secondary);
        position:absolute;
        top:0;
        right: -52px;
    }
}
@media(min-width:601px){
    .section.icon-sctn {
		padding-top:clamp(32px, 8%, 120px);
		padding-bottom:clamp(32px, 6%, 100px);
	}
}
@media(max-width: 1024px) and (min-width:601px){
    .icon-sctn .icon-col{
        padding:32px
    }
    .icon-sctn .icon-col .icon .maintitle{
        max-width:240px
    }
}
@media(max-width: 600px){
    .icon-sctn .icon-col{
        padding-top:40px;
        text-align:center;
        padding-bottom:40px
    }
    .icon-sctn .icon-col .btn{
        margin-right:auto;
        margin-left:auto;
    }
    .icon-sctn .icon-col .icon{
        justify-content:center;
        text-align:left;
        max-width:240px;
        margin-right:auto;
        margin-left:auto
    }
    .icon-sctn .icon-col .icon img{
        max-width: 42px;
        width:100%;
		min-width: 40px;
    }
    .icon-sctn .icon-col:not(:last-of-type){
        border-bottom:1px solid var(--secondary)
    }
}
/***ABOUT***/
.section.about-sctn {
    background-color:var(--primary);
    color:var(--white);
    padding-top:clamp(32px, 6%, 100px);
    padding-bottom:clamp(32px, 6%, 100px)
}
.about-sctn .title-col {
    width:100%;
    text-align:center;
}
.about-sctn .maintitle{
    text-transform: uppercase;
    margin-bottom:8px
}
.about-sctn .subtitle{
    font-family:var(--font-family--h2);
    font-weight:400;
    color:var(--light-secondary)
}
.about-sctn .text-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-sctn .text-col hr{
    height:2px;
    margin-bottom:20px;
    width:100%
}
.about-sctn .text-col .title{
    font-family:var(--font-family--h1);
    margin-bottom:8px;
    text-transform:uppercase
}
.about-sctn .video-col{
    display:flex;
    align-items: center;
}
.about-sctn .text-col{
    font-size:clamp(16px, 2vw, 24px)
}
@media(min-width:601px){
    .about-sctn .title-col {
        margin-bottom:32px
    }
    .about-sctn .text-col {
        width: 50%;
        padding-right: 5%;
    }
    .about-sctn .video-col{
        width:50%;
    }
}
@media(max-width:600px){
    .about-sctn .text-col{
        text-align:center
    }
}
/***FOUNDER***/
.section.founder-sctn {
    padding-bottom:32px
}
.founder-sctn .text-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.founder-sctn .maintitle {
    color:var(--primary);
    margin-bottom:8px
}
.founder-sctn .subtitle{
    font-family:var(--font-family--h2);
    font-weight:400;
    color:var(--secondary)
}
.founder-sctn .text-col .btn{
    width:200px
}
.founder-sctn .img-col {
    position:relative;
    display:flex;
    align-items: center;
}
.founder-sctn .name-col {
    background-color:var(--primary);
    color:var(--white);
    position:absolute;
    bottom:0;
}
.founder-sctn .name-col p{
    margin:0;
    text-transform:uppercase;
    font-size: clamp(12px, 1.4vw, 16px);
}
.founder-sctn .name-col .name{
    font-family:var(--font-family--h1);
    font-size: clamp(14px, 2.2vw, 24px);
}
@media(min-width:1251px){
    .founder-sctn .img-col {
        width:80%;
        margin-right:-30%;
    }
    .founder-sctn .name-col {
        padding: 20px 52px
    }
}
@media(min-width:801px){
    .founder-sctn .text-col {
        width:50%;
        padding-right: 5%;
        padding-top: clamp(32px, 8%, 100px);
		padding-bottom: 32px;
    }
    .section.founder-sctn {
        padding-bottom:32px
    }
    .founder-sctn .name-col {
        left:-10%;
    }
	.founder-sctn .desktop-none{
		display:none
	}
}
@media(max-width:1250px) and (min-width:801px){
    .founder-sctn .img-col{
        width:50%
    }
}
@media(max-width:1250px){
    .founder-sctn .name-col{
        padding:12px 20px
    }
    .founder-sctn .name-col .name{
        display:block
    }
}
@media(max-width:800px){
    .founder-sctn .text-col {
        text-align:center;
        align-items:center
    }
    .section.founder-sctn{
        padding-top:42px
    }
    .founder-sctn .name-col{
        left:0;
        right:0;
        margin:auto;
        text-align:center;
        width:fit-content
    }
	.founder-sctn .mobile-none{
		display:none
	}
	.founder-sctn .img-col{
		padding-bottom:32px
	}
}
/***REVIEWS***/
@media(min-width:501px){
    .section.reviews-sctn {
        background-image:url(/wp-content/uploads/2025/04/reviews-bg.jpg);
        background-position:center;
        background-repeat:no-repeat
    }
    .reviews-sctn .review-col {
        padding: 52px 42px;
        box-shadow: 0 0 20px 0 #00000059;
    }
}
.section.reviews-sctn{
    text-align:center;
    padding-top:clamp(32px, 6%, 100px);
    padding-bottom:clamp(32px, 4%, 72px);
}
.reviews-sctn .bg-gradient{
    position:absolute;
    width:100%;
    height:100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    top: -2px;
}
.reviews-sctn .section-wrap{
    z-index:1
}
.reviews-sctn .maintitle{
    color:var(--primary)
}
.reviews-sctn .subtitle {
    font-family:var(--font-family--h2);
    font-weight:400;
    color:var(--secondary)
}
.reviews-sctn .title-col{
    max-width:800px
}
.reviews-sctn .review-col {
    background-color:var(--white);
    width:90%;
    margin-right:auto;
    margin-left:auto;
    border-radius:8px;
    margin-top: 32px;
    margin-bottom: 32px;
    border: 2px solid var(--primary);
}
.reviews-sctn .name {
    margin-bottom:0;
    color:var(--primary);
    font-family:var(--font-family--h1)
}
.reviews-sctn .name .stars{
    color:#FFEB3B;
    font-size:20px
}
.reviews-sctn .reviews-cont {
    width:100%
}
.reviews-sctn .splide__pagination__page.is-active {
    background-color:var(--primary)
}
.reviews-sctn .splide__arrow{
    background-color:transparent;
}
.reviews-sctn .splide__arrow--next {
    right:0
}
.reviews-sctn .splide__arrow--prev {
    left:0
}
.reviews-sctn .splide__pagination__page{
    background-color:var(--white)
}
.reviews-sctn p{
    text-wrap:balance
}
@media(max-width:500px){
    .reviews-sctn .splide__arrow--next {
        right:-1em
    }
    .reviews-sctn .splide__arrow--prev {
        left:-1em 
    }
    .section.reviews-sctn{
        background-color:var(--light-gray)
    }
    .reviews-sctn .review-col{
        padding:20px
    }
}
/***FAQ***/
.section.faq-sctn {
    background-color:var(--primary);
    color:var(--white);
    padding-top:clamp(32px, 6%, 100px);
    padding-bottom:clamp(32px, 6%, 100px)
}
.faq-sctn .title-col {
    width:100%;
}
.faq-sctn .title-col hr{
    height:2px
}
.faq-sctn .maintitle .sp-main{
    color:var(--light-secondary);
    font-weight:400;
}
.faq-sctn details h4{
    margin:0;
    font-size:var(--font-size--h5)
}
.section.faq-sctn details{
    border-color:var(--light-secondary); 
}
.faq-sctn details summary::after{
    color:var(--white)
}
@media(max-width:500px){
    .faq-sctn .maintitle{
        text-align:center
    }
}
/***CONTACT***/
.section.contact-sctn{
    padding-top:clamp(52px, 4%, 72px);
    padding-bottom:clamp(52px, 4%, 72px)
}
.contact-sctn .maintitle{
    color:var(--primary);
}
.contact-sctn .subtitle{
    font-family:var(--font-family--h2);
    font-weight:400;
    color:var(--secondary)
}
.contact-sctn .form-col{
    background-color: #ffffffd1;
    border-radius:20px;
    box-shadow: 0 0 20px 0 #0000004d;
}
.contact-sctn .text-col hr{
    margin-bottom:32px
}
@media(min-width:801px){
    .section.contact-sctn {
        background-image:url(/wp-content/uploads/2025/04/contact-bg.jpg);
        background-position:center;
        background-repeat:no-repeat
    }
    .contact-sctn .text-col{
        width:45%;
        padding-right:5%;
		display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .contact-sctn .form-col{
        width:55%;
        padding:52px;
    }
}
@media(max-width:800px){
    .contact-sctn .text-col{
        text-align:center
    }
    .contact-sctn .subtitle{
        margin-bottom:8px
    }
    .contact-sctn .text-col hr{
        height:3px
    }
    .contact-sctn .form-col{
        padding:32px 20px;
        max-width: 100%;
    }
    .section.contact-sctn {
        background-color: #ECDDC8;
    }
}