#s-66 {
    background: #f5f7fa;
    color: #6b7385;
    padding: 80px 0
}

#s-66 .fade {
    transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    -webkit-transition: opacity .15s linear
}

#s-66 .fade:not(.show) {
    opacity: 0
}

#s-66 .nav-link:focus {
    background-color: transparent;
    color: #6b7385
}

#s-66 .nav-link:hover {
    color: #e91e63;
    isolation: isolate
}

#s-66 .order-1 {
    order: 1 !important;
    -ms-flex-order: 1 !important;
    -webkit-box-ordinal-group: 2 !important
}

#s-66 .order-2 {
    order: 2 !important;
    -ms-flex-order: 2 !important;
    -webkit-box-ordinal-group: 3 !important
}

#s-66 .tab-content > .active {
    display: block
}

#s-66 .tab-pane {
    display: none
}

#s-66 ul a {
    background-position: 0 0;
    border-radius: 10px;
    border-style: none;
    border-width: 0;
    color: #5e646a;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 47px 27px;
    position: relative;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    z-index: 2;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

#s-66 a.active p.description {
    color: #fff
}

#s-66 a:active {
    color: #2f57ef
}

#s-66 a:focus {
    border-style: none;
    border-width: 0;
    box-shadow: none;
    outline: 0;
    -webkit-box-shadow: none
}

#s-66 a::before {
    background: #fff;
    border-radius: 7px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: -1;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

#s-66 a.active h4 {
    color: #fff;
    font-size: 24px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

#s-66 a.active::before {
    background: #e91e63;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: -1;
    -o-transition: all .3s;
    -webkit-box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    -webkit-transition: all .3s
}

#s-66 a.active::after,
#s-66 a.active::before,
#s-66 a:hover::before {
    opacity: 1
}

#s-66 h2 {
    color: #192335;
    font-size: 44px;
    font-weight: 900
}

#s-66 h2 ~ p {
    font-size: 22px;
    margin-top: 30px;
    text-align: center
}

#s-66 h2, #s-66 h4 {
    font-family: "Nunito", serif;
    font-weight: 900;
    word-break: break-word;
    letter-spacing: 2px;
}

#s-66 img {
    border-radius: 10px;
    box-shadow: rgb(136 165 191 / 48%) 6px 2px 16px 0, rgb(255 255 255 / 80%) -6px -2px 16px 0;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-box-shadow: rgb(136 165 191 / 48%) 6px 2px 16px 0, rgb(255 255 255 / 80%) -6px -2px 16px 0;
    -webkit-transition: all .3s;
}

#s-66 p {
    font-family: "Nunito", serif;
    font-size: 18px;
    line-height: 1.45;
    margin-bottom: 0;
    transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

#s-66 ul {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    flex-wrap: wrap;
    margin: -10px 0;
    padding: 0;
    -ms-flex-wrap: wrap
}

#s-66 ul li {
    color: #6b7385;
    margin: 10px 0
}

#s-66 .tab-button.active::after {
    opacity: 1;
    transform: scale(1);
}

#s-66 .tab-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    border-left: 20px solid #d31f5d;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    margin-top: -20px;
    opacity: 0;
    transition: 0.3s;
    transform: scale(0.9);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #s-66 .atb-1 .tab-button-list .tab-button {
        padding: 18px 24px
    }

    #s-66 p {
        font-size: 16px
    }
}

@media (min-width: 992px) {
    #s-66 .order-lg-1 {
        order: 1 !important;
        -ms-flex-order: 1 !important;
        -webkit-box-ordinal-group: 2 !important
    }

    #s-66 .order-lg-2 {
        order: 2 !important;
        -ms-flex-order: 2 !important;
        -webkit-box-ordinal-group: 3 !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #s-66 {
        padding-top: 50px
    }

    #s-66 .tab-button {
        padding: 25px 24px
    }

    #s-66 a::after {
        display: none
    }

    #s-66 h2 {
        font-size: 32px
    }

    #s-66 p {
        font-size: 16px
    }

    #s-66 ul li {
        width: 100%
    }

    #s-66 .atb-1 {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    #s-66 {
        font-size: 16px;
        line-height: 1.5
    }

    #s-66 {
        padding-top: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #s-66 .tab-button {
        padding: 25px 24px
    }

    #s-66 a::after {
        display: none
    }

    #s-66 h2 {
        font-size: 28px
    }

    #s-66 p {
        font-size: 16px;
        line-height: 28px
    }

    #s-66 ul li {
        width: 100%
    }
}

@media only screen and (max-width: 575px) {
    #s-66 .atb-1 {
        margin-top: 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #s-66 .fade {
        transition: none 0s;
        -o-transition: none 0s;
        -webkit-transition: none 0s
    }

    #s-66 .nav-link {
        transition: none 0s;
        -o-transition: none 0s;
        -webkit-transition: none 0s
    }
}


@media only screen and (min-width: 1200px) {
    #s-66 img {
        height: 605px;
    }
}