.default-bg {
    background: #0052a0 !important
}

.default-bg-hover:hover {
    background: #0052a0 !important
}

.default-border {
    border-color: #0052a0 !important
}

.default-color {
    color: #0052a0 !important
}

.default-color-hover:hover {
    color: #0052a0 !important
}

section.faq {
    background: url("../img/faq-bg.webp") top center no-repeat #e6f6ff;
    background-size: cover;
    padding-bottom: 50px;
    padding-top: 50px
}

section.faq .head {
    margin-bottom: 50px
}

section.faq .head .ftitle {
    color: #19203f;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 12px
}

section.faq .head .fdesc {
    color: #7e88a2;
    font-size: 22px;
    font-weight: 400
}

section.faq .head a.btn-allfaq {
    border-radius: 8px;
    background-color: #fff;
    color: #18d3a6;
    font-size: 18px;
    font-weight: 500;
    padding: 18px 26px;
    display: flex;
    align-items: center
}

section.faq .head a.btn-allfaq i {
    margin-right: 24px
}

section.faq .head a.btn-allfaq:hover {
    background-color: #18d3a6;
    color: #fff
}

section.faq .accordion-item {
    box-shadow: 0 0 24px rgba(0, 0, 0, .05);
    border-radius: 8px;
    background-color: #fff;
    margin-bottom: 10px;
    border: 0
}

section.faq .accordion-item .accordion-button,
section.faq .accordion-item .accordion-button:hover,
section.faq .accordion-item .accordion-button:focus,
section.faq .accordion-item .accordion-button:active {
    box-shadow: none !important;
    outline: 0 !important;
    color: #19203f;
    font-size: 18px;
    font-weight: 500
}

section.faq .accordion-item .accordion-button:not(.collapsed) {
    color: #0052a0 !important;
    background-color: #fff
}

section.faq .accordion-item .accordion-body {
    font-size: 16px;
    line-height: 1.4;
    color: #19203f;
    font-weight: 400
}

@media(max-width: 1400px) {
    section.faq .head a.btn-allfaq {
        font-size: 16px;
        padding: 14px 12px
    }

    section.faq .head a.btn-allfaq i {
        margin-right: 12px
    }
}

@media(max-width: 768px) {
    section.faq .l {
        text-align: center;
        width: 100%
    }

    section.faq .head a.btn-allfaq {
        display: none
    }
}

@media(max-width: 576px) {
    section.faq .head .ftitle {
        font-size: 26px !important
    }

    section.faq .head .fdesc {
        font-size: 18px !important
    }

    section.faq .accordion-item .accordion-button,
    section.faq .accordion-item .accordion-button:hover,
    section.faq .accordion-item .accordion-button:focus,
    section.faq .accordion-item .accordion-button:active {
        font-size: 14px !important
    }
}

@media(max-width: 439px) {
    section.faq .head .ftitle {
        font-size: 22px !important
    }

    section.faq .head .fdesc {
        font-size: 16px !important
    }

    section.faq .accordion-item .accordion-button,
    section.faq .accordion-item .accordion-button:hover,
    section.faq .accordion-item .accordion-button:focus,
    section.faq .accordion-item .accordion-button:active {
        font-size: 14px !important
    }
}

section.infotext {
    padding-top: 30px;
    padding-bottom: 30px
}

section.infotext p {
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

section.infotext p b {
    font-weight: 600
}

@media(max-width: 991px) {

    section.pagetext .box .scrollt .image-style-align-right,
    section.pagetext .box .scrollt .image-style-align-left {
        width: 33.3%;
        max-width: 33.3% !important
    }
}

@media(max-width: 768px) {

    section.pagetext .box .scrollt .image-style-align-right,
    section.pagetext .box .scrollt .image-style-align-left {
        width: 33.3%;
        max-width: 40% !important
    }
}

@media(max-width: 576px) {

    section.pagetext .box .scrollt .image-style-align-right,
    section.pagetext .box .scrollt .image-style-align-left {
        width: 100%;
        max-width: 100% !important;
        padding: 0 !important
    }
}

section.pagetext .box {
    box-shadow: -10px 10px 29px rgba(0, 0, 0, .05);
    border-radius: 8px;
    background-color: #fff;
    padding: 30px;
    padding-right: 15px
}

section.pagetext .box .scrollt {
    max-height: 400px;
    overflow-y: scroll;
    padding-right: 20px
}

section.pagetext .box .scrollt::-webkit-scrollbar {
    width: 5px;
    border-radius: 8px
}

section.pagetext .box .scrollt::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #e4ebf6
}

section.pagetext .box .scrollt::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #bec7d6
}

section.pagetext .box .scrollt::-webkit-scrollbar-thumb:hover {
    background: #bec7d6
}

section.pagetext .box .scrollt>* {
    margin-bottom: 20px
}

section.pagetext .box .scrollt>*:last-child {
    margin-bottom: 0
}

section.pagetext .box .scrollt h1 {
    color: #1d3163;
    font-size: 26px;
    font-weight: 600
}

section.pagetext .box .scrollt h2,
section.pagetext .box .scrollt h3,
section.pagetext .box .scrollt h4 {
    color: #1d3163;
    font-size: 22px;
    font-weight: 600
}

section.pagetext .box .scrollt p,
section.pagetext .box .scrollt li {
    color: #1d3163;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3
}

section.pagetext .box .scrollt p b,
section.pagetext .box .scrollt p strong,
section.pagetext .box .scrollt li b,
section.pagetext .box .scrollt li strong {
    font-weight: 700
}

section.pagetext .box .scrollt p a,
section.pagetext .box .scrollt li a {
    color: #1d3163;
    font-weight: 700
}

section.pagetext .box .scrollt a {
    color: #1d3163;
    font-weight: 700
}

section.pagetext .box .scrollt .image-style-align-left {
    float: left;
    max-width: 25%;
    height: auto;
    padding-right: 30px
}

section.pagetext .box .scrollt .image-style-align-left img {
    width: 100%;
    height: auto
}

section.pagetext .box .scrollt .image-style-align-right {
    float: right;
    max-width: 25%;
    height: auto;
    padding-left: 30px
}

section.pagetext .box .scrollt .image-style-align-right img {
    width: 100%;
    height: auto
}

section.pagetext .box .scrollt ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    display: block;
    align-items: center
}

section.pagetext .box .scrollt ul li:before {
    width: 7px;
    height: 7px;
    border: 4px solid rgba(24, 211, 166, .25);
    background-color: #18d3a6;
    position: absolute;
    content: "";
    border-radius: 100%;
    margin-left: -20px;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width: 576px) {
    section.pagetext .box .scrollt h1 {
        font-size: 22px
    }

    section.pagetext .box .scrollt .image-style-align-right {
        max-width: 50%;
        padding-left: 20px
    }

    section.pagetext .box .scrollt .image-style-align-left {
        max-width: 50%;
        padding-right: 20px
    }
}

section.comments {
    background-color: #286be4;
    padding-bottom: 20px
}

section.comments.default-bg .top a.btn-allcomments {
    color: #0052a0
}

section.comments.default-bg .top a.btn-allcomments:hover {
    background: #005fba !important
}

section.comments.default-bg ul.comments li .ctop .stars i.checked {
    color: #0052a0
}

section.comments .top {
    padding-top: 48px;
    padding-bottom: 48px
}

section.comments .top h2, section.comments .top .h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0
}

section.comments .top .stars i {
    font-size: 34px;
    color: #fff
}

section.comments .top p {
    padding-top: 14px;
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

section.comments .top a.btn-allcomments {
    border-radius: 8px;
    background-color: #fff;
    color: #286be4;
    font-size: 18px;
    font-weight: 500;
    padding: 18px 26px;
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out
}

section.comments .top a.btn-allcomments i {
    margin-right: 14px
}

section.comments .top a.btn-allcomments:hover {
    background-color: #1854c1;
    color: #fff
}

section.comments ul.comments {
    max-height: 564px;
    overflow-y: scroll;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    gap: 10px;
    padding: 0 16px 0 0
}

section.comments ul.comments::-webkit-scrollbar {
    width: 4px;
    border-radius: 8px
}

section.comments ul.comments::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: rgba(228, 235, 246, .3)
}

section.comments ul.comments::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #fff
}

section.comments ul.comments::-webkit-scrollbar-thumb:hover {
    background: #fff
}

section.comments ul.comments li {
    padding: 30px;
    box-shadow: -30px 30px 133px rgba(49, 55, 79, .05);
    border-radius: 8px;
    background-color: #fff;
    width: calc(50% - 5px)
}

section.comments ul.comments li .ctop .name {
    color: #1d3163;
    font-size: 18px;
    font-weight: 600
}

section.comments ul.comments li .ctop .job {
    color: #1d3163;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
    display: block
}

section.comments ul.comments li .ctop .stars {
    font-size: 22px
}

section.comments ul.comments li .ctop .stars i {
    color: #b1c3cc;
    cursor: pointer
}

