/**
 * slider
 **/

/* Slider arrow */

.flickity-prev-next-button {opacity: 1!important; width: 40px!important;}
.flickity-prev-next-button svg, .slider .flickity-prev-next-button .arrow {
    background-color: #006B89!important;
    border-color: #006B89!important;
    padding: 8px;
}

/* Slider Dots */
.section.Slider .flickity-page-dots {
    bottom: 30px;
}


.slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #006B89!important;
    width: 13px!important;
    height: 13px!important;
    border-color: #006B89!important;
    margin: 0 4px!important;
}

.section.Slider .flickity-page-dots .dot {
    margin: 0 4px!important;
}
.slider-nav-light .flickity-page-dots .dot {
    background-color: #ececec!important;
    opacity: initial!important;
    width: 13px!important;
    height: 13px!important;
    border-color: #ececec!important;
    margin: 0 4px!important;
}

/* Slider after */
.section.Slider:after {
    content: '';
    background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    height: 0.5vw;
    width: 100%;
    z-index: 10;
    bottom: 0px;
}

/* Slider */


/* Slider */
.section.Slider h2 {
    color: #ffffff;
    font-size: 40px;
    line-height: 50px;
    text-transform: none;
    margin-bottom: 0px;
    font-weight: 700!important;
}

.section.Slider h3 {
    color: #ffffff;
    font-size: 22px;
    line-height: 34px;
    text-transform: none;
    margin-bottom: 10px;
    margin-top: 0px;
}


/* Slider responsive */

@media screen and (min-width: 0px) and (max-width: 700px) {
.section.Slider .banner.has-hover {
    padding-top: 280px!important;
    min-height: 280px!important;
}}

@media screen and (min-width: 0px) and (max-width: 700px) {
.section.Slider h2 {
    font-size: 30px!important;
    line-height: 40px!important;
}}


@media screen and (min-width: 450px) and (max-width: 700px) {
.section.Slider h3 {
    font-size: 18px!important;
    line-height: 24px!important;
}}

@media screen and (min-width: 0px) and (max-width: 449px) {
.section.Slider h3 {
   display: none;
}}



@media screen and (min-width: 850px) and (max-width: 1080px) {
.section.Slider .text-box {
    width: 70%!important;
}}

@media screen and (min-width: 700px) and (max-width: 850px) {
.section.Slider .text-box {
    width: 80%!important;
}}


@media screen and (min-width: 0px) and (max-width: 700px) {
.section.Slider .text-box {
    width: 90%!important;
}}


@media screen and (max-width: 549px) {
.slider-wrapper .flickity-prev-next-button {
    display: block!important;
}}