/* CUSTOM WIDTHS */
.w-10,
.w-xs-10 {
    width: 10% !important;
}

.w-15,
.w-xs-15 {
    width: 15% !important;
}

.w-20,
.w-xs-20 {
    width: 20% !important;
}

/* BREAKPOINTS */

/* SM breakpoint */
@media (min-width: 576px) {

    /* CUSTOM WIDTHS */
    .w-sm-10 {
        width: 10% !important;
    }

    .w-sm-15 {
        width: 15% !important;
    }

    .w-sm-20 {
        width: 20% !important;
    }
}

/* MD breakpoint*/
@media (min-width: 768px) {

    /* CUSTOM WIDTHS */
    .w-md-10 {
        width: 10% !important;
    }

    .w-md-15 {
        width: 15% !important;
    }

    .w-md-20 {
        width: 20% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }
}

/* LG breakpoint */
@media (min-width: 992px) {

    /* CUSTOM WIDTHS */
    .w-lg-10 {
        width: 10% !important;
    }

    .w-lg-15 {
        width: 15% !important;
    }

    .w-lg-20 {
        width: 20% !important;
    }
}

/*** COMMON ***/
.background-one {
    background: #f7f7f9;
    color: rgba(13, 16, 53, 1);
}

.background-home {
    background: #dedede !important;
    position: relative;
}

.f-color {
    color: rgba(13, 16, 53, 1);
}

.p-color {
    color: rgba(13, 16, 53, 0.6);
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
}

.p-color-white {
    color: rgba(255, 255, 255, 0.6);
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
}

.p-small-color {
    color: rgba(13, 16, 53, 0.5);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.fs-24 {
    font-size: 24px;
    line-height: 32px;
}

.fs-20 {
    font-size: 20px;
    line-height: 26px;
}

.fs-32 {
    font-size: 32px;
    line-height: 40px;
}

.fs-56 {
    font-size: 56px;
    line-height: 70px;
}

.number-32 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
}

.btn-9a-new {
    border: 1px solid #e61996;
    background-image: linear-gradient(to right, #FA5046 25%, #E61996 50%, #8035DC 100%);
    color: #fff;
    margin: 0px;
    position: relative;
}

.btn-9a-new:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #e61996;
    margin: 0px;
    position: relative;
}

.btn-9a.grey:hover {
    border: 1px solid rgba(13, 16, 53, 0.05);
    background: rgba(13, 16, 53, 0.05);
    color: #e61996;
    margin: 0px;
    position: relative;
}

.btn-16.new {
    border: 2px solid #f13769;
    border-radius: 30px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1.8;
    padding: 6px 5px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    font-family: "tt_commons_prodemibold";
    margin: 0 auto;
}