section.comments ul.comments li .ctop .stars i.checked {
    color: #fe3979
}

section.comments ul.comments li .text {
    color: #1d3163;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3
}

@media(max-width: 1400px) {
    section.comments .top a.btn-allcomments {
        font-size: 16px;
        padding: 14px 12px
    }

    section.comments .top a.btn-allcomments i {
        margin-right: 12px
    }
}

@media(max-width: 991px) {
    section.comments .top p {
        font-size: 18px
    }
}

@media(max-width: 768px) {
    section.comments .top .l {
        text-align: center;
        width: 100%
    }

    section.comments .top a.btn-allcomments {
        display: none
    }

    section.comments ul.comments li {
        width: 100%
    }
}

@media(max-width: 576px) {
    section.comments .top {
        padding-top: 24px;
        padding-bottom: 24px
    }

    section.comments ul.comments li .ctop .stars {
        font-size: 16px
    }
}

section.info {
    background-color: rgba(14, 17, 25, .2);
    padding-top: 16px;
    padding-bottom: 16px
}

section.info span.icon {
    width: 68px;
    height: 68px;
    box-shadow: -9px 9px 27px rgba(0, 0, 0, .13);
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .1);
    font-size: 26px;
    color: #fff;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

section.info span.number {
    color: #fff;
    font-size: 31px;
    font-weight: 600
}

section.info span.text {
    margin-top: 4px;
    display: block;
    color: rgba(255, 255, 255, .5);
    font-size: 18px;
    font-weight: 400
}

.topbg {
    background-color: #19203f;
    background-image: linear-gradient(-32deg, #161a26 0%, #313950 100%)
}

footer {
    background: rgba(0, 0, 0, 0);
    color: #a7afd0;
    border-bottom: 1px solid #272f4e
}

footer .top {
    margin-bottom: 45px
}

footer .top ul.social li a {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 100%;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-transition: all .3s;
    transition: all .3s
}

footer .top ul.social li a:hover {
    background-color: #fff;
    color: #131932
}

footer p {
    color: #a7afd0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px
}

footer p:not(:last-child) {
    margin-bottom: 20px
}

footer ul.iconlist {
    margin-top: 50px
}

footer ul.iconlist li {
    display: flex;
    align-items: center;
    justify-content: space-between
}

footer ul.iconlist li .icon {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px
}

footer ul.iconlist li .icon.green {
    background: #18d3a6
}

footer ul.iconlist li .icon.blue {
    background: #fe3174
}

footer ul.iconlist li .icon.lightblue {
    background: #3ba9da
}

footer ul.iconlist li .btn-action {
    display: none;
    border-radius: 32px;
    color: #fff;
    padding: 9px 19px;
    font-size: 14px
}

footer ul.iconlist li .btn-action.green {
    background: #18d3a6
}

footer ul.iconlist li .btn-action.blue {
    background: #fe3174
}

footer ul.iconlist li .btn-action.lightblue {
    background: #3ba9da
}

footer ul.iconlist li span.title {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

footer ul.iconlist li a.value {
    display: block;
    margin-top: 6px;
    color: #fff;
    font-size: 22px;
    font-weight: 500
}

footer ul.iconlist li:not(:last-child) {
    margin-bottom: 30px
}

footer .menutitle {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 35px
}

footer .menutitle i,
footer .menutitle svg {
    font-size: 22px;
    color: #fe3174;
    margin-right: 13px
}

footer ul.menu li {
    position: relative;
    display: flex;
    align-items: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

footer ul.menu li>footer ul.menu li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    background: #a7afd0
}

footer ul.menu li>a {
    padding-left: 36px;
    color: #a7afd0;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.45;
    display: flex;
    align-items: center
}

footer ul.menu li>a i {
    margin-left: 5px;
    color: #fe3174
}

footer ul.menu li ul.submenu {
    display: none;
    border-radius: 2px;
    background-color: #fff;
    padding: 22px;
    position: absolute;
    top: -18px;
    left: 98%;
    width: 100%;
    z-index: 99;
    max-height: 300px;
    overflow-y: scroll;
    padding-right: 20px
}

footer ul.menu li ul.submenu::-webkit-scrollbar {
    width: 5px;
    border-radius: 2px
}

footer ul.menu li ul.submenu::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #e4ebf6
}

footer ul.menu li ul.submenu::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #bec7d6
}

footer ul.menu li ul.submenu::-webkit-scrollbar-thumb:hover {
    background: #bec7d6
}

footer ul.menu li ul.submenu li:not(:last-child) {
    margin-bottom: 14px
}

footer ul.menu li ul.submenu li a {
    color: #19203f;
    font-size: 16px;
    font-weight: 500;
    padding-left: 0;
    line-height: 1.2
}

footer ul.menu li ul.submenu li a:hover {
    color: #0a53be
}

footer ul.menu li:hover {
    background: #fff;
    border-radius: 2px
}

footer ul.menu li:hover ul.submenu {
    display: block
}

footer ul.menu li:hover:before {
    background: #19203f
}

footer ul.menu li:hover a {
    color: #19203f
}

.copyright {
    background: rgba(0, 0, 0, 0)
}

.copyright p {
    color: #a7afd0;
    font-size: 14px;
    font-weight: 400
}

.copyright p b {
    font-weight: bold
}

nav.stickybar {
    box-shadow: 0 63px 133px rgba(40, 85, 172, .36);
    background-color: #fff;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2000;
    position: fixed;
    bottom: 0;
    left: 0
}

nav.stickybar .dropdown-toggle::after {
    display: none
}

nav.stickybar .dropdown-user .dropdown-menu {
    bottom: 25px !important;
    box-shadow: -3px 3px 32px rgba(31, 35, 43, .06);
    border-radius: 2px;
    background-color: #fff;
    border: 0;
    min-width: 324px;
    max-width: 100%;
    right: 10px;
    margin: 0;
    padding: 0;
    left: -12px !important
}

nav.stickybar .dropdown-user .dropdown-menu .head {
    padding: 20px;
    border-bottom: 1px solid rgba(194, 208, 221, .5)
}

nav.stickybar .dropdown-user .dropdown-menu .head span.icon {
    background-color: rgba(24, 211, 166, .2);
    color: #18d3a6;
    width: 40px;
    height: 40px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 15px
}

nav.stickybar .dropdown-user .dropdown-menu .head span.text {
    color: #9399b1;
    font-size: 16px;
    font-weight: 600
}

nav.stickybar .dropdown-user .dropdown-menu .head .balance {
    color: #fe3174;
    font-size: 20px;
    font-weight: 600
}

nav.stickybar .dropdown-user .dropdown-menu .head a.btn-addbalance {
    border-radius: 2px;
    background-color: #18d3a6;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 12px;
    width: 100%;
    margin-top: 20px
}

nav.stickybar .dropdown-user .dropdown-menu .head a.btn-addbalance:hover {
    background-color: #15bc94
}

nav.stickybar .dropdown-user .dropdown-menu ul {
    margin: 0;
    padding: 0
}

nav.stickybar .dropdown-user .dropdown-menu ul li {
    border-bottom: 1px solid rgba(194, 208, 221, .5)
}

nav.stickybar .dropdown-user .dropdown-menu ul li:last-child {
    border-bottom: 0
}

nav.stickybar .dropdown-user .dropdown-menu ul li a {
    color: #9399b1;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: start
}

nav.stickybar .dropdown-user .dropdown-menu ul li a i {
    margin-right: 15px
}

nav.stickybar .dropdown-user .dropdown-menu ul li a.active {
    background: #fff;
    color: #fe3174
}

nav.stickybar .dropdown-user .dropdown-menu ul li a.logout {
    color: #f72144
}

nav.stickybar a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 8px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0);
    box-shadow: inset 0 3px rgba(0, 0, 0, 0);
    text-decoration: none !important;
    outline: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #19203f;
    font-size: 12px;
    font-weight: 600
}

nav.stickybar a.active,
nav.stickybar a.show {
    color: #fe3174
}

nav.stickybar a.cart {
    background-color: #18d3a6;
    color: #fff;
    position: relative
}

nav.stickybar a.cart:before {
    background-color: #18d3a6;
    position: absolute;
    top: -4px;
    width: 100%;
    height: 4px;
    border-radius: 2px 2px 0 0;
    content: ""
}

nav.stickybar a i,
nav.stickybar a svg {
    line-height: 22px;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2px;
    font-weight: normal
}

nav.stickybar a i.number,
nav.stickybar a svg.number {
    position: absolute;
    border-radius: 16px;
    background-color: #15b68f;
    color: #fff;
    font-size: 13px !important;
    padding: 0px 14px;
    top: -14px
}

div#bildirim {
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    left: 20px;
    background: #fe3174;
    padding: 20px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    color: #fff;
    max-width: 410px;
    display: flex !important;
    transition: .4s;
    visibility: hidden;
    opacity: 0;
    bottom: 0
}

div#bildirim.show {
    bottom: 20px;
    visibility: visible;
    opacity: 1
}

