/*
==================================================
Chemolab Footer
==================================================
*/

.srb-footer{

    position:relative;

    background:#0f172a;

    color:#cbd5e1;

    overflow:hidden;

}


/*
==================================================
Background Decoration
==================================================
*/

.srb-footer::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    top:-260px;

    right:-120px;

    border-radius:50%;

    background:rgba(20,184,166,.10);

    pointer-events:none;

}


.srb-footer::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    bottom:-200px;

    left:-100px;

    border-radius:50%;

    background:rgba(14,116,144,.16);

    pointer-events:none;

}


/*
==================================================
Footer Main
==================================================
*/

.srb-footer__main{

    position:relative;

    z-index:1;

    padding:80px 0 65px;

}


.srb-footer__grid{

    display:grid;

    grid-template-columns:

        1.5fr

        1fr

        1fr

        1.2fr;

    gap:55px;

}


/*
==================================================
Brand
==================================================
*/

.srb-footer__brand{

    max-width:390px;

}


.srb-footer__logo{

    margin-bottom:24px;

}


.srb-footer__logo img{

    max-width:190px;

    height:auto;

    display:block;

    filter:brightness(0) invert(1);

}


.srb-footer__logo a{

    color:#fff;

    text-decoration:none;

    font-size:26px;

    font-weight:800;

}


.srb-footer__description{

    margin:0;

    color:#94a3b8;

    font-size:14px;

    line-height:1.9;

}


/*
==================================================
Social
==================================================
*/

.srb-footer__social{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:27px;

}


.srb-footer__social-link{

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid rgba(255,255,255,.12);

    border-radius:10px;

    background:rgba(255,255,255,.04);

    color:#cbd5e1;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    transition:

        transform .3s ease,

        background .3s ease,

        color .3s ease,

        border-color .3s ease;

}


.srb-footer__social-link:hover{

    transform:translateY(-4px);

    background:#0e7490;

    border-color:#0e7490;

    color:#fff;

}


/*
==================================================
Column
==================================================
*/

.srb-footer__title{

    position:relative;

    margin:0 0 25px;

    padding-bottom:12px;

    color:#fff;

    font-size:17px;

    font-weight:700;

}


.srb-footer__title::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:38px;

    height:2px;

    border-radius:10px;

    background:

        linear-gradient(

            90deg,

            #0e7490,

            #14b8a6

        );

}


/*
==================================================
Links
==================================================
*/

.srb-footer__links{

    list-style:none;

    margin:0;

    padding:0;

}


.srb-footer__links li{

    margin-bottom:13px;

}


.srb-footer__links a{

    position:relative;

    color:#94a3b8;

    text-decoration:none;

    font-size:14px;

    transition:

        color .3s ease,

        padding-left .3s ease;

}


.srb-footer__links a::before{

    content:"";

    position:absolute;

    left:-14px;

    top:50%;

    width:5px;

    height:5px;

    border-radius:50%;

    background:#14b8a6;

    opacity:0;

    transform:translateY(-50%);

    transition:.3s;

}


.srb-footer__links a:hover{

    color:#fff;

    padding-left:12px;

}


.srb-footer__links a:hover::before{

    opacity:1;

}


/*
==================================================
Contact
==================================================
*/

.srb-footer__contact-item{

    display:flex;

    align-items:flex-start;

    gap:13px;

    margin-bottom:18px;

}


.srb-footer__contact-icon{

    flex:0 0 34px;

    width:34px;

    height:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:9px;

    background:rgba(14,116,144,.18);

    color:#5eead4;

    font-size:14px;

}


.srb-footer__contact-item p{

    margin:0;

    color:#94a3b8;

    font-size:14px;

    line-height:1.7;

}


.srb-footer__contact-item a{

    color:#94a3b8;

    text-decoration:none;

    transition:.3s;

}


.srb-footer__contact-item a:hover{

    color:#5eead4;

}


/*
==================================================
Footer CTA
==================================================
*/

.srb-footer__cta{

    position:relative;

    z-index:2;

    padding:0 0 60px;

}


.srb-footer__cta-inner{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    padding:35px 42px;

    border:1px solid rgba(255,255,255,.10);

    border-radius:20px;

    background:

        linear-gradient(

            120deg,

            rgba(14,116,144,.28),

            rgba(20,184,166,.12)

        );

    box-shadow:

        0 20px 50px rgba(0,0,0,.20);

}


.srb-footer__cta-badge{

    display:inline-block;

    margin-bottom:8px;

    color:#5eead4;

    font-size:10px;

    font-weight:800;

    letter-spacing:1.8px;

}


.srb-footer__cta h3{

    margin:0 0 7px;

    color:#fff;

    font-size:23px;

    line-height:1.3;

}


.srb-footer__cta p{

    margin:0;

    color:#94a3b8;

    font-size:13px;

    line-height:1.7;

}


.srb-footer__cta-button{

    flex-shrink:0;

    display:inline-flex;

    align-items:center;

    gap:13px;

    padding:14px 22px;

    border-radius:10px;

    background:

        linear-gradient(

            135deg,

            #0e7490,

            #14b8a6

        );

    color:#fff;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    box-shadow:

        0 10px 30px rgba(14,116,144,.30);

    transition:

        transform .3s ease,

        box-shadow .3s ease;

}


.srb-footer__cta-button span{

    font-size:20px;

    line-height:1;

    transition:.3s;

}


.srb-footer__cta-button:hover{

    transform:translateY(-3px);

    box-shadow:

        0 15px 35px rgba(14,116,144,.40);

}


.srb-footer__cta-button:hover span{

    transform:translateX(4px);

}


/*
==================================================
Bottom
==================================================
*/

.srb-footer__bottom{

    position:relative;

    z-index:2;

    border-top:1px solid rgba(255,255,255,.08);

    background:rgba(0,0,0,.12);

}


.srb-footer__bottom-inner{

    min-height:75px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

}


.srb-footer__bottom p{

    margin:0;

    color:#64748b;

    font-size:13px;

}


.srb-footer__legal{

    display:flex;

    align-items:center;

    gap:25px;

}


.srb-footer__legal a{

    color:#64748b;

    text-decoration:none;

    font-size:13px;

    transition:.3s;

}


.srb-footer__legal a:hover{

    color:#5eead4;

}


/*
==================================================
Responsive
==================================================
*/

@media(max-width:991px){

    .srb-footer__grid{

        grid-template-columns:

            1.3fr

            1fr;

        gap:45px;

    }

}


@media(max-width:767px){

    .srb-footer__main{

        padding:60px 0 45px;

    }


    .srb-footer__grid{

        grid-template-columns:1fr;

        gap:40px;

    }


    .srb-footer__brand{

        max-width:100%;

    }


    .srb-footer__cta{

        padding-bottom:45px;

    }


    .srb-footer__cta-inner{

        flex-direction:column;

        align-items:flex-start;

        padding:28px;

    }


    .srb-footer__cta-button{

        width:100%;

        justify-content:center;

    }


    .srb-footer__bottom-inner{

        min-height:auto;

        padding:22px 0;

        flex-direction:column;

        text-align:center;

    }


    .srb-footer__legal{

        flex-wrap:wrap;

        justify-content:center;

        gap:15px 20px;

    }

}


@media(max-width:480px){

    .srb-footer__cta h3{

        font-size:20px;

    }


    .srb-footer__social-link{

        width:38px;

        height:38px;

    }

}