/*==========================================================
AVI UI KIT
==========================================================*/

:root{

    --avi-primary:#b50f17;
    --avi-primary-dark:#8d1111;
    --avi-primary-light:#d62828;

    --avi-bg:#fafafa;
    --avi-white:#fff;
    --avi-text:#222;
    --avi-gray:#666;
    --avi-border:#ececec;

    --avi-radius:20px;

    --avi-transition:.35s ease;

    --avi-shadow:
        0 12px 35px rgba(0,0,0,.08);

}

/*=================================
RESET
=================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

img{
    display:block;
    max-width:100%;
}

a{
    color:inherit;
    text-decoration:none;
}

.avi-container{

    width:1280px;
    max-width:92%;
    margin:auto;

}

/*=================================
SECTION TITLE
=================================*/

.avi-section-header{

    text-align:center;
    margin-bottom:70px;

}

.avi-subtitle{

    display:inline-flex;
    align-items:center;

    padding:10px 22px;

    border-radius:50px;

    background:#ffeaea;

    color:var(--avi-primary);

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.avi-section-header h2{

    margin:20px 0;

    font-size:46px;

    line-height:1.2;

    color:var(--avi-primary-dark);

    font-weight:800;

}

.avi-section-header h2::after{

    content:"";

    display:block;

    width:80px;

    height:4px;

    margin:18px auto 0;

    border-radius:999px;

    background:var(--avi-primary);

}

.avi-section-header p{

    max-width:760px;

    margin:auto;

    font-size:18px;

    line-height:1.8;

    color:#666;

}

/*=================================
COMMON ANIMATION
=================================*/

@keyframes aviFadeUp{

    from{

        opacity:0;
        transform:translateY(50px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

.avi-section-header{

    animation:aviFadeUp .8s ease;

}

/*=================================
SCROLLBAR
=================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-thumb{

    background:var(--avi-primary);
    border-radius:20px;

}

::-webkit-scrollbar-track{

    background:#f5f5f5;

}

/*=================================
SELECTION
=================================*/

::selection{

    background:var(--avi-primary);
    color:#fff;

}

/*=================================
RESPONSIVE
=================================*/

@media(max-width:768px){

    .avi-section-header h2{

        font-size:34px;

    }

}

@media(max-width:480px){

    .avi-container{

        width:94%;

    }

    .avi-section-header h2{

        font-size:28px;

    }

}