.btn-16.new:hover {
    background-image: linear-gradient(to right, #FA5046 0%, #E61996 51%, #8035DC 100%);
    border: 0;
    padding: 8px 7px;
}

.background-test {
    background: rgba(13, 16, 53, 0.03);
}

.c-pink {
    color: #E61996 !important;
}

.c-pink-orange {
    background: linear-gradient(to right, #E61996 0%, #FA5046 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.padding_top7rem {
    padding-top: 7rem !important;
}

.padding_top5rem {
    padding-top: 5rem !important;
}

.img-girl {
    display: none;
}

.banner__thumb  {
    left: calc(50% + 65px);
}

.card__thumb {
    left: 10%;
    top: 35%;
}

.p-y-home {
    padding: 90px 0;
}

@media (max-width: 1399.98px) {
    .p-y-home {
        padding: 0 0;
    }
    .banner__thumb {
        left: calc(50% + 15px);
    }
    .card__thumb {
        left: 9%;
        top: 32%;
    }
    .p-y-home {
        padding: 20px 0;
    }
 }


@media (max-width: 1199.98px) { 
    .card__thumb {
        left: 6%;
        top: 27%;
    }
    .p-y-home {
        padding: 20px 0;
    }
 }


 @media (max-width: 991.98px) {
    .p-y-home {
        padding: 20px 0;
    }
 }

@media screen and (max-width: 767.98px) {
    .fs-28 {
        font-size: 28px;
        line-height: 28px;
    }

    .fs-56 {
        font-size: 32px;
        line-height: 40px;
    }

    .number-32 {
        font-size: 24px;
    }

    .background-mobile {
        background: #f7f7f9 !important;
    }

    .background-home.desktop {
        padding-top: 0 !important;
        background-color: #f7f7f9 !important;
    }
}

@media only screen and (min-width: 768px) {
    .img-girl {
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    .img-girl {
        display: none;
    }
}
 
@media screen and (max-width: 768px) {
    .button_container {
        margin-top: 0;
        top: 1.3125rem;
    }

    .color-6.short {
        width: 165px !important;
    }
}

/*** END COMMON ***/

.container a:after {
    background: unset;
}

@media screen and (max-width: 767.98px) {
    .navigation {
        height: 68px !important;
    }

    .navigation::after {
        background: unset;
    }
}

#header .text-menu {
    text-align: center;
    padding: 1.5rem 0;
}

#header .text-menu a {
    margin: 0 0.5rem;
}

/*** SECTION NEW ONE ***/
.section-new-one {
    background: #f7f7f9;
    color: rgba(13, 16, 53, 1);
}

/*** END SECTION NEW ONE ***/

/*** SECTION NEW TWO ***/
.section-new-two {
    color: rgba(13, 16, 53, 1);
}

.section-new-two .card {
    display: inline-block;
    background: rgba(13, 16, 53, 0.05);
    width: 100%;
    height: 64px;
    border-radius: 1.5rem;
    margin-bottom: 1rem;
    font-size: 24px;
    line-height: 32px;
}

.section-new-two .card.box {
    display: inline-block;
    padding: 1.5rem 0 1rem;
    border-radius: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.33333333;
    background: rgba(13, 16, 53, 0.05);
    width: 274px;
    height: 130px;
    position: relative;
    margin: 0 0.5rem 1rem 0;
}

@media screen and (max-width: 767.98px) {
    .section-new-two .card.box {
        width: 100%;
        height: unset;
        text-align: left;
        padding: 0.6rem 2rem;
        border-radius: 1rem;
        line-height: 45px;
        margin: 0 0 1rem 0;
    }

    .section-new-two .card.box .card-body div {
        display: inline-block;
    }

    .section-new-two .card.box .card-body div.mb-3 {
        margin-bottom: 0 !important;
        padding-right: 15px;
    }

    .section-new-two .card {
        width: 100%;
        height: 64px;
        font-size: 18px;
    }

    .custom-block>div {
        width: 100%;
        text-align: center;
    }

    .custom-block>div .color-6.short {
        width: 165px !important;
    }
}

/*** END SECTION NEW TWO ***/

/*** SECTION NEW THREE ***/
.section-new-seven {
    padding-top: 3rem;
    padding-bottom: 4.2rem;
    line-height: 125%;
}

.section-new-seven .phone {
    margin-bottom: -260px;
}

.section-new-eight {
    background: linear-gradient(0deg, rgba(18, 18, 61, 1) 0%, rgba(129, 52, 219, 1) 70%, rgb(210 50 142) 100%);
}

.section-new-eight .card {
    display: inline-block;
    padding: 1.5rem 0 1rem;
    border-radius: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.33333333;
    background: rgba(255, 255, 255, 0.05);
    width: 274px;
    height: 130px;
    position: relative;
    margin: 0 0.5rem 1rem 0;
}

@media screen and (max-width: 767.98px) {
    .section-new-eight .card {
        width: 100%;
        height: unset;
        text-align: left;
        padding: 0.6rem 2rem;
        border-radius: 1rem;
        line-height: 45px;
        margin: 0 0 1rem 0;
    }

    .section-new-eight .card .card-body div {
        display: inline-block;
    }

    .section-new-eight .card .card-body div.mb-3 {
        margin-bottom: 0 !important;
        padding-right: 15px;
    }
}

/*** END SECTION NEW THREE ***/

/*** SECTION NEW CONTENT ***/
.section-new-content {
    color: rgba(13, 16, 53, 1);
}

.section-new-content .card {
    border-radius: 15px;
    font-size: 16px;
    line-height: 16px;
}

.section-new-content ul {
    list-style: none;
    padding: 0;
}

.section-new-content ul li {
    line-height: 1.5rem;
    background-image: url(img/new-layout/chevron-right.svg);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 2rem;
    margin-bottom: 1rem;
}

/*** END SECTION NEW CONTENT ***/
.t-table table {
    background: #f7f7f9;
}

.t-table table td>div {
    padding: 10px 20px;
    margin: 0 5px;
}

.t-table .table-background {
    border-radius: 20px;
    background: #f7f7f9;
    padding: 0.5rem;
}

.t-table table td {
    border-right: 1px solid #dedede;
}

.t-table table td:last-child {
    border-right: unset;
}

.t-table table tr:first-child td>div {
    border-bottom: 1px solid #dedede;
}

.t-table table td.title>div {
    padding: 22px 0;
}

.t-table-mobile table {
    background: #f7f7f9;
    display: inline-block;
}

.t-table-mobile table td>div {
    padding: 10px 0;
    margin: 1rem 0;
    min-width: 140px;
}

.t-table-mobile table td:first-child>div {
    border-right: 1px solid #dedede;
}

.t-table-mobile table tr {
    border-bottom: 1px solid #dedede;
}

.t-table-mobile table tr:last-child {
    border-bottom: unset;
}

.t-table-mobile .table-background {
    border-radius: 20px;
    background: #f7f7f9;
    padding: 1rem 1rem;
    width: 100%;
}

.t-table .space.right {
    border-right: 1px solid #dedede;
    padding: 55px 0;
    background: #f7f7f9;
}

@media screen and (max-width: 767.98px) {
    .t-table {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .t-table table td>div {
        padding: 10px 5px;
    }
}

@media screen and (max-width: 1366px) {
    .t-table {
        width: 100%;
    }
}


#flashelement .flash {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}