div#bildirim .si-sol {
    width: 70px;
    height: 70px;
    background: #fff;
    color: #fe3174;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-right: 20px;
    min-width: 70px;
    min-height: 70px
}

div#bildirim .si-sag {
    display: flex;
    flex-direction: column
}

div#bildirim .si-sag b#FA_Title {
    font-size: 16px;
    font-weight: bold
}

div#bildirim .si-sag span#FA_text {
    font-size: 14px;
    margin-top: 8px;
    font-weight: 500;
    line-height: 1.3
}

.fixedSocial {
    position: fixed;
    top: 60%;
    left: 0;
    z-index: 9999999
}

.fixedSocial a {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    border-radius: 0 4px 4px 0;
    margin-bottom: 10px;
    transition: .3s all ease-in-out
}

.fixedSocial a.whatsapp {
    background: #18d3a6
}

.fixedSocial a.phone {
    background: #3ba9da
}

.fixedSocial a.email {
    background: #fe3174
}

.fixedSocial a .text {
    max-width: 0;
    transition: .3s all ease-in-out;
    overflow: hidden
}

.fixedSocial a i {
    padding: 13px;
    color: #fff;
    font-size: 28px
}

.fixedSocial a:hover {
    padding-left: 13px
}

.fixedSocial a:hover .text {
    max-width: max-content;
    margin-right: 13px
}

#back-to-top {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    text-align: center;
    font-size: 150%;
    color: #fff;
    background-color: #131932;
    border-radius: 4px
}

section.newSocial {
    cursor: pointer;
    position: fixed;
    box-shadow: 0 0 60px rgba(40, 48, 59, .19);
    background-color: #18d3a6;
    top: 50%;
    left: -305px;
    transform: translateY(-50%);
    z-index: 9999;
    padding: 20px 40px 20px 20px;
    transition: all .3s ease-in-out
}

section.newSocial.active {
    background-color: #fff;
    left: 0
}

section.newSocial.active:before {
    background: url("../img/newSocialRightWhite.png") no-repeat center
}

section.newSocial.active span.toggleIcon {
    color: #18d3a6
}

section.newSocial:before {
    position: absolute;
    right: -34px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    background: url("../img/newSocialRightBlue.png") no-repeat center;
    width: 35px;
    height: 214px;
    z-index: 5;
    transition: all .3s ease-in-out
}

section.newSocial span.toggleIcon {
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -26px;
    z-index: 6
}

section.newSocial ul li {
    margin-bottom: 20px
}

section.newSocial ul li:last-child {
    margin-bottom: 0
}

section.newSocial span.icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    margin-right: 20px
}

section.newSocial span.icon.whatsapp {
    background-color: #18d3a6
}

section.newSocial span.icon.phone {
    background-color: #fe3174
}

section.newSocial span.icon.email {
    background-color: #3ba9da
}

section.newSocial span.name {
    color: #606672;
    font-size: 14px;
    font-weight: 400
}

section.newSocial span.text {
    margin-top: 6px;
    color: #131932;
    font-size: 16px;
    font-weight: 600
}

@media(max-width: 1400px) {
    section.info span.number {
        font-size: 22px
    }

    section.info span.text {
        font-size: 15px
    }

    footer .menutitle {
        font-size: 15px
    }

    footer .top ul.social li a {
        width: 36px;
        height: 36px;
        font-size: 15px
    }

    footer .top img {
        max-width: 160px
    }
}

@media(max-width: 1199px) {
    footer ul.social {
        display: none !important
    }

    footer .menutitle {
        font-size: 12px
    }

    footer ul.menu li>a {
        font-size: 13px
    }

    footer p {
        font-size: 14px
    }

    footer ul.iconlist li a.value {
        margin-top: 4px;
        font-size: 18px
    }

    footer ul.iconlist li span.title {
        font-size: 12px
    }

    footer ul.iconlist li .icon {
        width: 50px;
        height: 50px;
        font-size: 18px;
        margin-right: 10px
    }

    section.info span.icon {
        margin-right: 10px
    }

    section.info span.text {
        font-size: 13px
    }

    section.info span.number {
        font-size: 18px
    }
}

@media(max-width: 991px) {
    section.info span.icon {
        width: 44px;
        height: 44px;
        font-size: 18px;
        margin-right: 10px
    }

    section.info span.text {
        font-size: 13px
    }

    section.info span.number {
        font-size: 18px
    }

    section.info {
        display: none
    }

    footer {
        margin-top: 3rem !important;
        border-bottom: 0
    }

    footer ul.social {
        display: none !important
    }

    footer .col-xl-8.pt-5.pb-4.ps-4 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    footer .col-xl-8.pt-5.pb-4.ps-4 .menutitle {
        margin-top: 24px;
        margin-bottom: 24px !important
    }

    footer .col-xl-8.pt-5.pb-4.ps-4 .menutitle i,
    footer .col-xl-8.pt-5.pb-4.ps-4 .menutitle svg {
        margin-left: 20px;
        margin-right: 20px
    }

    footer ul.menu {
        display: none
    }

    .copyright {
        background: #131932
    }

    footer ul.menu li>a i {
        display: none
    }

    div#bildirim {
        display: none !important
    }
}

@media(max-width: 768px) {
    footer {
        border-bottom: 0
    }

    footer ul.social {
        display: flex !important
    }

    footer .col-xl-8.pt-5.pb-4.ps-4 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    footer .col-xl-8.pt-5.pb-4.ps-4 .menutitle {
        margin-top: 24px;
        margin-bottom: 24px !important
    }

    footer .col-xl-8.pt-5.pb-4.ps-4 .menutitle i,
    footer .col-xl-8.pt-5.pb-4.ps-4 .menutitle svg {
        margin-left: 20px;
        margin-right: 20px
    }

    footer ul.menu {
        display: none
    }

    footer .bg-dark {
        padding-top: 18px !important;
        padding-bottom: 18px !important
    }

    footer .ps-4,
    footer .pe-4 {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

    footer p {
        text-align: center
    }

    footer .btn-action {
        display: flex !important
    }

    footer .top {
        margin-bottom: 18px !important
    }

    footer .top ul.social li a {
        width: 32px;
        height: 32px;
        font-size: 14px
    }

    .copyright {
        background: #131932;
        padding-bottom: 60px
    }
}

@media(max-width: 576px) {
    footer ul.menu li:hover ul.submenu {
        display: none !important
    }

    .fixedSocial a {
        height: 36px
    }

    .fixedSocial {
        bottom: 10%
    }

    .fixedSocial a i {
        padding: 8px;
        color: #fff;
        font-size: 20px;
        width: 36px;
        height: 36px;
        max-height: 36px
    }

    footer {
        border-bottom: 0
    }

    footer p {
        font-size: 14px
    }

    footer ul.iconlist {
        margin-top: 24px
    }

    footer ul.iconlist li .icon {
        width: 40px;
        height: 40px;
        font-size: 16px;
        margin-right: 10px
    }

    footer ul.iconlist li span.title {
        font-size: 12px
    }

    footer ul.iconlist li a.value {
        margin-top: 3px;
        font-size: 13px
    }

    .copyright {
        padding-bottom: 74px;
        background: #131932
    }

    .copyright .bg-dark {
        padding-right: 12px !important
    }

    .copyright .justify-content-end {
        justify-content: center !important
    }

    .copyright p {
        text-align: center;
        line-height: 1.7;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .copyright img {
        max-width: 110px
    }

    footer .top img {
        max-width: 130px
    }

    section.newSocial {
        left: -305px;
        top: initial;
        bottom: 10%;
        transform: translateY(0px)
    }

    section.newSocial span.toggleIcon {
        right: -31px
    }

    section.newSocial:before {
        background: url("../img/newSocialRightBlueMobile.png") no-repeat center;
        width: 45px;
        height: 168px;
        right: -44px
    }

    section.newSocial.active:before {
        background: url("../img/newSocialRightWhiteMobile.png") no-repeat center;
        width: 45px;
        height: 168px;
        right: -44px
    }
}

body.swal2-toast-shown .swal2-container {
    overflow: visible !important;
    width: 100%
}

.swal2-popup {
    border-radius: 2px;
    background-color: #fff
}

.swal2-popup.swal2-icon-success {
    border-left: 4px solid #18d3a6;
    padding-left: 0
}

.swal2-popup.swal2-icon-success .swal2-title {
    color: #18d3a6;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.swal2-popup.swal2-icon-success .swal2-html-container {
    color: #181818;
    font-size: 14px;
    font-weight: 400
}

.swal2-popup.swal2-icon-error {
    border-left: 4px solid #f03636;
    padding-left: 0
}

.swal2-popup.swal2-icon-error .swal2-title {
    color: #f03636;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.swal2-popup.swal2-icon-error .swal2-html-container {
    color: #181818;
    font-size: 14px;
    font-weight: 400
}

.swal2-styled.swal2-confirm {
    background: #181818 !important
}

.swal2-icon.swal2-success .swal2-success-ring {
    border: .25em solid #2bd6ad !important
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #2bd6ad !important
}

.swal2-icon.swal2-error .swal2-error-ring {
    border: .25em solid #f03636 !important
}

.swal2-icon.swal2-error {
    border-color: #f03636 !important;
    color: #f03636 !important
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: #f03636 !important
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>div:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width: 240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: .2em
    }
}

@media all and (min-width: 241px)and (max-width: 480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: .2em
    }
}

