/* Arrow */



.arrow {

    background: #2ca6e0;

    height: 1px;

    width: 45px;

    margin: 0 auto;

    position: relative;

}



.arrow:after {

    content: "";

    background: #2ca6e0;

}



.btn_text:hover .arrow {

    background-color: #2ca6e0;

}



.btn_text:hover .arrow,

.btn_text:hover .arrow:after {

    background-color: #2ca6e0;

}



.swiper {

    padding: 10px 10px 10px 10px !important;

}



.swiper-wrapper {

    transition-timing-function: linear;

}



.swiper-pagination-bullet {

    width: 6px;

    height: 6px;

}



.swiper-pagination-bullet-active {

    background-color: #007ac0;

}





.block_3rd_item {

    box-shadow: 0px 30px 40px -45px rgba(0, 0, 0, .4);

}



.block_3rd_arrow_white {

    position: absolute;

    top: 99%;

    left: 50%;

    transform: translateX(-50%);

    width: 0px;

    height: 0px;

    border-top: 4vw solid #fff;

    border-right: 4vw solid transparent;

    border-left: 4vw solid transparent;

    filter: drop-shadow(10px 0px 4px rgba(0, 0, 0, 0.1));

}



.block_3rd_arrow_blue {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 0px;

    height: 0px;

    border-right: 8vw solid transparent;

    border-top: 8vw solid #005e9b;

    border-left: 8vw solid transparent;

}



@media(min-width: 576px){

    .block_3rd_item {

        box-shadow: 45px 0px 40px -45px rgba(0, 0, 0, .4);

    }

    

    .block_3rd_arrow_white {

        position: absolute;

        left: 99%;

        top: 50%;

        transform: translateY(-50%);

        width: 0px;

        height: 0px;

        border-top: 2vw solid transparent;

        border-bottom: 2vw solid transparent;

        border-left: 2vw solid #fff;

        filter: drop-shadow(10px 0px 4px rgba(0, 0, 0, 0.1));

    }

    

    .block_3rd_arrow_blue {

        position: absolute;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

        width: 0px;

        height: 0px;

        border-top: 4vw solid transparent;

        border-bottom: 4vw solid transparent;

        border-left: 4vw solid #005e9b;

    }



}



.banner_decorate{

    position: relative;

}



.banner_decorate:after {

    box-shadow: inset 0px -30px 10px -10px #ffffff;

    content: '';

    display: block;

    height: 100%;

    position: absolute;

    top: 1px;

    width: 100%;

}

@media(min-width: 768px){

    .banner_decorate:after {

        box-shadow: inset 0px -50px 10px -10px #ffffff;

    }

}





/*.swiper-pagination-bullet-active:after {

    content: "";

    position: absolute;

    height: 100%;

    display: block;

    background-color: #007ac0;

    border-radius: 1rem;

    animation: loader 6s linear forwards;

}



@keyframes loader {

    from {

        width: 0

    }



    to {

        width: 100%

    }

}*/