/* ==========================================
   LAYOUT PREMIUM
========================================== */

:root{

    --container:1320px;

}

.container{

    width:100%;

    max-width:var(--container);

    margin:auto;

    padding-inline:28px;

}

section{

    position:relative;

}

.section-title{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.section-title span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:42px;

    padding:0 22px;

    border-radius:30px;

    background:#eef5ff;

    color:#d5a038;

    font-weight:700;

    font-size:14px;

    margin-bottom:22px;

}

.section-title h2{

    margin:0;

    font-size:52px;

    line-height:1.25;

    color:#0c1d3d;

    font-weight:700;

}

.section-title p{

    margin:24px auto 0;

    max-width:700px;

    color:#6b7280;

    font-size:19px;

    line-height:2;

}

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:54px;

    padding:0 30px;

    border-radius:12px;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.btn:hover{

    transform:translateY(-3px);

}

@media(max-width:991px){

.container{

padding-inline:20px;

}

.section-title{

margin-bottom:50px;

}

.section-title h2{

font-size:36px;

}

.section-title p{

font-size:17px;

}

}

@media(max-width:576px){

.container{

padding-inline:16px;

}

.section-title h2{

font-size:30px;

}

}