/***CTA BANNER***/
.cta-banner{
    background:var(--gradient2);
    padding-top:32px;
    padding-bottom:32px;
    color:var(--white);
}
.cta-banner .maintitle{
    font-size:clamp(20px, 2.4vw, 31px)
}
.cta-banner .btn-col {
    display:flex;
    align-items:center
}
.cta-banner .btn-col .btn{
    flex-grow:1;
    font-size:clamp(20px, 2.5vw, 29px)
}
.cta-banner .title-col{
    display:flex;
    align-items:center
}
@media(min-width:601px){
    .cta-banner .maintitle{
        margin-bottom:0
    }
    .cta-banner .title-col{
        width:calc(100% - 260px);
        padding-right:12px;
    }
    .cta-banner .btn-col{
        width:260px;
    }
}
@media(max-width:600px){
    .cta-banner .maintitle{
        margin-bottom:8px;
        text-align:center
    }
    .cta-banner .title-col{
        width:100%
    }
    .cta-banner .btn-col{
        width:100%;
        justify-content:center;
    }
    .cta-banner .btn-col .btn{
        max-width:300px
    }
}
/***ABOUT***/
.section.about-sctn {
    padding-top:clamp(32px, 4%, 72px);
    padding-bottom:clamp(32px, 6%, 120px)
}
.about-sctn .maintitle{
    color:var(--primary);
}
.about-sctn .subtitle {
    color:var(--secondary)
}
.about-sctn .btn-col{
    width:100%;
    display:flex;
    gap:16px;
    align-items:center
}
.about-sctn .btn-col .btn{
    max-width:191px;
    flex-grow:1
}
.about-sctn .img-col{
    border-radius: 36px;
    display:flex;
    flex-wrap:wrap;
    position:relative;
    overflow:hidden;
}
.about-sctn .img-col>img:not(.logo),
.about-sctn .img-col>picture:not(.logo){
    height:100%;
    width:100%;
    object-fit:cover
}
.about-sctn .img-col .logo{
    position:absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin:auto;
    top: 0;
    width:80%
}
@media(min-width:801px){
    .about-sctn .text-col{
        width:50%
    }
    .about-sctn .img-col{
        width:45%;
        margin-right:auto
    }
}
@media(max-width:800px){
    .about-sctn .text-col{
        width:100%;
        text-align:center;
        padding-top:32px
    }
    .about-sctn .btn-col{
        justify-content:center;
    }
    .about-sctn .img-col{
        width:100%;
        max-width:500px
    }
}
/***WHY US***/
.section.whyus-sctn {
    text-align:center;
    padding-top:clamp(32px, 6%, 100px);
    padding-bottom:clamp(32px, 6%, 100px)
}
.whyus-sctn .section-wrap{
    gap:32px;
    justify-content:space-evenly
}
.whyus-sctn .maintitle{
    color:var(--primary);
}
.whyus-sctn .title-col{
    width:100%
}
.whyus-sctn .subtitle{
    color:var(--primary);
    margin-bottom:12px
}
@media(min-width:801px){
    .whyus-sctn .whyus-col{
        width:calc(33% - 32px)
    }
}
@media(min-width:501px){
    .whyus-sctn .whyus-col img{
        height:120px;
        object-fit:contain
    }
    .whyus-sctn .maintitle{
        margin-bottom:0;
    }
    .whyus-sctn .maintitle .sp-main{
        display:block
    }
}
@media(max-width:800px) and (min-width:501px){
    .whyus-sctn .whyus-col{
        width:calc(50% - 32px)
    }
    .whyus-sctn .title-col img{
        max-width:230px
    }
}
@media(max-width:500px){
    .whyus-sctn .title-col img{
        max-width:150px
    }
    .whyus-sctn .whyus-col{
        width:100%
    }
    .whyus-sctn .section-wrap{
        gap:20px
    }
    .whyus-sctn .whyus-col p{
        margin:0
    }
}

/***CONTACT***/
.section.contact-sctn {
    padding-top:clamp(32px, 6%, 100px);
    padding-bottom:clamp(32px, 6%, 100px);
    text-align:center;
}
.contact-sctn .maintitle{
    font-size: clamp(18px, 3vw, 36px);
    width:100%;
    color:var(--white)
}
.contact-sctn .sp-main{
    display:block;
}
.contact-sctn .form-col{
    background-color: var(--white);
    box-shadow: 0px 0px 49px #032F006B;
    border-radius: 15px;
    width:100%;
    max-width:890px;
}
@media(min-width:801px){
    .section.contact-sctn {
        background-image:url(/wp-content/uploads/2026/03/contact-bg.jpg);
        background-position:center;
        background-repeat:no-repeat;
        background-size:cover;
    }
    .contact-sctn::after{
        content:"";
        height:100%;
        width:100%;
        position:absolute;
        top:0;
        left:0;
        background: linear-gradient(179deg, #000067 0%, #0282C4 59%, #BFDFF000 100%);
        z-index:1
    }
    .contact-sctn .section-wrap{
        z-index:9
    }
    .contact-sctn .form-col{
        padding:44px 32px
    }
}
@media(max-width:800px){
    .section.contact-sctn {
        background:var(--gradient2)
    }
    .contact-sctn .form-col{
        padding:32px 20px
    }
}