@media all and (min-width: 481px)and (max-width: 768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }

    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}

.cover .box {
    padding: 40px 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.cover i {
    margin-right: 30px;
    color: #fff;
    font-size: 40px
}

.cover h1 {
    color: #fff;
    font-size: 28px;
    font-weight: 500
}

.cover p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.25
}

.cover .box2 {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.cover .menu {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-left: 20px;
    padding-right: 20px
}

.cover .menu ul {
    display: flex;
    align-items: center
}

.cover .menu ul li:first-child a {
    border-bottom-left-radius: 8px
}

.cover .menu ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: -4px;
    padding: 22px;
    border-radius: 8px 8px 0 0 !important
}

.cover .menu ul li a.active,
.cover .menu ul li a:hover {
    color: #19203f;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #e6f6ff
}

section.popup {
    background: rgba(0, 0, 0, .9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: #19203f;
    display: none
}

section.popup .step1,
section.popup .step2,
section.popup .step3 {
    display: none
}

section.popup .p-30 {
    padding: 0 30px
}

section.popup .progress {
    background-color: #d3d7eb;
    height: auto
}

section.popup .progress.special {
    background: rgba(69, 94, 224, .1);
    min-width: 210px;
    max-width: 100%;
    border-radius: 8px;
    padding: 6px
}

section.popup .progress.special .progress-bar {
    border-radius: 8px;
    min-height: 42px;
    background: #0052a0 !important
}

section.popup span.icon {
    margin: 0 auto;
    background-color: #000;
    color: #fff;
    width: 126px;
    height: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    border-radius: 100%;
    margin-bottom: -30px;
    position: relative;
    z-index: 1
}

section.popup span.icon:before {
    content: "";
    position: absolute;
    background: url("../img/tools-popup-user.png") center center no-repeat;
    width: 145px;
    height: 60px;
    top: -40px
}

section.popup .box {
    position: relative;
    z-index: 2;
    width: 100%;
    border-radius: 8px;
    background-color: #fff
}

section.popup .box .head {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d3d7eb
}

section.popup .box .head img.avatar {
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    object-fit: cover;
    border-radius: 100%
}

section.popup .box .head .name {
    color: #1d3163;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 4px
}

section.popup .box .head .username {
    color: #858aa0;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 240px;
    max-width: 34vw
}

section.popup .box .head .r li.big {
    border-radius: 8px;
    border: 1px solid #1da1f2;
    background-color: #fff;
    padding: 13px;
    width: 112px;
    max-width: 112px
}

section.popup .box .head .r li.big span {
    color: #1d3163;
    font-size: 14px
}

section.popup .box .head .r li.big b {
    margin-top: 4px;
    margin-bottom: 4px;
    display: block;
    color: #1da1f2;
    font-size: 20px;
    font-weight: 600
}

section.popup .box .head .r li.small {
    transform: scale(1.3)
}

section.popup .box .head .r li.small span.overlay {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    border-radius: 100%;
    background-color: #1da1f2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff
}

section.popup .box .body {
    padding-top: 30px;
    text-align: center
}

section.popup .box .body .title {
    color: #19203f;
    font-size: 20px;
    font-weight: 600
}

section.popup .box .body p {
    margin-top: 10px;
    color: #19203f;
    font-size: 16px
}

section.popup .box .body .progressarea {
    margin-top: 45px
}

section.popup .box .body ul {
    margin-top: -1px
}

section.popup .box .body ul li {
    text-align: center;
    color: #19203f;
    font-size: 13px;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    flex-grow: 1
}

section.popup .box .body ul li span {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: #d3d7eb;
    border-radius: 100%;
    top: -7px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%)
}

section.popup .box .body ul li.bordernow span:before {
    position: absolute;
    content: "";
    width: 28px;
    height: 28px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 100%;
    left: -7px;
    top: -7px;
    animation: leaves 1.3s ease-in-out infinite alternate;
    -webkit-animation: leaves 1.3s ease-in-out infinite alternate
}

@keyframes leaves {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.3)
    }
}

