/* ==================================================
REMOVE ASTRA LIMITS
================================================== */

.site-content,
.ast-container,
.content-area,
.site-main,
#primary,
#main{
    width:100% !important;
    max-width:100% !important;
}

/* ==================================================
FULL WIDTH WRAPPER
================================================== */

.fwc-full-width-wrapper{
    position:relative;
    width:100%;
    margin:0;
    padding:0;
}

/* ==================================================
HERO SLIDER
================================================== */

.fwc-hero-slider{
    position:relative;
    width:100%;
    height:520px;
    overflow:hidden;
}

/* ==================================================
SLIDES
================================================== */

.fwc-slide{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    opacity:0;
    transition:opacity 1s ease-in-out;
}

.fwc-slide.active{
    opacity:1;
    z-index:2;
}

/* ==================================================
OVERLAY
================================================== */

.fwc-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.35);
}

/* ==================================================
CONTENT
================================================== */

.fwc-content{
    position:absolute;
    top:50%;
    left:7%;
    transform:translateY(-50%);
    z-index:5;
    max-width:620px;
    color:#fff;
}

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

.fwc-content h1{
    font-size:62px;
    line-height:0.95;
    margin-bottom:20px;
    font-weight:900;
    text-transform:uppercase;
}

/* ==================================================
TEXT
================================================== */

.fwc-content p{
    font-size:22px;
    line-height:1.5;
    margin-bottom:30px;
}

/* ==================================================
BUTTON
================================================== */

.fwc-btn{
    display:inline-block;
    background:#20b2e8;
    color:#fff;
    text-decoration:none;
    padding:16px 36px;
    border-radius:8px;
    font-weight:700;
    transition:0.3s;
}

.fwc-btn:hover{
    background:#0d9fd1;
}

/* ==================================================
ARROWS
================================================== */

.fwc-prev,
.fwc-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:52px;
    height:52px;
    border:none;
    background:rgba(255,255,255,0.18);
    color:#fff;
    font-size:28px;
    cursor:pointer;
    z-index:20;
}

.fwc-prev{
    left:15px;
}

.fwc-next{
    right:15px;
}

/* ==================================================
FULL WIDTH DIVIDER LINE
================================================== */

.fwc-divider-line{
    width:100%;
    height:4px;
    background:#20b2e8;
}

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

@media(max-width:768px){

    .fwc-hero-slider{
        height:320px;
    }

    .fwc-content{
        left:5%;
        right:5%;
        max-width:100%;
    }

    .fwc-content h1{
        font-size:34px;
    }

    .fwc-content p{
        font-size:16px;
    }

    .fwc-btn{
        padding:13px 24px;
        font-size:14px;
    }

}