.Banner_Module .pic{
	height: 785.16px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Banner_Module .pic:before{
    content: "";
    position: absolute;
    z-index: 2;
    background: rgb(20 20 22 / 50%);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.Banner_Module .cont{
    position: absolute;
    left: 2.5vw;
    top: 40%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 43vw;
    z-index: 3;
    pointer-events: none;
}
.Banner_Module .title{
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    font-size: 4.94vw;
    line-height: 1;
}
.Banner_Module .subtitle{
    color: #fff;
    font-size: 7.8125vw;
    color: #FFFFFF;
    font-family: 'Anton', sans-serif;
    line-height: 1;
    font-weight: normal;
}
.Banner_Module .slider-cta{
    position: absolute;
    left: 2.5vw;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 43vw;
    z-index: 3;
    margin-top: 16vh;
}

.Banner_Module span.scroll-arrow {
    position: absolute;
    right: 2.5vw;
    bottom: 7.4vh;
    width: 77px;
    height: 77px;
    border: 1px solid #FFFFFF;
    border-radius: 39px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 3;
}

.Banner_Module span.scroll-arrow::after {
    content: " ";
    width: 1px;
    height: 22px;
    background: #FFFFFF;
    position: absolute;
    left: 38px;
    top: 27.5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    animation: scroll 1s ease 0s infinite alternate both;
}

.Banner_Module span.scroll-arrow:hover {
    border-color: var(--accent-color);
}

.Banner_Module span.scroll-arrow:hover::after {
    background: var(--accent-color);
}

@keyframes scroll {
    0% {
        -moz-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -moz-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
}

.Banner_Module .slider-cta .cta-btn {
    display: inline-block;
    min-width: 262px;
    font-size: 1.25em;
    font-family: 'Josefin Sans', sans-serif;
    color: #000000;
    text-align: center;
    padding: 19px 10px;
    border-radius: 31px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    line-height: 1;
}
.Banner_Module .slider-cta .cta-btn i{
    transform-origin: center;
    margin-left: 10px;
    -webkit-transition: transform 300ms ease;
    -moz-transition: transform 300ms ease;
    -ms-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;

}
.Banner_Module .slider-cta .cta-btn .fa{
    transform: rotate(45deg);
}
.Banner_Module .slider-cta .cta-btn:hover .fa{
    transform: rotate(90deg);
}
.Banner_Module .slider-cta .cta-btn.black {
    background: var(--button-color);
    color: #FFFFFF;
}
.Banner_Module .slider-cta .cta-btn.black:hover{
    background: var(--button-hover-color);
}
.Banner_Module .slider-cta .cta-btn.yellow {
    background: var(--button-color2);
    color: #FFFFFF;
}
.Banner_Module .slider-cta .cta-btn.yellow:hover{
    background: var(--button-hover-color2)
}
.Banner_Module .slider-cta .cta-btn:first-child {
    margin-right: 15px;
}

.Banner_Module .swiper-button-next,
.Banner_Module .swiper-button-prev{
    cursor: pointer;
    background: #1E1E1E;
    width: 65px;
    height: 65px;
    position: absolute;
    display: block;
    z-index: 1000;
    transition: background ease .3s;
    text-align: center;
    line-height: 65px;
    color: #fff;
}
.Banner_Module .swiper-button-prev{
    left: 0;
}
.Banner_Module .swiper-button-next{
    right: 0;
}

.Banner_Module .swiper-button-next:after,
.Banner_Module .swiper-button-prev:after{
    color: currentColor;
    line-height: 65px;
    font-size: 13px;
}
.Banner_Module .swiper-button-next:hover,
.Banner_Module .swiper-button-prev:hover{
    background: #2B2B2B;
}
.Banner_Module .swiper-pagination-bullet{
    width: 11px;
    height: 11px;
    opacity: 1;
    background-color: #EFEDE8;
    box-shadow: inset 0 0 0 0px #f1c761;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    margin: 0 6px !important;
}
.Banner_Module .swiper-pagination-bullet-active{
    background-color: #f1c761;
}
.Banner_Module .swiper-pagination{
    bottom: 42px !important;
}
.Banner_Module .swiper-button-next, .Banner_Module .swiper-button-prev{
    display: none;
}


@media screen and (min-width: 768px) and (max-width:1024px) {
    #Body .footer_btn .button-002{
        padding-left: 2em;
        padding-right: 2em;
    }
 
    .Banner_Module .cont{
        padding: 0 20px;
    }
}
@media only screen and (max-width: 767px) {
    .Banner_Module .cont{
        padding: 0 20px;
    }

    .Banner_Module .pic{
        height: 549px;
    }
}