section.popup .box .footer {
    background: #f6f7fb;
    border-top: 1px solid #d3d7eb;
    padding: 30px;
    padding-top: 45px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

section.popup .box .footer .freebalance {
    text-align: center;
    position: relative
}

section.popup .box .footer .freebalance img {
    width: 89px;
    height: 89px;
    position: relative;
    top: -62px;
    margin-bottom: -50px
}

section.popup .box .footer .freebalance .title {
    color: #19203f;
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 17px
}

section.popup .box .footer .freebalance .text {
    color: #19203f;
    font-size: 18px
}

section.popup .box .footer .freebalance .btn.btn-register {
    margin-top: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: -6px 6px 18px rgba(24, 211, 166, .31);
    border-radius: 8px;
    background-color: #18d3a6;
    color: #fff;
    font-size: 16px;
    padding: 17px 22px;
    width: 270px;
    max-width: 100%
}

section.popup .box .footer .freebalance .btn.btn-register:hover {
    background-color: #15bc94;
    box-shadow: -6px 6px 18px rgba(24, 211, 166, .4)
}

section.popup .box .footer .couponbox {
    border-radius: 8px;
    background-color: #0052a0;
    padding: 30px;
    text-align: center;
    position: relative
}

section.popup .box .footer .couponbox img {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    position: relative;
    top: -55px;
    margin-bottom: -40px
}

section.popup .box .footer .couponbox .title {
    margin-top: 14px;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px
}

section.popup .box .footer .couponbox .text {
    color: #fff;
    font-size: 25px;
    font-weight: 600
}

section.popup .box .footer .couponbox .buttons {
    margin-top: 30px
}

section.popup .box .footer .couponbox .buttons a.btn-copy {
    flex-grow: 1;
    width: 100%;
    border-radius: 8px;
    background: #fff;
    padding: 12px 12px 12px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

section.popup .box .footer .couponbox .buttons a.btn-copy span.cicon {
    border-radius: 8px;
    background-color: rgba(69, 94, 224, .2);
    color: #0052a0;
    font-size: 16px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

section.popup .box .footer .couponbox .buttons a.btn-copy span.cicon:hover {
    background-color: #455ee0;
    color: #fff
}

section.popup .box .footer .couponbox .buttons a.btn-copy span:not(.cicon) {
    color: #060b11;
    font-size: 16px
}

section.popup .box .footer .couponbox .buttons a.btn-copy span:not(.cicon) b {
    font-weight: 600
}

section.popup .box .footer .couponbox .buttons a.btn-packages {
    flex-grow: 1;
    width: 100%;
    border-radius: 8px;
    background-color: #18d3a6;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 26px;
    font-weight: 500
}

section.popup .box .footer .couponbox .buttons a.btn-packages:hover {
    background-color: #15bc94
}

.packets .item3 {
    box-shadow: -7px 7px 18px rgba(48, 55, 84, .07);
    border-radius: 8px;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-bottom: 20px;
    position: relative
}

.packets .item3 .popular {
    position: absolute;
    background: #fff;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: -7px 7px 18px rgba(48, 55, 84, .14);
    color: #18d3a6 ;
}

.packets .item3:hover {
    transform: scale(1.05)
}

.packets .item3 .head {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.packets .item3 .head span.icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 20px;
    margin-right: 14px;
    background: rgba(255, 255, 255, .1);
    color: #fff
}

.packets .item3 .head span.discount {
    display: flex;
    background: #fff;
    padding: 5px;
    border-radius: 30px;
    align-items: center;
    justify-content: center
}

.packets .item3 .head span.discount i {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
    font-size: 14px;
    margin-right: 10px;
    background: #0052a0;
    color: #fff
}

.packets .item3 .head span.discount span {
    font-size: 14px;
    color: #0052a0;
    font-weight: 600;
    margin-right: 10px
}

.packets .item3 .head span.platform {
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.packets .item3 .head span.name {
    display: inline-block;
    margin-top: 4px;
    color: #fff;
    font-size: 16px
}

.packets .item3 .head span.name b {
    font-weight: 600
}

.packets .item3 .head button.btn.btn-favorite {
    background: #fff;
    color: #0052a0;
    line-height: 1;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    width: 34px;
    height: 34px
}

.packets .item3 .head button.btn.btn-favorite:hover,
.packets .item3 .head button.btn.btn-favorite.active {
    background: #0052a0;
    color: #fff
}

.packets .item3 .body .row.g-0 .col-4:nth-child(2n) .brd {
    border-right: none !important
}

.packets .item3 .body .brd {
    border-right: 1px solid #d1e2ec;
    border-bottom: 1px solid #d1e2ec;
    padding: 16px;
    height: 100%;
    justify-content: center
}

.packets .item3 .body .brd.last span.icon {
    background: #e7fbf6;
    color: #26d6ab
}

.packets .item3 .body .brd span.icon {
    width: 34px;
    height: 34px;
    background: #e7fbf6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #fff;
    margin-bottom: 10px
}

.packets .item3 .body .brd span.icon.instagram-bg {
    background: rgba(225, 48, 108, .1) !important
}

.packets .item3 .body .brd span.icon.instagram-bg:hover {
    background: #e1306c !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.twitter-bg {
    background-color: rgba(29, 161, 242, .1) !important
}

.packets .item3 .body .brd span.icon.twitter-bg:hover {
    background: #1da1f2 !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.facebook-bg {
    background-color: rgba(24, 115, 235, .1) !important
}

.packets .item3 .body .brd span.icon.facebook-bg:hover {
    background: #1873eb !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.tiktok-bg {
    background-color: rgba(13, 18, 31, .1) !important
}

.packets .item3 .body .brd span.icon.tiktok-bg:hover {
    background: #0d121f !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.tiktok-bg:hover i:before {
    background: #fff !important
}

.packets .item3 .body .brd span.icon.youtube-bg {
    background-color: rgba(255, 0, 0, .1) !important
}

.packets .item3 .body .brd span.icon.youtube-bg:hover {
    background: red !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.clubhouse-bg {
    background-color: rgba(101, 21, 221, .1) !important
}

.packets .item3 .body .brd span.icon.clubhouse-bg:hover {
    background: #6515dd !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.soundcloud-bg {
    background-color: rgba(249, 118, 55, .1) !important
}

.packets .item3 .body .brd span.icon.soundcloud-bg:hover {
    background: #f97637 !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.tumblr-bg {
    background-color: rgba(27, 53, 97, .1) !important
}

.packets .item3 .body .brd span.icon.tumblr-bg:hover {
    background: #1b3561 !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.pinterest-bg {
    background-color: rgba(193, 31, 38, .1) !important
}

.packets .item3 .body .brd span.icon.pinterest-bg:hover {
    background: #c11f26 !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.spotify-bg {
    background-color: rgba(30, 212, 95, .1) !important
}

.packets .item3 .body .brd span.icon.spotify-bg:hover {
    background: #1ed45f !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.vimeo-bg {
    background-color: rgba(0, 169, 233, .1) !important
}

.packets .item3 .body .brd span.icon.vimeo-bg:hover {
    background: #00a9e9 !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.twitch-bg {
    background-color: rgba(141, 69, 248, .1) !important
}

.packets .item3 .body .brd span.icon.twitch-bg:hover {
    background: #8d45f8 !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.periscope-bg {
    background-color: rgba(63, 161, 192, .1) !important
}

.packets .item3 .body .brd span.icon.periscope-bg:hover {
    background: #3fa1c0 !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.linkedin-bg {
    background-color: rgba(2, 111, 172, .1) !important
}

.packets .item3 .body .brd span.icon.linkedin-bg:hover {
    background: #026fac !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.telegram-bg {
    background-color: rgba(52, 166, 216, .1) !important
}

.packets .item3 .body .brd span.icon.telegram-bg:hover {
    background: #34a6d8 !important;
    color: #fff !important
}

.packets .item3 .body .brd span.icon.reddit-bg {
    background-color: rgba(255, 69, 0, .2) !important
}

.packets .item3 .body .brd span.icon.reddit-bg:hover {
    background: #ff4500 !important;
    color: #fff !important
}

.packets .item3 .body .brd span:not(.icon) {
    color: #1d3163;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    max-width: 120px
}

.packets .item3 .foot {
    padding: 15px
}

.packets .item3 .foot .oldprice em {
    opacity: .2;
    color: #19203f;
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through
}

.packets .item3 .foot .oldprice span.badge.badge-success {
    background: #d1f6ed;
    color: #18d3a6;
    border-radius: 16px
}

.packets .item3 .foot .price {
    margin-top: 3px;
    color: #19203f;
    font-size: 18px;
    font-weight: 700
}

.packets .item3 .foot .btn-buy {
    border-radius: 8px;
    background-color: #18d3a6;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
    display: flex;
    align-items: center
}

.packets .item3 .foot .btn-buy:hover {
    background: #15bc94
}

.packets .item4 {
    box-shadow: -7px 7px 18px rgba(48, 55, 84, .07);
    border-radius: 8px;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-bottom: 20px;
    border-top-right-radius: 30px
}

.packets .item4 .head {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-right-radius: 30px
}

.packets .item4 .head span.icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 22px;
    color: #fff;
    margin-right: 14px;
    background: #fff
}

.packets .item4 .head span.platform {
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.packets .item4 .head span.name {
    display: inline-block;
    margin-top: 4px;
    color: #fff;
    font-size: 18px
}

.packets .item4 .head span.name b {
    font-weight: 600
}

.packets .item4 .head button.btn.btn-favorite {
    background: #fff;
    color: #179af8;
    line-height: 1;
    border-radius: 20px;
    font-size: 19px;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.packets .item4 .head button.btn.btn-favorite:hover,
.packets .item4 .head button.btn.btn-favorite.active {
    background: #0052a0;
    color: #fff
}

.packets .item4 .body .row.g-0 .col-sm-6:nth-child(2n) .brd {
    border-right: none !important
}

.packets .item4 .body .brd {
    border-right: 1px solid #d1e2ec;
    border-bottom: 1px solid #d1e2ec;
    padding: 16px;
    height: 100%;
    justify-content: center
}

.packets .item4 .body .brd.last span.icon {
    background: #e7fbf6;
    color: #26d6ab
}

.packets .item4 .body .brd span.icon {
    width: 34px;
    height: 34px;
    background: #e7fbf6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #fff;
    margin-bottom: 10px
}

.packets .item4 .body .brd span.icon.instagram-bg {
    background-color: rgba(225, 48, 108, .1) !important
}

.packets .item4 .body .brd span.icon.instagram-bg:hover {
    background: #e1306c !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.twitter-bg {
    background-color: rgba(29, 161, 242, .1) !important
}

.packets .item4 .body .brd span.icon.twitter-bg:hover {
    background: #1da1f2 !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.facebook-bg {
    background-color: rgba(24, 115, 235, .1) !important
}

.packets .item4 .body .brd span.icon.facebook-bg:hover {
    background: #1873eb !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.tiktok-bg {
    background-color: rgba(13, 18, 31, .1) !important
}

.packets .item4 .body .brd span.icon.tiktok-bg:hover {
    background: #0d121f !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.tiktok-bg:hover i:before {
    background: #fff !important
}

.packets .item4 .body .brd span.icon.youtube-bg {
    background-color: rgba(255, 0, 0, .1) !important
}

.packets .item4 .body .brd span.icon.youtube-bg:hover {
    background: red !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.clubhouse-bg {
    background-color: rgba(101, 21, 221, .1) !important
}

.packets .item4 .body .brd span.icon.clubhouse-bg:hover {
    background: #6515dd !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.soundcloud-bg {
    background-color: rgba(249, 118, 55, .1) !important
}

.packets .item4 .body .brd span.icon.soundcloud-bg:hover {
    background: #f97637 !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.tumblr-bg {
    background-color: rgba(27, 53, 97, .1) !important
}

.packets .item4 .body .brd span.icon.tumblr-bg:hover {
    background: #1b3561 !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.pinterest-bg {
    background-color: rgba(193, 31, 38, .1) !important
}

.packets .item4 .body .brd span.icon.pinterest-bg:hover {
    background: #c11f26 !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.spotify-bg {
    background-color: rgba(30, 212, 95, .1) !important
}

.packets .item4 .body .brd span.icon.spotify-bg:hover {
    background: #1ed45f !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.vimeo-bg {
    background-color: rgba(0, 169, 233, .1) !important
}

.packets .item4 .body .brd span.icon.vimeo-bg:hover {
    background: #00a9e9 !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.twitch-bg {
    background-color: rgba(141, 69, 248, .1) !important
}

.packets .item4 .body .brd span.icon.twitch-bg:hover {
    background: #8d45f8 !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.periscope-bg {
    background-color: rgba(63, 161, 192, .1) !important
}

.packets .item4 .body .brd span.icon.periscope-bg:hover {
    background: #3fa1c0 !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.linkedin-bg {
    background-color: rgba(2, 111, 172, .1) !important
}

.packets .item4 .body .brd span.icon.linkedin-bg:hover {
    background: #026fac !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.telegram-bg {
    background-color: rgba(52, 166, 216, .1) !important
}

.packets .item4 .body .brd span.icon.telegram-bg:hover {
    background: #34a6d8 !important;
    color: #fff !important
}

.packets .item4 .body .brd span.icon.reddit-bg {
    background-color: rgba(255, 69, 0, .2) !important
}

.packets .item4 .body .brd span.icon.reddit-bg:hover {
    background: #ff4500 !important;
    color: #fff !important
}

.packets .item4 .body .brd span:not(.icon) {
    color: #1d3163;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    max-width: 110px;
    min-height: 34px
}

.packets .item4 .foot {
    padding: 15px
}

.packets .item4 .foot .oldprice em {
    opacity: .2;
    color: #19203f;
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through
}

.packets .item4 .foot .oldprice span.badge.badge-success {
    background: #d1f6ed;
    color: #18d3a6;
    border-radius: 16px
}

.packets .item4 .foot .price {
    margin-top: 3px;
    color: #19203f;
    font-size: 18px;
    font-weight: 700
}

.packets .item4 .foot .btn-buy {
    border-radius: 8px;
    background-color: #18d3a6;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
    display: flex;
    align-items: center
}

.packets .item4 .foot .btn-buy:hover {
    background: #15bc94
}

.packets .item2 {
    box-shadow: -7px 7px 18px rgba(48, 55, 84, .07);
    border-radius: 8px;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-bottom: 60px
}

.packets .item2 .head {
    padding: 15px;
    padding-top: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d1e2ec
}

.packets .item2 .head span.icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 22px;
    color: #fff;
    margin-top: -32px;
    margin-right: 14px
}

.packets .item2 .head span.platform {
    color: #1d3163;
    font-weight: 600
}

.packets .item2 .head span.name {
    display: inline-block;
    margin-top: 4px;
    color: #0d121f;
    font-size: 16px
}

.packets .item2 .head span.name b {
    font-weight: 600
}

.packets .item2 .head button.btn-favorite {
    color: #0052a0;
    border: 1px solid #0052a0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    font-size: 18px
}

.packets .item2 .head button.btn-favorite:hover,
.packets .item2 .head button.btn-favorite.active {
    background-color: #0052a0;
    color: #fff
}

.packets .item2 .body .row.g-0 .col-6:nth-child(2n) .brd {
    border-right: none !important
}

.packets .item2 .body .brd {
    border-right: 1px solid #d1e2ec;
    border-bottom: 1px solid #d1e2ec;
    padding: 16px
}

.packets .item2 .body .brd.last span.icon {
    background: #e7fbf6;
    color: #26d6ab
}

.packets .item2 .body .brd span.icon {
    width: 34px;
    height: 34px;
    background: #e7fbf6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #fff;
    margin-bottom: 10px
}

.packets .item2 .body .brd span.icon.instagram-bg {
    background-color: rgba(225, 48, 108, .1) !important
}

.packets .item2 .body .brd span.icon.instagram-bg:hover {
    background: #e1306c !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.twitter-bg {
    background-color: rgba(29, 161, 242, .1) !important
}

.packets .item2 .body .brd span.icon.twitter-bg:hover {
    background: #1da1f2 !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.facebook-bg {
    background-color: rgba(24, 115, 235, .1) !important
}

.packets .item2 .body .brd span.icon.facebook-bg:hover {
    background: #1873eb !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.tiktok-bg {
    background-color: rgba(13, 18, 31, .1) !important
}

.packets .item2 .body .brd span.icon.tiktok-bg:hover {
    background: #0d121f !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.tiktok-bg:hover i:before {
    background: #fff !important
}

.packets .item2 .body .brd span.icon.youtube-bg {
    background-color: rgba(255, 0, 0, .1) !important
}

.packets .item2 .body .brd span.icon.youtube-bg:hover {
    background: red !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.clubhouse-bg {
    background-color: rgba(101, 21, 221, .1) !important
}

.packets .item2 .body .brd span.icon.clubhouse-bg:hover {
    background: #6515dd !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.soundcloud-bg {
    background-color: rgba(249, 118, 55, .1) !important
}

.packets .item2 .body .brd span.icon.soundcloud-bg:hover {
    background: #f97637 !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.tumblr-bg {
    background-color: rgba(27, 53, 97, .1) !important
}

.packets .item2 .body .brd span.icon.tumblr-bg:hover {
    background: #1b3561 !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.pinterest-bg {
    background-color: rgba(193, 31, 38, .1) !important
}

.packets .item2 .body .brd span.icon.pinterest-bg:hover {
    background: #c11f26 !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.spotify-bg {
    background-color: rgba(30, 212, 95, .1) !important
}

.packets .item2 .body .brd span.icon.spotify-bg:hover {
    background: #1ed45f !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.vimeo-bg {
    background-color: rgba(0, 169, 233, .1) !important
}

.packets .item2 .body .brd span.icon.vimeo-bg:hover {
    background: #00a9e9 !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.twitch-bg {
    background-color: rgba(141, 69, 248, .1) !important
}

.packets .item2 .body .brd span.icon.twitch-bg:hover {
    background: #8d45f8 !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.periscope-bg {
    background-color: rgba(63, 161, 192, .1) !important
}

.packets .item2 .body .brd span.icon.periscope-bg:hover {
    background: #3fa1c0 !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.linkedin-bg {
    background-color: rgba(2, 111, 172, .1) !important
}

.packets .item2 .body .brd span.icon.linkedin-bg:hover {
    background: #026fac !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.telegram-bg {
    background-color: rgba(52, 166, 216, .1) !important
}

.packets .item2 .body .brd span.icon.telegram-bg:hover {
    background: #34a6d8 !important;
    color: #fff !important
}

.packets .item2 .body .brd span.icon.reddit-bg {
    background-color: rgba(255, 69, 0, .2) !important
}

.packets .item2 .body .brd span.icon.reddit-bg:hover {
    background: #ff4500 !important;
    color: #fff !important
}

.packets .item2 .body .brd span:not(.icon) {
    color: #1d3163;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    max-width: 110px
}

.packets .item2 .foot {
    padding: 15px
}

.packets .item2 .foot .oldprice em {
    opacity: .2;
    color: #19203f;
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through
}

.packets .item2 .foot .oldprice span.badge.badge-success {
    background: #d1f6ed;
    color: #18d3a6;
    border-radius: 16px
}

.packets .item2 .foot .price {
    margin-top: 3px;
    color: #19203f;
    font-size: 18px;
    font-weight: 700
}

.packets .item2 .foot .btn-buy {
    border-radius: 8px;
    background-color: #18d3a6;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px;
    display: flex;
    align-items: center
}

.packets .item2 .foot .btn-buy:hover {
    background: #15bc94
}

.packets .item {
    box-shadow: -7px 7px 18px rgba(48, 55, 84, .07);
    border-radius: 8px;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-bottom: 10px
}

.packets .item .l,
.packets .item .r {
    padding: 15px;
    display: flex;
    align-items: center
}

.packets .item .l {
    border-right: 1px solid #d3e2ea
}

.packets .item span.icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    margin-right: 20px
}

.packets .item span.icon.red-bg {
    background: rgba(203, 20, 102, .1);
    color: #cb1466
}

.packets .item span.icon.green-bg {
    background: rgba(24, 211, 166, .1);
    color: #18d3a6
}

.packets .item span.platform {
    color: #19203f;
    font-size: 18px;
    font-weight: 600
}

.packets .item span.title {
    color: #19203f;
    font-size: 18px;
    font-weight: 400
}

.packets .item span.title b {
    font-weight: 600
}

.packets .item span.gift {
    color: #19203f;
    font-size: 18px;
    font-weight: 400
}

.packets .item span.gift b {
    color: #18d3a6;
    font-weight: 600
}

.packets .item span.badge.yellow {
    border-radius: 16px;
    background-color: rgba(69, 94, 224, .2);
    color: #0052a0;
    font-size: 14px;
    font-weight: 600;
    padding: 9px 14px;
    margin-right: 16px
}

.packets .item span.price {
    color: #19203f;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase
}

.packets .item button.btn-favorite {
    border-radius: 8px;
    background-color: #fff;
    color: #0052a0;
    border: 1px solid #0052a0;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-right: 10px
}

.packets .item button.btn-favorite:hover,
.packets .item button.btn-favorite.active {
    background-color: #004587;
    color: #fff
}

.packets .item button.btn-favorite.active {
    box-shadow: -6px 6px 40px rgba(69, 94, 224, .44);
    background-color: #0052a0;
    color: #fff;
    border: 1px solid #0052a0
}

.packets .item button.btn-favorite.active:hover {
    color: #fff
}

.packets .item a.btn-addcart {
    box-shadow: -6px 6px 40px rgba(24, 211, 166, .44);
    border-radius: 8px;
    background-color: #18d3a6;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 12px 22px
}

.packets .item a.btn-addcart i {
    margin-right: 14px;
    font-weight: normal
}

.packets .item a.btn-addcart:hover {
    background: #15bc94
}

.packets .item:hover {
    box-shadow: -7px 7px 18px rgba(48, 55, 84, .15)
}

section.features .title {
    color: #19203f;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px
}

section.features .item {
    margin-bottom: 20px;
    box-shadow: -9px 9px 49px rgba(41, 46, 55, .15);
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    padding: 30px 20px 20px;
    padding-top: 0;
    height: 100%
}

section.features .item span.icon {
    margin-top: -30px;
    width: 60px;
    height: 60px;
    font-size: 26px;
    color: #fff;
    background: #0052a0;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: 400
}

section.features .item span.icon i {
    font-weight: 400
}

section.features .item span.icon:before {
    background: url("../img/spaniconback.png") center center no-repeat;
    width: 114px;
    height: 114px;
    content: "";
    position: absolute;
    opacity: .9
}

section.features .item span.name {
    margin-top: 30px;
    color: #0052a0;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px
}

section.features .item p {
    color: #333341;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3;
    padding-left: 24px;
    padding-right: 24px
}

.bayimodal .modal-dialog {
    max-width: 690px;
    border-radius: 8px
}

.bayimodal .modal-dialog .modal-content {
    border: 0;
    border-radius: 8px
}

.bayimodal .modal-dialog .modal-content .modal-header {
    padding: 0 0 0 20px;
    border-color: #d3e1ea
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.instagram-bg {
    box-shadow: -6px 6px 18px rgba(225, 48, 108, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.twitter-bg {
    box-shadow: -6px 6px 18px rgba(29, 161, 242, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.facebook-bg {
    box-shadow: -6px 6px 18px rgba(24, 115, 235, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.tiktok-bg {
    box-shadow: -6px 6px 18px rgba(13, 18, 31, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.youtube-bg {
    box-shadow: -6px 6px 18px rgba(255, 0, 0, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.clubhouse-bg {
    box-shadow: -6px 6px 18px rgba(101, 21, 221, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.soundcloud-bg {
    box-shadow: -6px 6px 18px rgba(249, 118, 55, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.tumblr-bg {
    box-shadow: -6px 6px 18px rgba(27, 53, 97, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.pinterest-bg {
    box-shadow: -6px 6px 18px rgba(193, 31, 38, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.spotify-bg {
    box-shadow: -6px 6px 18px rgba(30, 212, 95, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.vimeo-bg {
    box-shadow: -6px 6px 18px rgba(0, 169, 233, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.twitch-bg {
    box-shadow: -6px 6px 18px rgba(141, 69, 248, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.periscope-bg {
    box-shadow: -6px 6px 18px rgba(63, 161, 192, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.linkedin-bg {
    box-shadow: -6px 6px 18px rgba(2, 111, 172, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.telegram-bg {
    box-shadow: -6px 6px 18px rgba(52, 166, 216, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.icon.reddit-bg {
    box-shadow: -6px 6px 18px rgba(255, 69, 0, .43)
}

.bayimodal .modal-dialog .modal-content .modal-header span.title {
    color: #0052a0;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 6px;
    display: block
}

.bayimodal .modal-dialog .modal-content .modal-header span.name {
    color: #0052a0;
    font-size: 18px;
    font-weight: 600
}

.bayimodal .modal-dialog .modal-content .modal-header .btn-kapat {
    border: 0;
    background: #fff;
    color: #8ea1ae;
    font-size: 24px;
    border-left: 1px solid #d3e1ea;
    width: 89px;
    height: 89px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bayimodal .modal-dialog .modal-content .modal-header .btn-kapat:hover {
    color: red
}

.bayimodal .modal-dialog .modal-content .modal-body {
    padding: 20px
}

.bayimodal .modal-dialog .modal-content .modal-body label {
    color: #13223a;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px
}

.bayimodal .modal-dialog .modal-content .modal-body .inputgroup {
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #c7d7e2;
    background-color: #fff;
    padding: 12px;
    display: flex;
    align-items: center
}

.bayimodal .modal-dialog .modal-content .modal-body .inputgroup i {
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px
}

.bayimodal .modal-dialog .modal-content .modal-body .inputgroup input {
    border: 0
}

.bayimodal .modal-dialog .modal-content .modal-body .inputgroup input.smalltext,
.bayimodal .modal-dialog .modal-content .modal-body .inputgroup input.smalltext::placeholder {
    font-size: 16px
}

.bayimodal .modal-dialog .modal-content .modal-body .inputgroup input,
.bayimodal .modal-dialog .modal-content .modal-body .inputgroup input::placeholder {
    color: #0052a0;
    font-size: 20px;
    font-weight: 600
}

.bayimodal .modal-dialog .modal-content .modal-body .inputgroup span.badge {
    border-radius: 18px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 11px 23px
}

.bayimodal .modal-dialog .modal-content .modal-body .inputgroup span.badge i {
    margin-right: 10px
}

.bayimodal .modal-dialog .modal-content .modal-body .inputgroup span.badge.orange {
    background-color: rgba(239, 143, 64, .2);
    color: #ef8f40
}

.bayimodal .modal-dialog .modal-content .modal-body .inputgroup span.badge.green {
    background-color: rgba(24, 211, 166, .2);
    color: #18d3a6
}

.bayimodal .modal-dialog .modal-content .modal-body .inputgroup span.badge.red {
    background-color: rgba(247, 33, 68, .2);
    color: #f72144
}

.bayimodal .modal-dialog .modal-content .modal-body textarea {
    border-radius: 8px;
    border: 1px solid #c7d7e2;
    background-color: #fff;
    margin-bottom: 20px;
    min-height: 194px;
    resize: none
}

.bayimodal .modal-dialog .modal-content .modal-body textarea:active,
.bayimodal .modal-dialog .modal-content .modal-body textarea:focus {
    box-shadow: none;
    outline: 0
}

.bayimodal .modal-dialog .modal-content .modal-body span.badge.count {
    background: #8a91a7;
    margin-bottom: 20px;
    padding: 10px 19px;
    border-radius: 25px
}

.bayimodal .modal-dialog .modal-content .modal-body .price {
    color: #0052a0;
    font-size: 22px;
    font-weight: 600;
    margin-right: 24px
}

.bayimodal .modal-dialog .modal-content .modal-body .discount {
    border-radius: 19px;
    background-color: rgba(24, 211, 166, .2);
    color: #18d3a6;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 18px
}

.bayimodal .modal-dialog .modal-content .modal-body .privateprofile {
    border-radius: 8px;
    border: 1px solid #f72144;
    background-color: #f8ecee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.bayimodal .modal-dialog .modal-content .modal-body .privateprofile p {
    color: #f72144;
    font-size: 14px;
    font-weight: 600;
    padding-left: 20px
}

.bayimodal .modal-dialog .modal-content .modal-body .privateprofile a.btn {
    background-color: #f72144;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 14px
}

.bayimodal .modal-dialog .modal-content .modal-body .btn-next {
    border-radius: 8px;
    background-color: #18d3a6;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 17px 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bayimodal .modal-dialog .modal-content .modal-body .btn-next i {
    margin-left: 44px
}

.bayimodal .modal-dialog .modal-content .modal-body .btn-next:hover {
    background-color: #15bc94
}

.bayimodal .modal-dialog .modal-content .modal-body .btn-next[disabled] {
    pointer-events: none;
    background: #8a91a7
}

div.tabsystem {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
    margin-right: 30px
}

div.tabsystem div {
    flex-grow: 1;
    border-radius: 30px;
    background-color: rgba(29, 161, 242, .3);
    color: #1da1f2;
    font-size: 20px;
    font-weight: 600;
    padding: 5px 5px 5px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

div.tabsystem div span {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #1da1f2;
    color: #1da1f2;
    font-weight: normal
}

div.tabsystem div.current,
div.tabsystem div.success {
    background-color: #18d3a6;
    color: #fff
}

div.tabsystem div.current span,
div.tabsystem div.success span {
    border: 2px solid #fff;
    background: #fff;
    color: #18d3a6
}

div.tabsystem div.error {
    background-color: #f44336;
    color: #fff
}

div.tabsystem div.error span {
    border: 2px solid #fff;
    background: #fff;
    color: #f44336
}

.tabarea .subtitle {
    color: #19203f;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px
}

.tabarea button.nextstep {
    border-radius: 8px;
    background-color: #18d3a6;
    color: #fff;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 26px;
    font-weight: 500;
    border: 0;
    margin-bottom: 16px;
    transition: all .3s ease
}

.tabarea button.nextstep:disabled {
    pointer-events: none;
    background: #d6d7dd
}

.tabarea button.nextstep:hover {
    background-color: #15bc94
}

.tabarea .successtext {
    color: #18d3a6;
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 20px
}

.tabarea p.descc {
    color: #19203f;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px;
    line-height: 1.34
}

.tabarea p.descc b,
.tabarea p.descc strong {
    font-weight: 600
}

.tabarea .tab3 {
    padding-left: 30px;
    padding-right: 30px
}

.tabarea span.success {
    width: 96px;
    height: 60px;
    border-radius: 30px;
    background-color: #18d3a6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
    margin: 0 auto
}

.tabarea a.btn-home {
    border-radius: 8px;
    background-color: #18d3a6;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 26px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    margin-bottom: 40px
}

.tabarea a.btn-home:hover {
    transform: translateY(-5px)
}

.tabarea a.btn-home i {
    margin-left: 70px
}

.tabarea .timer {
    color: #19203f;
    font-size: 20px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center
}

.tabarea .timer span.intimer {
    display: block;
    border-radius: 23px;
    background-color: rgba(24, 211, 166, .2);
    color: #18d3a6;
    font-weight: 600;
    padding: 12px 14px
}

.tabarea .item {
    margin-left: 30px;
    margin-right: 30px;
    padding: 30px;
    border-radius: 8px;
    border: 2px solid #18d3a6;
    background-color: #fff
}

.tabarea .item i {
    color: rgba(48, 55, 84, .2);
    font-size: 80px
}

.tabarea .item .itemtitle {
    text-align: left;
    color: #19203f;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px
}

.tabarea .item .itemdesc {
    color: #19203f;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 1.4
}

.tabarea .item .btn-copy {
    border-radius: 8px;
    background-color: #18d3a6;
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.tabarea .item .btn-copy i {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

section.howtobuy .box {
    padding: 20px;
    padding-left: 42px;
    border-radius: 8px;
    background-color: #0052a0
}

section.howtobuy .box h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 22px;
    margin-top: 22px;
    position: relative
}

section.howtobuy .box h2:before {
    content: "";
    box-shadow: -9px 9px 51px rgba(6, 11, 17, .29);
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    left: -70px;
    font-family: "remixicon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    color: #0052a0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 400
}

section.howtobuy .box p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 32px
}

section.howtobuy .box p b {
    font-weight: 600
}

section.howtobuy .box p a {
    color: #fff
}

section.howtobuy .box i.big {
    color: #fff;
    font-size: 160px;
    position: absolute;
    left: -16%;
    top: 64%;
    transform: translateY(-50%)
}

section.howtobuy .box span.big {
    color: #fff;
    /*font-size: 160px;*/
    position: absolute;
    left: -16%;
    top: 50%;
    transform: translateY(-50%)
}

section.howtobuy .box ul li {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 22px;
    line-height: 1.3;
    position: relative;
    padding-left: 20px
}

section.howtobuy .box ul li:before {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .25);
    background-color: #fff;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: ""
}

section.howtobuy .box ul li b {
    font-weight: 700
}

@media(max-width: 1400px) {
    section.howtobuy .box h2:before {
        left: -57px
    }

    section.howtobuy .box i.big {
        font-size: 120px
    }

    .cover .menu ul li a {
        padding: 20px
    }

    .packets .item span.price {
        font-size: 18px
    }

    .packets .item span.badge.yellow {
        padding: 7px
    }

    .packets .item button.btn-favorite {
        width: 40px;
        height: 40px
    }

    .packets .item a.btn-addcart {
        font-size: 14px;
        padding: 8.5px 9px
    }

    .packets .item span.icon {
        width: 40px;
        height: 40px;
        font-size: 16px
    }
}

@media(min-width: 1200px) {
    .col-xl-25 {
        flex: 0 0 auto;
        width: 20%
    }
}

@media(max-width: 1199px) {
    .scrollm {
        display: flex;
        overflow-x: scroll;
        overflow-y: auto;
        max-width: 100%
    }

    .scrollm>* {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
        max-width: 100%;
        width: 100%;
        flex-wrap: nowrap;
        white-space: nowrap;
        justify-content: flex-start !important
    }

    .packets .item span.icon {
        width: 40px;
        height: 40px;
        font-size: 16px;
        min-width: 40px;
        min-height: 40px;
        margin-right: 6px
    }

    .packets .item span.platform,
    .packets .item span.title,
    .packets .item span.gift {
        font-size: 16px
    }

    .cover .menu ul li a {
        font-size: 14px;
        padding-bottom: 20px
    }

    .packets .item a.btn-addcart i {
        margin-right: 6px
    }
}

@media(max-width: 991px) {
    section.howtobuy .box i.big {
        display: none
    }

    section.howtobuy .box img {
        width: 100%
    }

    section.howtobuy .box {
        padding-right: 40px
    }

    section.features .item {
        margin-bottom: 100px;
        height: auto
    }

    .packets .item span.icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
        margin-right: 20px
    }

    .packets .item span.platform,
    .packets .item span.title,
    .packets .item span.gift {
        font-size: 18px
    }

    .packets .item .l,
    .packets .item .r {
        border-bottom: 1px solid #d3e2ea
    }

    .packets .item span.badge.yellow {
        padding: 9px 14px
    }

    .packets .item span.price {
        font-size: 20px
    }

    .packets .item button.btn-favorite {
        width: 50px;
        height: 50px
    }

    .packets .item a.btn-addcart {
        font-size: 16px;
        padding: 12px 22px
    }

    .packets .item a.btn-addcart i {
        margin-right: 14px
    }

    .cover h1 {
        font-size: 22px
    }

    section.popup .box .head .username {
        max-width: 100%
    }
}

@media(max-width: 768px) {
    section.howtobuy .box {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px
    }

    section.howtobuy .box h2 {
        margin-top: 0
    }

    section.howtobuy .box h2:before {
        display: none
    }

    section.popup .box .body .heads {
        flex-direction: column
    }

    div.tabsystem div {
        font-size: 16px;
        font-weight: 600;
        padding: 5px 5px 5px 18px
    }

    div.tabsystem div span {
        width: 34px;
        height: 34px
    }

    section.popup .box .body p {
        padding-left: 20px;
        padding-right: 20px;
        line-height: 1.3
    }

    .tabarea .item .justify-content-start {
        justify-content: center !important
    }

    .tabarea .align-items-start {
        align-items: center !important
    }

    section.popup .box .body .heads .l {
        margin-bottom: 14px
    }

    .tabarea .item .itemtitle {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .tabarea .item .btn-copy {
        margin-top: 10px
    }

    section.popup .box .head img.avatar {
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px
    }

    section.popup .box .footer .couponbox .text {
        font-size: 16px
    }

    section.popup .box .footer .couponbox .buttons a.btn-packages {
        padding: 11px 12px
    }

    section.popup .box .footer .couponbox .buttons a.btn-copy {
        padding: 12px
    }

    section.popup .box .footer .couponbox .buttons a.btn-copy span:not(.cicon) {
        font-size: 12px
    }

    section.popup .box .footer .couponbox .buttons a.btn-copy span.cicon {
        font-size: 12px;
        width: 22px;
        height: 22px
    }

    section.popup .box .head .name {
        font-size: 18px
    }

    section.popup .box .head .username {
        font-size: 14px
    }
}

@media(max-width: 576px) {
    div.tabsystem div {
        font-size: 14px
    }

    section.popup .container {
        height: auto !important;
        padding-top: 13vh
    }

    section.popup .box .footer .freebalance .btn.btn-register {
        margin-bottom: 20px
    }

    section.popup .box .footer .freebalance img {
        top: -23px;
        margin-bottom: -15px
    }

    section.popup .box .footer .couponbox .buttons {
        flex-direction: column
    }

    section.popup .box .head .name {
        font-size: 14px
    }

    section.popup .box .head .username {
        font-size: 12px
    }

    section.popup .box .head img.avatar {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px
    }

    section.popup .box .head .r li.big {
        padding: 6px;
        width: 77px;
        max-width: 76px
    }

    section.popup .box .head .r li.big span {
        font-size: 10px
    }

    section.popup .box .head .r li.big b {
        font-size: 13px
    }

    section.popup .box .body .title,
    section.popup .box .body p {
        padding-left: 10px;
        padding-right: 10px;
        line-height: 1.3
    }

    section.popup .box .head .r li.small span.overlay {
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px
    }

    section.popup .box .footer .couponbox .buttons a.btn-copy span.cicon {
        font-size: 15px;
        width: 34px;
        height: 34px
    }

    section.popup .box .footer .couponbox .buttons a.btn-copy span:not(.cicon) {
        font-size: 14px
    }

    section.popup .box .head {
        padding: 10px
    }

    section.popup .box .footer {
        padding: 0 !important
    }

    section.popup span.icon {
        width: 100px;
        height: 100px;
        margin-bottom: -19px
    }

    section.features .item {
        margin-bottom: 70px;
        height: auto
    }

    .cover i {
        margin-right: 14px;
        color: #fff;
        font-size: 36px
    }

    .packets .item span.icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        font-size: 16px !important;
        margin-right: 10px !important
    }

    .packets .item span.platform,
    .packets .item span.title {
        font-size: 16px !important
    }

    .packets .item .r.rst {
        flex-direction: column
    }

    .packets .item .l,
    .packets .item .r {
        padding: 15px;
        display: flex;
        align-items: center
    }

    .packets .item .r.rst>* {
        width: 100%;
        justify-content: space-between
    }

    .packets .item .r.rst .rs {
        margin-top: 14px
    }

    .packets .item a.btn-addcart {
        width: 100%;
        justify-content: center
    }

    .packets .item3 .body .row.g-0 .col-4:nth-child(2n) .brd {
        border-right: 1px solid #d1e2ec !important
    }

    .packets .item3 .body .row.g-0 .col-4:nth-child(3n) .brd {
        border-right: none !important
    }
}