/* Minification failed. Returning unminified contents.
(3997,30): run-time error CSS1030: Expected identifier, found ':'
(3997,38): run-time error CSS1031: Expected selector, found ')'
(3997,38): run-time error CSS1025: Expected comma or open brace, found ')'
(4015,26): run-time error CSS1030: Expected identifier, found ':'
(4015,34): run-time error CSS1031: Expected selector, found ')'
(4015,34): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 90%;
    z-index: 1;
    margin: 0 auto;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        width: 363px;
        margin-right: 30px;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

body {
    background-color: #fff
}
.menu{
    max-width:1148px;
    margin:0 auto;
    text-align:center;
}
.menu-icon {
    cursor: pointer;
    display: none;
    width: 40px;
}
.bar1,.bar2,.bar3 {
    width: 20px;
    height: 2px;
    background-color: #333;
    margin: 6px 0;
    transition: .4s;
}
.change .bar1 {
    transform: translate(0, 6px) rotate(-45deg);
}
.menu > ul {
    display: inline-flex;
    gap: 25px;
    flex-direction: row;
}

.menu > ul > li {
    cursor: pointer;
    position:relative;
}
.menu li a {
    color: inherit;
    display:flex;
}
.menu li > a {
    display: flex;
    padding:10px;
    text-align:left;
}
.menu li > span {
    padding: 10px;
}
.menu li span {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu img{
    width:22px;
    height:22px;
    margin-right:10px;
}
.menu i {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(/assets/images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    margin-left:5px;
}
    .menu li ul {
        transition: top .3s ease 0s, opacity .3s;
        position: absolute;
        left: 0;
        top: 100%;
        width: auto;
        min-width: 240px;
        border: 1px solid #ccc;
        background-color: #fff;
        box-shadow: none;
        z-index: 999;
        opacity: 0;
        transform: scale(0);
    }
    .menu .menu-col-2 {
        width: 480px;
        grid-template-columns: repeat(2,minmax(0,1fr));
        display: grid;
    }
    .menu .menu-col-3 {
        width: 720px;
        grid-template-columns: repeat(3,minmax(0,1fr));
        display: grid;
    }
    .menu .menu-col-4 {
        width: 960px;
        grid-template-columns: repeat(4,minmax(0,1fr));
        display: grid;
    }
    .menu .menu-col-5 {
        width: 1200px;
        grid-template-columns: repeat(5,minmax(0,1fr));
        display: grid;
    }
    .menu .sub-menu {
        left:100%;
        top:-1px;
        min-height:calc(100% + 2px);
    }
    .menu li ul li {
        border-bottom: 1px solid #eee;
        width: 100%;
    }
.menu li:hover>ul{
    opacity:1;
    transform:scale(1)
}
    .menu li:hover{
        background-color:#eee;
    }
    .menu li.has-child {
        padding-right: 30px;
    }
        .menu li.has-child > a:after, .menu li.has-child > span:after {
            content: "";
            width: 10px;
            height: 7px;
            background-image: url(/assets/images/arrow-down.svg);
            background-repeat: no-repeat;
            position: absolute;
            right: -22px;
            top: 9px;
            background-size: contain;
        }
        .menu li.has-child > a:after {
            transform:rotate(-90deg);
        }
.how-teloka-esim-work .title-block {
    margin-bottom: 50px;
}

.how-teloka-esim-work-item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 100px;
}

    .how-teloka-esim-work-item > div {
        width: 50%;
        padding: 0 20px;
    }

    .how-teloka-esim-work-item img {
        width: 70%;
    }

.contact-us {
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
    grid-template-columns: repeat(2,minmax(0,1fr));
}

    .contact-us img {
        margin: 0 auto;
    }

p.description {
    text-align: center;
    margin-bottom: 20px;
}

.contact-us .btn {
    margin: 0 auto;
    width: 50%;
    margin-top: 20px;
}

.usp {
    display: grid;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.usp-item {
    margin: 30px;
}

    .usp-item img {
        height: 40px;
    }

    .usp-item h3 {
        margin-bottom: 5px;
    }

.eco .container {
    background-image: url(/assets/images/eco-background.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 482px;
    padding-top: 30px;
}

.eco-list {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    text-align: center;
    margin-top: 50px;
    gap: 50px;
    padding: 20px;
}

.eco-item {
    margin-bottom: 30px;
}

.support247 .container {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2,minmax(0,1fr));
    background-color: #FFE6ED;
    border-radius: 30px;
    padding: 0 100px;
    gap: 50px;
}

.eco, .support247 {
    padding: 30px 0;
}

    .support247 .btn {
        margin: unset;
        margin-top: 30px;
        gap: 10px;
        background: #FAFAFA;
        color: black;
        border: 1px solid #6C757D;
        text-transform: none;
        font-size:1em;
    }

.support-item-2 {
    padding-top: 50px;
}

    .support-item-2 img {
        margin-bottom: -3px;
        max-width: 100%;
    }

.custom-checkbox {
    padding-left: 29px;
    position: relative;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: block;
    margin-bottom: 10px
}

.custom-control-input {
    left: 0;
    opacity: 0;
    position: absolute;
    width: 1rem;
    z-index: -1
}

.custom-checkbox label:before, .custom-checkbox label:after {
    content: "";
    border: 2px solid #939598;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 5px;
    box-sizing: border-box
}

.custom-checkbox label:after {
    background: 50% / 50% 50% no-repeat;
    background-size: 12px
}

.custom-control-input:checked ~ label:after {
    background-image: url(/assets/images/check.png)
}


.field--text {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    border-radius: 5px;
    border: 1px solid;
    background-color: #FFF;
}

.field.field--text input {
    display: block;
    width: 100%;
    height: 50px;
    border-color: transparent;
    background-color: transparent;
    padding: 13px 18px 0px 18px;
    border-radius: 5px;
    font-size: 15px;
    color: #4A4A4A
}

.field--text label, .field--text-area label {
    position: absolute;
    top: 32%;
    margin: auto;
    left: 20px;
    color: #747474;
    transition: all .3s;
    font-size: 15px;
    cursor: text;
}

.field--text-area label {
    top: 12%
}

.field--text-area {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    border-radius: 5px;
    border: 1px solid;
    background-color: #FFF;
}

    .field--text-area textarea {
        width: 100% !important;
        border-color: transparent;
        background-color: transparent;
        font-family: "IBM Plex Sans",sans-serif;
        padding: 20px 18px 0px 18px;
        border-radius: 5px;
        color: #4A4A4A;
        resize: none;
        min-height: 125px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left
    }

.field__error {
    display: none;
    color: red;
    padding: 0 10px 10px 10px;
    font-size: 12px;
}

.field--text input:focus + label, .field--text.text-filled label {
    font-size: 9px;
    top: 5px
}

.field--text-area textarea:focus + label, .field--text-area.text-filled label {
    font-size: 9px;
    top: 5px
}

h1.form-title {
    margin: 0;
    line-height: 35px;
    text-align: center;
    margin-bottom: 15px;
    color: #4A4A4A
}

.fixed-menu-mobile {
    display: none;
}

.store-country_item_bottom_fixed {
    width: 100%;
    position: sticky;
    display: flex;
    justify-items: center;
    justify-content: space-between;
    background: #eee;
    padding: 20px 20%;
    bottom: 0;
    left: 0;
    z-index: 101;
}

    .store-country_item_bottom_fixed:not(:has(div)) {
        color: #FFF;
        justify-content: center;
    }

    .store-country_item_bottom_fixed select, .store-country_item_bottom_fixed div {
        background-color: #d50121;
        color: #FFF;
        height: 50px;
    }

.coverage {
    border: 1px solid;
    padding: 8px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.popup .flag {
    width: 40px;
}

.form-description {
    margin: 0;
    line-height: 20px;
    text-align: center;
    margin-bottom: 15px
}

.search-container {
    max-width: 559px;
    margin: 0 auto;
    width: 100%;
    position: relative
}

    .search-container input.inp-search {
        width: 100%;
        border: 1px solid #B8B8B8;
        height: 50px;
        border-radius: 5px;
        background-color: #fafafa;
        padding: 0 15px 0 50px;
    }

.icon-search {
    background-image: url(/assets/images/search-icon.svg);
    width: 18px;
    height: 18px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    left: 20px;
    top: 25px
}

.search-results img.country-flag {
    width: 35px;
    height: 35px;
}

.search-results img.region-flag {
    width: 30px;
    height: 30px;
    margin-right: 4px;
}

.search-results .country-name {
    font-weight: 500;
}

.search-results .clear {
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
}

.search-results a {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px;
    color: #4A4A4A;
    text-align: left;
}

    .search-results a:hover {
        background: #eee;
    }

#recently-visited li:first-child a:hover {
    background: #fff;
    cursor: default;
}

.search-results li:first-child a {
    padding-top: 20px
}

.search-results li:last-child a {
    padding-bottom: 10px
}

.search-results li.search-group {
    padding: 20px;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    border-top: 1px solid #eee;
    color: black;
}

.bottom-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 15px;
}

    .bottom-form .btn-search {
        width: 178px;
        height: 39px;
        display: flex;
        align-items: center;
        cursor: pointer;
        justify-content: center;
        color: #6C757D;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
        border-radius: 5px;
    }

        .bottom-form .btn-search.active {
            background: linear-gradient(180deg,#EF4F78 0%,#EE1F44 100%);
            color: #fff
        }

.block {
    background-color: #FAFAFA;
}

.box-shadow {
    box-shadow: inset 0 15px 23px -9px rgba(0,0,0,0.1);
}

.how-teloka-esim-work, .eco {
    background-color: #FFF;
}
a.btn-help-center {
    border: 1px solid #4A4A4A;
    background-color: #FFF;
    padding: 10px 30px;
    border-radius: 5px;
    color: #4A4A4A;
    font-size: 0.8em;
}
h2.title-block, .w-content h2.title-block {
    font-weight: 600;
    color: #4A4A4A;
}
h2.faq-title {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.help-center .title-block {
    margin-bottom: 20px;
}

.block .title-block {
    text-align: center;
}
.container h1.title-block{
    margin-top:0;
}

.main-country {
    grid-template-columns: repeat(4,minmax(0,1fr));
    display: grid;
    gap: 18px 30px !important;
    margin-top: 20px;
}

.flag img {
    width: 32px;
    height: 32px;
    margin-top: 10px;
}

.flag {
    margin-right: 15px;
    min-width: 32px;
}

p.country-name {
    margin: 0;
    font-weight: 400;
    line-height: 20px;
    color: #343A40
}

.items-regional a:after, .item-esim a:after {
    opacity: 0.5;
    content: "";
    width: 10px;
    height: 7px;
    background-image: url(/assets/images/arrow-down.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    background-size: contain;
}

.btn-show-country {
    margin-top: 25px;
    text-align: center
}

.item-esim a {
    background-color: #fff;
    display: flex;
    border-radius: 5px;
    align-items: center;
    padding: 10px 15px;
    box-shadow: 0px 0px 10px 0px #0000001A;
    position: relative
}

.items-regional a {
    display: flex;
    align-items: center;
    width: 100%;
}

.text-center {
    text-align: center
}

.review-title {
    margin: 0;
    font-size: 21px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 8px;
    color: #4A4A4A
}

.review-description {
    line-height: 20px
}

.item-slider {
    height: 450px;
    border-radius: 35px;
    background-size: cover;
    background-position: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
    padding-bottom: 30px;
    box-sizing: border-box
}

a.item-slider_cta {
    width: 362px;
    height: 44px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    text-align: center;
    color: #4A4A4A;
    text-transform: uppercase
}

.item-slider_title {
    font-size: 27px;
    font-weight: 600;
    line-height: 35px;
    text-align: center;
    display: block;
    margin: 0 0 15px;
    width: 100%
}

.item-slider_content {
    max-width: 265px;
    margin: 0 auto 20px;
    display: block;
    line-height: 20px;
    text-align: center
}

.owl-dots button.owl-dot {
    background-color: #D9D9D9;
    width: 11px;
    height: 11px;
    margin: 0 5px;
    border-radius: 50%;
    transition: 0.3s all;
    display: inline-block;
}

.owl-dots .owl-dot.active {
    background-color: #747474
}

.owl-dots {
    text-align: center
}

.owl-stage-outer {
    margin-bottom: 30px
}

.block-slider {
    background-color: #FAFAFA;
    padding-top: 40px
}

.store-country {
    background-color: #FAFAFA;
    box-shadow: inset 0 15px 23px -9px rgba(0,0,0,0.1);
    padding: 30px 0
}

.title-block.title-country {
    align-items: center;
    display:flex;
    gap: 15px;
    justify-content:center;
}

.store-country_wrap {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 30px;
    display: grid
}

.store-country_item {
    box-shadow: 0px 0px 10px 0px #0000001A;
    background: linear-gradient(180deg,#D50121 0%,#100003 100%);
    color: #fff;
    border-radius: 5px;
}

    .store-country_item .store-country_item_head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px 10px 15px;
        border-bottom: 1px solid #FFFFFF40;
        cursor: pointer;
    }

.country_item_head_left {
    font-weight: 600;
    line-height: 20px
}

    .country_item_head_left h1 {
        font-size: 1.2em;
    }

.product {
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    position: relative;
    padding-right: 10px;
    display: flex;
    align-items: center;
    height: 40px;
}

    .country_item_head_right a:after, .regional_item_head_right a:after {
        background-image: url(/assets/images/arrow-down-white.svg)
    }

    .country_item_head_right a:after, .regional_item_head_right a:after {
        position: absolute;
        width: 6px;
        height: 5px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        content: "";
        transform: rotate(-90deg);
        right: 0
    }

.store-country_item_main, .store-regional_item_main {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    cursor: pointer;
}

    .store-country_item_main .item, .store-regional_item_main .item {
        border-bottom: 1px solid #FFFFFF40;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0px 20px;
        min-height: 50px
    }

.item .inner-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 425px;
    margin: 0 auto
}

.store-country_item_main .item .value {
    max-width: 60%;
}

.store-country_item_main .item p {
    margin: 0;
    display: flex;
    align-items: center
}

    .store-country_item_main .item p.name img, .store-regional_item_main .item img {
        margin-right: 10px;
        height: 20px;
        width: 20px;
    }

.item-show-all a {
    color: #fff;
    text-decoration: underline
}

.value-price {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px
}

.store-country_item_bottom {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase
}

.total {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    height: 40px;
    border-radius: 6px;
    margin: 0 10px;
    gap: 5px;
}

.product-quantity {
    border: 1px solid #FFFFFF;
    background-color: #240006;
    color: #fff;
    height: 40px;
    width: 15%;
    border-radius: 6px;
    text-align: -webkit-center;
    text-align-last: center;
    text-align: center;
}

.select-package-modal .product-quantity {
    border: 1px solid black;
    background-color: #FFF;
    color: black;
    height: 30px;
    border-radius: 6px;
    text-align: center
}

.select-package-modal .btn-buy-now {
    align-items: center;
    justify-content: center;
    border: 1px solid;
    background-color: transparent;
    height: 40px;
    border-radius: 6px;
    padding: 0 20px;
}

    .select-package-modal .btn-buy-now > span {
        display: flex;
        width: 100%;
        height: 40px;
        align-items: center;
        justify-content: center;
    }

.btn-buy-now {
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    height: 40px;
    border-radius: 6px
}

    .btn-buy-now img {
        margin-right: 8px;
        max-width: 15px
    }

    .btn-buy-now > span {
        display: flex;
        color: #fff;
        width: 100%;
        height: 40px;
        align-items: center;
        justify-content: center;
        line-height: 13px;
    }

.data-option {
    background-image: url(/assets/images/bg-data-option.png);
    background-size: cover;
    background-position: center;
    padding: 30px 0;
    margin-top: 50px;
}

.data-option-main {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
    color: #fff
}

.select-package {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 0px 10px 0px #0000001A;
    font-weight: 400;
    line-height: 20px;
    color: #343A40;
    padding: 0 15px;
    margin-bottom: 25px;
    background-color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-image: url(/assets/images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 15px);
    background-position-y: center;
    background-size: 11px
}

.data-option-main h2.title-block {
    margin-bottom: 40px;
    color: #fff
}

p.bottom-data-option {
    margin: 0;
    font-weight: 400;
    line-height: 17px;
    text-align: center
}

.data-option-main img {
    margin-bottom: 18px
}

.compatible-device {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
    list-style-position: inside;
}

.tab-info {
    overflow: hidden;
    border: none;
    display: flex;
}

    .tab-info .tablinks {
        cursor: pointer;
        transition: 0.3s;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        border-radius: 5px 5px 0 0;
        padding: 15px;
        margin: 0;
        font-size: 1em;
        flex: 1;
        box-sizing: border-box;
        align-content: center;
    }

.tablinks:hover {
    background-color: #eee
}

.tablinks.active {
    background-color: #eee
}

.tabcontent {
    display: none;
    padding: 15px;
    line-height: 20px;
    border: 1px solid #eee;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.main-info-item .store-country_item {
    width: 363px;
    margin-right: 30px
}

.main-info-item {
    display: flex
}

.right-info-item {
    width: 100%;
    box-shadow: 0px 0px 10px 0px #0000001A;
    padding: 20px;
    border-radius: 5px;
    background-color: #fff
}

    .right-info-item .info {
        padding: 10px;
        border-bottom: 1px solid #343a4040;
        align-items: center;
    }

        .right-info-item .info * {
            vertical-align: middle;
        }

        .right-info-item .info b {
            margin-right: 5px;
        }

.tabcontent h3 {
    margin: 0;
    color: #4A4A4A;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 19px
}

.tabcontent li {
    list-style: disc;
    margin-bottom: 15px
}

.tabcontent ul {
    padding-left: 20px
}

.info-country_item {
    padding: 30px 0 0
}

select.select-destination {
    max-width: 560px;
    height: 50px;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 0px 10px 0px #0000001A;
    font-weight: 400;
    line-height: 20px;
    color: #343A40;
    padding: 0 15px;
    margin: 0 auto 25px;
    display: block;
    width: 100%
}

.main-regional h3 {
    margin: 0 0 25px;
    text-align: center;
    font-weight: 700;
    line-height: 20px;
    color: #4A4A4A
}

.items-regional {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 20px 30px;
    display: grid;
    margin-top: 20px;
}

.store-regional_item {
    background-color: #fff;
    width: 100%;
    border-radius: 5px;
    align-items: center;
    box-shadow: 0px 0px 10px 0px #0000001A;
    position: relative
}

.store-regional_item_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #343A4040;
    height: 50px;
    padding: 10px 20px 10px 15px;
}

.regional_item_head_left .flag {
    margin-right: 8px
}

.regional_item_head_right a {
    color: #343A40
}

    .regional_item_head_right a:after {
        background-image: url(/assets/images/arrow-down.svg);
        top: calc(50% - 2px)
    }

.store-regional_item_main .item {
    color: #343A40
}

    .store-regional_item_main .item p {
        margin: 0
    }

    .store-regional_item_main .item .name {
        display: flex;
        align-items: center
    }

.store-regional_item_main a {
    color: #343A40;
    text-decoration: underline
}

.block-regional-single .store-country_item {
    background: linear-gradient(214.98deg,#FF9C07 -1.09%,#000000 100%)
}

.pbottom-15 {
    padding-bottom: 10px
}

ul.breadcrumb {
    list-style: none;
    font-weight: 500;
    line-height: 20px
}

    ul.breadcrumb li {
        display: inline
    }

        ul.breadcrumb li, ul.breadcrumb li a {
            text-decoration: none;
            color: #4A4A4A
        }

            ul.breadcrumb li + li {
                padding-left: 30px;
                position: relative
            }

.main-profile ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
    gap: 18px 30px;
    margin-top: 20px;
}

    .main-profile ul a {
        display: flex;
        width: 100%;
        padding: 20px;
        border: 1px solid #00000033;
        min-height: 56px;
        align-items: center;
        color: #343A40;
        font-weight: 500;
        line-height: 20px;
        border-radius: 5px;
        background: #fff;
        position: relative;
    }

        .main-profile ul a:after {
            content: '';
            background-image: url(/assets/images/arrow-right-black.svg);
            width: 7px;
            height: 10px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            position: absolute;
            right: 20px
        }

ul.breadcrumb li + li {
    padding-left: 30px;
    position: relative
}

    ul.breadcrumb li + li:before {
        color: black;
        content: "";
        background-image: url(/assets/images/arrow-down.svg);
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(-90deg);
        width: 10px;
        height: 10px;
        position: absolute;
        left: 8px;
        top: calc(50% - 5px)
    }

.related-product .title-block {
    color: #000000;
    margin-bottom: 25px
}

.related-product {
    background: #FFF;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

.owl-carousel {
    width: 100%;
}

.related-article {
    margin-top: 30px;
}

    .related-article img {
        width: 100%;
    }

    .related-article .owl-stage {
        margin: 0 auto;
    }

.heading-page h1 {
    text-align: center;
    color: #4A4A4A;
    width: 100%;
}

.blog-image {
    text-align: center;
    margin-bottom: 20px;
}

    .blog-image img {
        max-height: 420px;
    }

.blog-content ul {
    margin-top: 20px;
}

.blog-content li {
    margin-left: 30px;
    list-style: disc;
}

.blog-content a {
    color: #4A4A4A;
    text-decoration: underline;
}

.main-content ul.breadcrumb {
    margin-bottom: 30px
}

.store-esims_item .country_item_head_left {
    justify-content: center;
    width: 100%;
    font-size: 21px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0em;
    display: flex;
    align-items: center;
}

.store-esims_item .store-country_item_head {
    padding-top: 20px;
    padding-bottom: 20px
}

.store-esims_item .store-country_item_bottom > div {
    width: calc(50% - 8px);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    height: 40px;
    border-radius: 6px;
    margin: 0;
    cursor: pointer;
    font-size: 11px;
    line-height: 14px
}

.track-data img {
    margin-right: 8px
}

.block-content-cta {
    padding: 20px 0;
    border-top: 1px solid #B8B8B840;
}

.main-content-cta h2 {
    font-size: 21px;
    font-weight: 600;
    line-height: 27px;
    text-align: center;
    color: #4A4A4A;
    margin: 0 0 10px
}

.main-content-cta {
    max-width: 420px;
    margin: 0 auto
}

    .main-content-cta .content {
        line-height: 20px;
        text-align: center;
        padding: 0px 30px;
        margin-bottom: 15px
    }

.btn {
    width: max-content;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg,#EF4F78 0%,#EE1F44 100%);
    margin: 0 auto;
    border-radius: 6px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 0 55px;
    cursor: pointer;
    border: none
}

.heading-image {
    height: 400px;
    width: 100%;
    background-size: cover;
    background-position: center
}

.w755-content {
    max-width: 755px
}

.w850-content {
    max-width: 850px
}

.w560-content {
    max-width: 560px
}

.w-content {
    margin: 0 auto;
    color: #6C757D
}

.container h2 {
    color: #4A4A4A;
}

.w-content p {
    margin-top: 0;
    margin-bottom: 15px
}

.mtb-60 {
    display: block;
    margin: 60px auto
}

.block-tab-devices {
    max-width: 520px;
    margin: 30px auto
}

    .block-tab-devices h2.tablinks.active {
        background-color: #D1D1D1;
        border-radius: 5px;
        color: #1C1C1C
    }

    .block-tab-devices .tabcontent {
        padding: 20px 0
    }

        .block-tab-devices .tabcontent ul {
            max-width: 75%
        }

            .block-tab-devices .tabcontent ul li {
                margin-bottom: 20px;
                padding-right: 20px
            }

        .block-tab-devices .tabcontent a {
            color: #4A4A4A;
            font-weight: 500;
            display: block;
            margin: 15px 0px
        }

.grid-arrow li {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    list-style: none !important
}

.w-content .grid-arrow {
    padding-left: 5px
}

.main-slider-img .owl-dots {
    display: none
}

.owl-nav {
    position: absolute;
    top: 26%;
    width: 100%;
}

button.owl-prev {
    position: absolute;
    left: -30px;
    font-size: 60px !important;
}

button.owl-next {
    position: absolute;
    right: -30px;
    font-size: 60px !important;
}

.grid-arrow li:before {
    content: "";
    background-image: url(/assets/images/arrow-down.svg);
    width: 11px;
    height: 7px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(270deg);
    position: absolute;
    left: 0;
    top: 8px;
    opacity: 0.5
}

.block-content-image {
    display: flex;
    justify-content: space-between
}

.row-reverse {
    flex-direction: row-reverse;
}

.block-content-image > div {
    width: 45%;
    align-items: baseline;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.block-content-image img {
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.header-help-center h2 {
    font-size: 34px;
    font-weight: 600;
    line-height: 44px
}

.header-help-center .main-form {
    margin-top: 45px;
    margin-bottom: 30px
}

.container.help-center {
    max-width: 756px;
}

.block-box-help {
    grid-template-columns: repeat(2,minmax(0,1fr));
    display: grid;
    gap: 30px
}

    .block-box-help a {
        box-shadow: 0px 0px 10px 0px #0000001A;
        background-color: #fff;
        font-size: 1.2em;
        font-weight: 500;
        line-height: 23px;
        text-align: center;
        color: #6C757D;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 155px;
        border-radius: 5px;
        padding: 20px;
        flex-flow: wrap;
    }

    .block-box-help img {
        height: 52px;
    }

    .block-box-help span {
        width: 100%;
        margin-top: 10px;
    }

.w-content h2.title-block {
    margin-bottom: 20px
}

.btn-has-img img {
    margin-right: 10px
}

.btn-has-img {
    padding: 0 25px 0 15px;
    margin-bottom: 20px;
}

.text-head {
    color: #4A4A4A;
    display: block;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px
}

.w-content h3 {
    color: #4A4A4A;
    font-weight: 500;
    margin: 0 0 20px
}

.w-content ul {
    padding-left: 18px;
    margin-bottom: 20px
}

    .w-content ul li {
        list-style: disc
    }

.popup {
    align-items: center;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 100;
    background-color: hsla(0,0%,100%,.9)
}

    .popup.active {
        display: flex
    }

.head-popup h2 {
    margin: 0 auto
}

.head-popup {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #343A4040;
    padding: 30px;
}

@keyframes package-animation-inner-enter {
    0% {
        transform: translate3d(0,40px,0)
    }

    1% {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.package-list {
    padding: 10px;
    overflow-y: auto;
}

.close {
    position: absolute;
    margin: 5px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(90deg);
    cursor: pointer;
    background-image: url(/assets/images/close.png);
    top: 5px;
    right: 5px;
    background-size: 12px;
    width: 25px;
    height: 25px;
    background-color: #343A40;
    border-radius: 50%;
    z-index: 105;
}

.back-page {
    width: 50px;
    height: 50px;
    position: absolute;
    margin-left: 0;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(90deg);
    cursor: pointer;
    background-image: url(/assets/images/arrow-down-white.svg);
    top: 18px;
    left: 5px;
    background-color: transparent;
}

button.clear-close {
    position: absolute;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background-image: url(/assets/images/close.png);
    cursor: pointer;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    top: 15px;
    right: 10px
}

.package-detail-container {
    position: relative;
}

    .package-detail-container .country_item_head_left {
        margin: 0 auto;
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        min-height: 50px;
        display: flex;
        align-items: center;
        text-align: center;
        max-width: 80vw;
    }

    .package-detail-container .store-country_item_head, .package-detail-container .store-country_item_main, .package-detail-container .store-country_item_bottom {
        max-width: 559px;
        margin: 0 auto
    }

    .package-detail-container .store-country_item {
        border-radius: 5px 5px 0 0
    }

    .package-detail-container .tab-esims {
        width: 100%;
        padding: 0;
        box-shadow: none;
        border-radius: 0
    }

.main-check-out .store-esims_item {
    border-radius: 25px;
    padding-bottom: 15px;
    margin-bottom: 50px
}

.main-check-out h2 {
    margin-bottom: 10px
}

.w365 {
    max-width: 365px
}

p.total-price {
    font-size: 18px
}

.total-price {
    text-transform: uppercase;
}

.change .bar1 {
    transform: translate(0, 6px) rotate(-45deg);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    transform: translate(0, -10px) rotate(45deg);
}

.icon-user {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-image: url('images/user.png');
}

#recently-visited li:first-child a {
    padding-top: 30px;
    padding-bottom: 20px;
}

.search-results {
    width: 100%;
    border: 1px solid #B8B8B8;
    border-radius: 5px;
    background-color: #fafafa;
    color: #6C757D;
    max-width: 559px;
    padding: 0;
    margin: 10px auto 0;
    position: absolute;
    z-index: 99;
    overflow: hidden;
    text-align:left;
}

.change-image {
    text-align: center;
    margin-bottom: 30px
}

.change-image-edit {
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    color: #747474;
    text-transform: capitalize
}

.image-user span {
    position: absolute;
    bottom: -15px;
    width: 100%;
    text-align: center;
    padding-top: 100%
}

.image-user {
    margin-bottom: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: relative;
    background-position: center;
    background-size: cover
}

    .image-user:before {
        content: 'J4a4a';
        background-color: #00000040;
        position: absolute;
        left: 0;
        width: 70px;
        height: 70px;
        z-index: 99;
        top: 0;
        border-radius: 50%
    }

    .image-user:after {
        content: 'm6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z';
        background-image: url(/assets/images/edit-image.svg);
        position: absolute;
        left: 0;
        width: 70px;
        height: 70px;
        z-index: 99;
        top: 0;
        border-radius: 50%;
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: center
    }

span.edit-field {
    text-transform: uppercase;
    color: #4A4A4A;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    text-align: right;
    position: absolute;
    right: 8px;
    top: 8px;
    padding: 10px 25px;
    cursor: pointer;
    background-color: #eee;
    border-radius: 5px;
}

button.btn-save-change {
    margin-left: 0;
    width: 355px;
}

.typo-currency-text {
    font-size: 21px;
    font-weight: 600;
    line-height: 27px;
    text-align: left;
    margin: 0 40px 0 0
}

.detail-pages-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.redeem-button {
    width: 100%
}

.text-content h3 {
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #4A4A4A;
    margin: 0 0 10px
}

.text-content {
    margin: 30px 0
}

    .text-content p {
        line-height: 20px;
        text-align: left
    }

.main-refer-earn h3 {
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    margin: 0 0 10px;
    color: #4A4A4A
}

.main-refer-earn > p {
    line-height: 20px;
    text-align: left;
    margin: 0 0 20px
}

.main-referral-code {
    box-shadow: 0px 0px 10px 0px #0000001A;
    height: 50px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
    position: relative;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer
}

    .main-referral-code span {
        font-size: 9px;
        font-weight: 400;
        line-height: 12px;
        text-align: left;
        text-transform: uppercase;
        color: #747474
    }

.referral-code {
    margin: 0;
    color: #4A4A4A;
    text-transform: uppercase;
    font-weight: 400
}

.main-referral-code:after {
    content: "";
    width: 16px;
    background-image: url(/assets/images/copy-black.svg);
    position: absolute;
    right: 20px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.social-share {
    display: flex;
    align-items: center;
    justify-content: center
}

    .social-share a {
        box-shadow: 0px 0px 10px 0px #0000001A;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        margin: 0 12px
    }

.social__item--apple {
    background-color: #343A40
}

.social__item--fb {
    background-color: #0866FF
}

.contact-us p.description {
    line-height: 20px;
    text-align: left;
    margin: 0 0 15px
}

.btn-send-contact {
    width: 365px;
    margin: 14px 0
}

ul.tab-blog {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 45px;
    margin-top: 15px
}

li.item-tab-blog {
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    transition: 0.3s all
}

    li.item-tab-blog.active, li.item-tab-blog:hover {
        background: linear-gradient(180deg,#EF4F78 0%,#EE1F44 100%);
        color: #fff;
        border-radius: 5px;
        min-width: 90px
    }

.blog-items {
    grid-template-columns: repeat(3,minmax(0,1fr));
    display: grid;
    gap: 30px
}

.post-item a {
    padding: 20px;
    background-color: #fff;
    display: block;
    box-shadow: 0px 0px 10px 0px #0000001A;
    border-radius: 5px;
    color: #4A4A4A;
    font-weight: 400;
    line-height: 17px;
    text-align: left
}
.item-related a {
    background-color: #FAFAFA;
}
.post-item .img {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 60%;
    margin-bottom: 12px
}

.post-item img {
    height: 100%;
    position: absolute;
    top: 0;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    object-fit: cover;
}

.post-item h2 {
    font-size: 21px;
    font-weight: 600;
    line-height: 27px;
    text-align: left;
    margin: 0 0 15px;
    height: 55px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.post-item_content {
    margin-bottom: 20px;
    height: 68px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.post-item-bot {
    display: flex;
    justify-content: space-between
}

    .post-item-bot .date, .blog-time, .heading-page a {
        font-size: 0.8em;
        font-style: italic;
    }

.heading-page a {
    text-decoration: underline;
    color: #4A4A4A;
}

.post-pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

    .post-pagination a {
        border: 1px solid #B8B8B8;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-family: IBM Plex Sans;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: #6C757D;
        margin: 0 10px
    }

        .post-pagination a.active {
            color: #000;
            font-weight: 500
        }

    .post-pagination select {
        border: 1px solid #B8B8B8;
        border-radius: 5px;
        padding: 10px;
    }

.back-page-mb {
    display: none
}

.heading-page {
    background-color: #FFF;
    text-align: center;
    border-bottom: 1px solid #B8B8B840;
    padding: 25px 0;
    position: relative;
}

.supported-countries-modal, .select-package-modal {
    background-color: hsla(0,0%,100%,.98);
    color: #343A40
}

#confirm-dialog .modal-top {
    padding-bottom: 0px;
}

.package-modal_top form {
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

    .package-modal_top form label {
        font-size: 11px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
        color: #343A40;
        text-transform: capitalize;
        background-image: url(/assets/images/filter.svg);
        padding-left: 20px;
        background-repeat: no-repeat;
        background-position: left center;
        margin-right: 20px
    }

.list-items-data {
    height: 100%;
    overflow-y: scroll;
}

.view-details {
    position: absolute;
    top: 8px;
    right: 22px;
}

.list-items-data li.item {
    padding: 15px 20px 10px;
    border-bottom: 1px solid #343A4040;
    position: relative;
}

    .list-items-data li.item .item-specifications {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        border-bottom: 1px dashed #343a4040;
        margin-bottom: 10px;
    }

.list-items-data h5 {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    text-align: left;
    text-transform: uppercase;
    color: #343A40;
    margin: 0;
    padding-left: 27px;
    position: relative;
    margin-bottom: 10px;
}

    .list-items-data h5:before {
        content: "";
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        left: 0;
        position: absolute;
        top: -2px
    }

.item-validity:before {
    background-image: url(/assets/images/alarm.svg);
    width: 20px !important;
    height: 20px !important;
    left: -1px !important;
}

.item-speed:before {
    background-image: url(/assets/images/cellular-speed.svg);
    width: 16px !important;
}

.item-network:before {
    background-image: url(/assets/images/network-black.svg);
}

.item-data:before {
    background-image: url(/assets/images/Isolation.svg);
    width: 16px !important;
    left: 2px !important;
}

.item-allow-refund:before {
    background-image: url(/assets/images/allow-refund.svg);
}

.item-data_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.list-countries .language, .list-countries .currency {
    cursor: pointer;
    position: relative;
}

.language.selected:before, .currency.selected:before {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(/assets/images/check.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    right: 20px;
    position: absolute;
    top: 20px;
}

.search {
    position: relative;
}

.popup .search-box {
    border: 1px solid #B8B8B8;
    background: #FAFAFA;
    height: 50px;
    padding: 0 15px 0 50px;
    margin: 0 auto;
    width: 100%;
    border-radius: 5px;
    color: #6C757D;
}

.modal-top, .package-modal_top {
    border-bottom: 1px solid #343a4040;
    padding: 25px 50px;
}

.list-countries li.item {
    padding: 0 20px;
    height: 55px;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #343A4040;
    position: relative;
}

    .list-countries li.item.selected .name {
        font-weight: bold;
    }

    .list-countries li.item img {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        margin-right: 12px
    }

li.item.language img {
    width: 16px;
    height: auto;
    border-radius: unset;
}

.package-modal_top p {
    text-align: center;
    margin: 0 0 15px
}

.select-package-modal h3 {
    margin-bottom: 10px
}

.package-modal_top select {
    border: 1px solid #B8B8B8;
    width: 114px;
    height: 33px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    padding: 0 8px;
    text-transform: capitalize;
    color: #6C757D;
    margin: 0 0 0 10px
}

.list-countries li.item .name {
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #343A40;
}

.list-countries li.item .network {
    font-weight: 300;
    line-height: 18px;
    color: #343A40;
    position: absolute;
    right: 20px;
    max-width: 50%;
    text-align: right;
    max-height: 55px;
    overflow: hidden;
    font-size: 0.9em;
}

.list-countries li.item:last-child {
    border: none
}

.supported-countries-modal ul.list-countries {
    overflow-y: auto;
}

.view-details a {
    text-decoration: underline;
    color: #343A40
}

.data_bottom_price {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    text-align: right;
    margin: 0
}

.loading-more {
    color: #B8B8B8;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    padding: 13px;
    margin: 0
}

@media screen and (max-width:1200px) {

    button.btn-save-change, .btn-saved-card, .btn-send-contact {
        width: 70%;
        max-width: 355px
    }
}

@media screen and (max-width:849px) {

    .main-country {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 10px 10px !important
    }

    .store-country_wrap {
        gap: 15px
    }

    .main-info-item .store-country_item {
        width: 33%;
        margin-right: 15px
    }

    .items-regional {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 20px
    }

    .track-data img {
        margin-right: 5px;
        margin-left: 5px
    }

    .track-data span {
        padding-right: 5px
    }

    .blog-items {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 20px
    }
}

@media screen and (max-width:768px) {
    h1 {
        font-size: 1.5em;
    }

    h2 {
        font-size: 1.3em;
    }

    h3 {
        font-size: 1.1em;
    }

    h4 {
        font-size: 1em;
    }
    .menu-icon{
        display:block;
    }
    .support-item-2{
        padding-top:0;
    }
    .menu {
        position: fixed;
        width: 100%;
        top: 72px;
        left: 0;
        z-index: 999;
        background: #FFF;
        height: calc(100dvh - 135px);
        overflow-x: hidden;
        overflow-y: auto;
        display: none;
    }
    .menu > ul > li{
        border-bottom:1px solid #eee;
    }
    .menu > ul{
        display:flex;
        flex-direction:column;
        gap:0;
    }
    .menu li ul{
        position:unset;
        opacity:1;
        transform:scale(1);
        border:none;
        width:100%;
        display:none;
        padding-left:10px;
    }
    .menu .sub-menu{
        display:none;
    }
    .menu li ul li{
        border-top:1px solid #eee;
        border-bottom: none;
    }
    .menu li.has-child{
        padding-right:0;
    }
    .menu li.has-child > a:after, .menu li.has-child > span:after{
        right:5px;
    }
    .menu li.has-child > a:after{
        transform:none;
    }

        .menu li:hover {
            background-color: #fff;
        }
        .menu .expanded{
            transform:rotateX(180deg);
        }
    .compatible-device {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        list-style-position: inside;
    }

    .package-list {
        padding: 0;
    }

    button.clear-close {
        right: 25px;
    }

    .support247 .container {
        grid-template-columns: repeat(1,minmax(0,1fr));
        padding: 20px;
        text-align: center;
        border-radius: 0;
        gap:20px;
    }

    .support247 .btn {
        margin: 30px auto;
    }

    .eco .container {
        height: 900px;
        padding-top: 20px;
    }

    .contact-us {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    .eco-list {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    .eco-item {
        padding: 0;
    }

    .usp {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .how-teloka-esim-work-item {
        flex-direction: column !important;
        padding: 0;
    }

    .how-teloka-esim-work .title-block {
        margin-bottom: 0;
    }

    .how-teloka-esim-work-item > div {
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .bottom-form .btn-search {
        font-size: 13.5px;
    }

    .store-country_item_bottom_fixed {
        padding: 15px;
    }

    .main-country {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 15px 15px !important
    }

    .main-profile ul {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 15px 15px !important
    }

    .form-description br {
        display: none
    }

    .search-container input.inp-search {
        padding: 0 15px 0 45px
    }

    .icon-search {
        left: 20px
    }

    .item-slider {
        height: 368px;
        border-radius: 5px;
        padding: 18px
    }

    a.item-slider_cta {
        max-width: calc(100% - 30px)
    }

    .store-country_wrap {
        grid-template-columns: repeat(1,minmax(0,1fr));
        gap: 20px
    }

    .store-country_item {
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }

    .main-info-item .store-country_item {
        margin-bottom: 20px;
        width: 100%;
        margin-right: auto;
        max-width: 100%
    }

    .right-info-item {
        width: 100%;
    }

    .store-country {
        padding: 20px 0
    }

    .main-info-item {
        flex-direction: column
    }

    .tabcontent {
        padding: 15px
    }

    .items-regional {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    .package-detail-container .store-country_item {
        border-radius: 0
    }

    .related-product .title-block {
        margin-bottom: 15px;
        font-size: 21px;
        color: #4A4A4A
    }

    .agreement-list {
        margin-top: 30px
    }

    .heading-page h1 {
        margin: 0;
        padding: 18px 0;
        text-align: center;
        border: none;
        position: relative;
    }

    ul.breadcrumb {
        display: none
    }

    .manage-esims_wrap .store-esims_item {
        max-width: 100%
    }

    .install-esims {
        margin-bottom: 15px
    }

    .row-reverse {
        flex-direction: column-reverse;
    }

    .block-content-image {
        flex-direction: column;
    }

        .block-content-image > div {
            width: 100%
        }

        .block-content-image img {
            margin: 0 auto 20px
        }

    .main-slider-img h3 {
        text-align: center;
        margin-top: 10px;
        font-weight: 500
    }

        .main-slider-img h3 strong {
            color: #000
        }

    .main-slider-img {
        margin-bottom: 30px
    }

    .bgwhite-mobile {
        background-color: #fff
    }

    .hidden-mobile {
        display: none
    }

    .back-page-mb {
        width: 50px;
        height: 50px;
        position: absolute;
        background-image: url(/assets/images/arrow-down.svg);
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(90deg);
        cursor: pointer;
        display: block;
        left: 0;
        z-index: 9;
    }

    .heading-page .back-page-mb {
        top: 35px;
    }

    .header-help-center h2 {
        font-size: 27px;
        line-height: 35px
    }

    .block-box-help {
        gap: 20px
    }

        .block-box-help a {
            padding: 10px;
        }

    .header-help-center .main-form {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .blog-items {
        grid-template-columns: repeat(1,minmax(0,1fr));
        gap: 15px
    }

    .post-item a {
        padding: 15px
    }

    .main-content.page-blog {
        padding-top: 0
    }

    ul.tab-blog {
        margin-bottom: 20px;
        margin-top: 15px;
        background-color: #fff;
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 15px 20px;
        justify-content: space-around
    }

    li.item-tab-blog {
        line-height: 15px;
        width: 25%;
        height: 40px;
        display: flex;
        align-items: center;
        padding: 10px 0;
        justify-content: center
    }

        li.item-tab-blog.active, li.item-tab-blog:hover {
            min-width: auto
        }

    .fixed-menu-mobile {
        position: fixed;
        bottom: 0;
        background-color: #fff;
        left: 0;
        box-shadow: 0px 0px 10px 0px #0000001A;
        width: 100%;
        z-index: 99;
        display: block;
    }

        .fixed-menu-mobile ul {
            display: flex;
            align-items: center;
            width: 100%;
            justify-content: center;
            height: 64px;
            padding: 0 15px
        }

            .fixed-menu-mobile ul li {
                width: 33.33%
            }

                .fixed-menu-mobile ul li span, .fixed-menu-mobile ul li a {
                    cursor: pointer;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    color: #343A40;
                    font-size: 12px;
                }

            .fixed-menu-mobile ul img {
                width: auto;
                height: 25px;
                margin-bottom: 4px
            }

    .main-form.active {
        height: 50px
    }

    button.btn-save-change, .user-airmoney-content, .btn-saved-card, .btn-send-contact {
        width: 100%;
        max-width: 100%
    }
}

@media screen and (max-width:450px) {
    .main-country {
        grid-template-columns: repeat(1,minmax(0,1fr));
        gap: 10px 10px !important
    }
}

/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX8KVElMYYaJe8bpLHnCwDKhdTmdJZGUdLTDw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX8KVElMYYaJe8bpLHnCwDKhdTmdJZPUdLTDw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX8KVElMYYaJe8bpLHnCwDKhdTmdJZIUdLTDw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX8KVElMYYaJe8bpLHnCwDKhdTmdJZEUdLTDw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX8KVElMYYaJe8bpLHnCwDKhdTmdJZFUdLTDw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX8KVElMYYaJe8bpLHnCwDKhdTmdJZLUdI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTm2Idce_fuNmo.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTm2IdccvfuNmo.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTm2IdcdffuNmo.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTm2IdceffuNmo.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTm2IdcePfuNmo.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTm2Idcdvfu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRce_fuNmo.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRccvfuNmo.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdffuNmo.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRceffuNmo.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcePfuNmo.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdvfu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX-KVElMYYaJe8bpLHnCwDKhdTuGqZJSdY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX-KVElMYYaJe8bpLHnCwDKhdTuE6ZJSdY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX-KVElMYYaJe8bpLHnCwDKhdTuFKZJSdY.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX-KVElMYYaJe8bpLHnCwDKhdTuGKZJSdY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX-KVElMYYaJe8bpLHnCwDKhdTuGaZJSdY.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZJ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTm5IVce_fuNmo.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTm5IVccvfuNmo.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTm5IVcdffuNmo.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTm5IVceffuNmo.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTm5IVcePfuNmo.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTm5IVcdvfu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJce_fuNmo.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJccvfuNmo.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdffuNmo.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJceffuNmo.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcePfuNmo.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdvfu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINce_fuNmo.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINccvfuNmo.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINcdffuNmo.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINceffuNmo.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINcePfuNmo.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX7KVElMYYaJe8bpLHnCwDKhdTmrINcdvfu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX-KVElMYYaJe8bpLHnCwDKjbLuGqZJSdY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX-KVElMYYaJe8bpLHnCwDKjbLuE6ZJSdY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX-KVElMYYaJe8bpLHnCwDKjbLuFKZJSdY.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX-KVElMYYaJe8bpLHnCwDKjbLuGKZJSdY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX-KVElMYYaJe8bpLHnCwDKjbLuGaZJSdY.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX-KVElMYYaJe8bpLHnCwDKjbLuF6ZJ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjR7_AIxsdO_q.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjR7_AIVsdO_q.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjR7_AIJsdO_q.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjR7_AI5sdO_q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjR7_AI9sdO_q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjR7_AIFsdA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIxsdO_q.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIVsdO_q.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIJsdO_q.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI5sdO_q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI9sdO_q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIFsdA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYXgKVElMYYaJe8bpLHnCwDKhdzeFb5N.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYXgKVElMYYaJe8bpLHnCwDKhdXeFb5N.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYXgKVElMYYaJe8bpLHnCwDKhdLeFb5N.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYXgKVElMYYaJe8bpLHnCwDKhd7eFb5N.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYXgKVElMYYaJe8bpLHnCwDKhd_eFb5N.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYXgKVElMYYaJe8bpLHnCwDKhdHeFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIxsdO_q.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIVsdO_q.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIJsdO_q.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjSL9AI5sdO_q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjSL9AI9sdO_q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIFsdA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIxsdO_q.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIVsdO_q.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIJsdO_q.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI5sdO_q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI9sdO_q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFsdA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIxsdO_q.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIVsdO_q.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIJsdO_q.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjWr7AI5sdO_q.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjWr7AI9sdO_q.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIFsdA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    background-color: #fafafa
}

* {
    box-sizing: border-box
}
.passcode-login {
    text-align: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 5px;
}
.passcode-login > div{
    margin-top:10px;
}
.passcode-login > span{
    font-size:13px;
}
#recover-password-form {
    max-width: 560px;
    margin: 0 auto;
}
.login-modal .logo {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.resend-email{
    display:none;
    margin: 20px 0;
}
    .resend-email span {
        font-weight: 600;
        cursor: pointer;
        text-decoration: underline;
    }
.forgot-password-btn{
    margin-top:40px;
    margin-bottom:20px;
}
.login-modal .popup-container, .forgot-password-modal .popup-container {
    width: 455px;
    height: auto !important;
}

.login-modal .modal-top {
    border: none;
    padding: 20px;
}

    .login-modal .modal-top h3 {
        margin: 0;
    }

.login-signup-btn {
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #343A40
}
.forgot-password-form {
    padding: 40px;
}

.simple-header {
    padding: 30px 15px
}

.wrap-page {
    padding-bottom: 100px;
    min-height: 100vh
}

.login-nav {
    display: flex;
    padding: 25px 35px 15px 35px;
}

.login-nav__item {
    width: 50%;
    text-align: center
}

    .login-nav__item span {
        text-decoration: none;
        color: black;
        padding: 10px;
        display: block;
        font-size: 15px;
        cursor:pointer;
    }

    .login-nav__item.active {
        background-color: #D9D9D9
    }

.login-nav__item {
    border-radius: 6px 6px 0 0
}

.login-form, .signup-form {
    border-radius: 0 0 15px 15px;
    padding-bottom: 35px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15);
}

    #login-form, #signup-form {
        padding: 20px 35px 0 35px
    }
#login-form {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px!important;
}
.login-form__bottom {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 10px;
    align-items: center
}

.chk-switch span {
    background-color: #E6E4E4;
    display: block;
    padding: 13px 15px;
    border-radius: 50px;
    position: relative;
    transition: all .3s
}

.chk-switch {
    position: relative;
    width: 50px;
    margin-right: 10px
}

    .chk-switch input {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin: 0;
        opacity: 0;
        z-index: 2;
        cursor: pointer
    }

        .chk-switch:has(input:checked) span {
            background-color: #7EC027
        }

    .chk-switch span:before {
        content: "";
        width: 22px;
        height: 22px;
        background-color: white;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 3px;
        margin: auto;
        border-radius: 100px;
        transition: all .3s
    }

    .chk-switch:has(input:checked) span:before {
        left: calc(100% - 24px)
    }

.login-form__bottom-left {
    display: flex;
    align-items: center;
    font-size: 13px
}

.login-form__bottom-right a {
    color: #000000;
    font-size: 13px;
    line-height: 16px;
    text-decoration: underline;
}

.login-form .login-btn, .login-form .signup-btn, .forgot-password-form button {
    font-size: 11px;
    background-image: linear-gradient(to bottom,#ef4f78,#f0446c,#f0395f,#ef2d52,#ee1f44);
    border: none;
    display: block;
    width: 100%;
    border-radius: 6px;
    color: white;
    padding: 15px;
    cursor: pointer;
    transition: all .5s;
    text-transform: uppercase;
}

.login-form h5 {
    text-align: center;
    color: #747474;
    text-transform: uppercase;
    margin:15px;
}

.login-social-items button {
    width: 45px;
    height: 45px;
    text-decoration: none;
    border-radius: 5px;
    border:none;
    margin: 0 10px;
}

.login-social-items {
    display: flex;
    justify-content: space-evenly;
    max-width: 300px;
    margin: 0 auto
}

.login-social__item--apple {
    background-color: #343A40
}

.login-social__item--fb {
    background-color: #0866FF
}

.login-social__item--gmail, .login-social__item--x {
    background-color: white;
    box-shadow: 0 0 4px rgba(0,0,0,.1)
}

.login-form button:hover {
    background-image: linear-gradient(to top,#ef4f78,#f0446c,#f0395f,#ef2d52,#ee1f44)
}

.invalid .field__error {
    display: block;
    color: red;
    font-size: 13px;
    margin-left: 20px
}

.field.field--text.invalid {
    margin-bottom: 20px
}

    .field.field--text.invalid input {
        background-color: #FFD9D9;
        border: 1px solid #FF0200
    }

    .field.field--text.invalid label {
        color: #FF0200
    }

.form-bottom-text {
    font-size: 13px;
    line-height: 16px;
    color: #343A40;
    padding: 25px 35px 0 35px;
    text-align: center;
}

    .form-bottom-text a {
        text-decoration: underline
    }

@media screen and (max-width:768px) {
    .simple-header {
        background-color: #fff;
        padding: 20px 15px 30px
    }

    .wrap-login-form {
        max-width: 100%;
    }

    .login-nav__item {
        border-radius: 5px
    }

        .login-nav__item.active {
            background-color: #D1D1D1
        }

        .login-nav__item span {
            font-weight: 400;
            padding: 11px
        }

    #login-form, #signup-form {
        padding: 20px 20px 0 20px;
    }

    .simple-header img {
        max-width: 129px
    }
}

body {
    margin: 0;
    font-family: "IBM Plex Sans",sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

.top-header {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #b8b8b840;
    background: #ffe6ed;
}

.turnstile {
    text-align: center;
    margin-bottom: 15px;
}
ol.breadcrumb {
    display: flex;
    gap: 5px;
    list-style:none;
    align-items:center;
    padding-left:0;
    flex-wrap:wrap;
}
h2.description{
    font-size:1rem;
    font-weight:500;
    text-align:left;
}
li.breadcrumb-separator {
    background: url(/assets/images/arrow-down.svg) no-repeat;
    width: 10px;
    height: 10px;
    background-position: center;
    background-size: contain;
    transform: rotate(270deg);
}
li.breadcrumb-main{
    font-weight:600;
}
ol.breadcrumb li a{
    font-weight: 400;
    color: #4A4A4A;
}
.tooltip {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    display: inline-block;
    background-image: url(/assets/images/tooltip.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    cursor: pointer;
}

#tooltip-modal {
    display: none;
    position: absolute;
    background-color: #FFF;
    border: 1px solid #343a4040;
    padding: 20px;
    z-index: 105;
    border-radius: 10px;
    max-width: 250px;
    color: #6C757D;
}

.tooltip-close {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-image: url(/assets/images/close-black.svg);
    top: 5px;
    right: 5px;
    background-size: 10px;
    width: 20px;
    height: 20px;
    background-color: #eee;
    border-radius: 50%;
}

.main-content {
    background-color: #fafafa;
    max-width: 1148px;
    margin: 0 auto;
}
.faq a{
    text-decoration:underline;
    font-weight:600;
}
.faq-des {
    display: none;
}

.faq .transform .faq-des {
    display: block;
}
.faq .transform .faq-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.faq .faq-title span {
    font-weight: 400;
    font-size: 1em;
}

.block > .container > .faq {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: start;
}

.faq-item {
    cursor: pointer;
    border: 1px solid #B8B8B840;
    padding: 15px 15px 15px 30px;
    position: relative;
    border-radius: 5px;
    margin: 5px;
}

.cp-des, .cp-content > div, .faq-des {
    padding: 12px 0;
}

.cpc-des {
    padding-top: 12px;
}

.cpc-header span {
    font-weight: 700;
    font-size: 18px;
}

.cp-content > div {
    cursor: pointer;
    border-top: 1px solid #B8B8B840;
    padding-left: 25px;
    position: relative;
}

.cpc-active {
    float: right;
    color: #7ec027;
    font-weight: 600;
}

.cp-content > div:before, .faq-item:before {
    content: '';
    background-image: url(/assets/images/arrow-right-black.svg);
    color: black;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    top: 18px;
    transition-duration: 0.5s;
}

.faq-item:before {
    left:10px;
    top: 21px;
}

.transform:before {
    transform: rotate(90deg);
}

.cookie-details {
    display: none;
    border-color: #ebebeb;
    background-color: #f4f4f4;
    border-radius: 6px;
    padding: 15px;
    margin-top: 15px;
}

.transform .cookie-details {
    display: block;
}

.cookie-details table tr td {
    line-height: 24px;
}

    .cookie-details table tr td:nth-child(1) {
        font-weight: 700;
        text-align: left;
        vertical-align: top;
        width: 30%;
    }

    .cookie-details table tr td:nth-child(2) {
        padding-left: 20px;
    }

#cookie-consent-preferences .chk-switch {
    float: right;
}

.modal-top h3, .modal-top .modal-title, .select-package-modal h3 {
    font-size: 21px;
    font-weight: 600;
    line-height: 27px;
    text-align: center;
    color: #343A40;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px;
}

.modal-body {
    overflow-y: auto;
    flex-direction: column;
}

.modal-body, .modal-footer {
    padding: 20px;
    border-top: 1px solid #F4F4F4;
    display: flex;
}

#cookie-consent-preferences .popup-container {
    width: 850px;
}

#cookie-consent-preferences .btn {
    padding: 0 25px;
    flex: auto;
}

#cookie-consent-preferences .modal-footer {
    gap: 10px;
    flex-wrap: wrap;
}

#cookie-consent-preferences .modal-body {
    height: 485px;
}

#cookie-consent-request .modal-top, #cookie-consent-preferences .modal-top {
    padding: 15px 0 0 0;
    border: none;
}

#cookie-consent-request {
    display: flex;
    height: auto;
    justify-content: start;
    bottom: 10px;
    left: 10px;
    top: unset;
    background-color: transparent;
    z-index: 999;
}

    #cookie-consent-request .popup-container {
        max-width: calc(100% - 20px);
        width: 380px;
    }

    #cookie-consent-request .modal-body a {
        display: contents;
        text-decoration: underline;
        font-weight: 600;
    }

    #cookie-consent-request .modal-footer {
        gap: 20px;
        padding: 15px;
    }

    #cookie-consent-request .btn {
        background: #4A4A4A;
        width: 100%;
        padding: 0;
    }

    #cookie-consent-request .modal-title {
        margin: 0;
    }

    #cookie-consent-request .modal-body {
        padding: 15px;
        font-size: 14px;
    }

.main-header {
    border-bottom: 1px solid #B8B8B840;
}
header {
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0;
    z-index: 99;
    background: #FFF;
}
.header {
    max-width: 559px;
    margin: 0 auto;
    padding: 20px 10px;
}

.bg-white {
    background-color: #FFF;
}

.ajax-loader {
    display: none;
    background-color: rgba(255,255,255,0.7);
    position: fixed;
    z-index: +1000 !important;
    width: 100%;
    height: 100%;
    top: 0;
}

    .ajax-loader img {
        position: relative;
        top: calc(50% - 24px);
        left: calc(50% - 24px);
    }

.required {
    border: 1px solid red !important;
}

.error {
    color: red;
    display: none;
}

.success {
    color: #097969;
    display: none;
}

input, select {
    font-size: 15px;
}

.user-profile-mobile {
    display: none;
    align-items: center;
    cursor: pointer;
    position: relative;
}

    .user-profile-mobile .user-name {
        padding-right: 10px;
    }

.user-mobile-sub-menu {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15);
    min-width: 255px;
    padding: 0 0 0 20px;
    z-index: 2;
}

    .user-mobile-sub-menu > li {
        align-items: center;
        border-bottom: 1px solid #343a4040;
        display: flex;
        padding-right: 20px;
    }

        .user-mobile-sub-menu > li > a {
            font-weight: 400;
            line-height: 25px;
            color: #6C757D;
            cursor: pointer;
            padding: 10px;
            width: 100%;
        }

.notification {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    position: fixed;
    top: 5px;
    right: 5px;
    min-width: 200px;
    border: 1px solid;
    border-radius: 5px;
    background: #FFF;
    max-width: 400px;
    z-index: 999;
}

    .notification.success {
        border-color: #9FE2BF;
    }

        .notification.success .header {
            background-color: #9FE2BF;
            color: #097969;
        }

        .notification.success .body {
            background-color: #96DED1;
            color: #097969;
        }

    .notification.error {
        border-color: #FAA0A0;
    }

        .notification.error .header {
            background-color: #FAA0A0;
            color: #8B0000;
        }

        .notification.error .body {
            background-color: #FFB6C1;
            color: #8B0000;
        }

    .notification .header {
        padding: 10px;
        border-bottom: 1px solid;
        font-weight: bold;
    }

    .notification .body {
        padding: 10px;
    }

button {
    cursor: pointer;
}

textarea:focus, input:focus, select {
    outline: none
}

.hide {
    display: none !important;
}

* {
    box-sizing: border-box
}

.container {
    max-width: 1148px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.main-header {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    max-width: 1148px;
    margin: 0 auto;
}

.logo {
    display: flex;
}

a {
    text-decoration: none;
    color: #6C757D;
}

    a:hover {
        transform: 0.3s all
    }

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

.btn-buy-now {
    cursor: pointer;
}

.header-navigation > ul {
    display: flex
}

.header-sub-menu-wrapper {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 99
}

.header-item-block {
    font-weight: 400;
    text-align: center;
    color: #6C757D;
    display: flex;
    align-items: center;
    cursor: pointer
}

.arrow-icon {
    background-image: url(/assets/images/arrow-down.svg);
    width: 12px;
    height: 4.25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0deg);
    transition: transform .25s linear;
    display: inline-block;
}

li.nav-item-with-sub-menu span.nav-item-text {
    padding-right: 10px
}

.header-navigation > ul > li {
    border-right: 1px solid #ddd;
    display: flex;
    padding: 12px 25px;
    position: relative
}

    .header-navigation > ul > li:last-child {
        border: none
    }

.header-navigation a {
    color: #6C757D
}

.mrl-3 {
    margin: 0 3px
}

.icon {
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    background-position: center;
    display: inline-block
}

.icon-my-profile {
    background-image: url(/assets/images/profile.svg);
}

.icon-my-esims {
    background-image: url(/assets/images/myesims.svg);
}

.icon-profile {
    background-image: url(/assets/images/login.svg);
}

.icon-language {
    background-image: url(/assets/images/language.svg);
}

.icon-currency {
    background-image: url(/assets/images/currency.svg);
}

li.nav-item-with-sub-menu:hover .arrow-icon {
    transform: rotate(-180deg)
}

ul.header_sub-menu {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 255px;
    padding: 0 15px
}

    ul.header_sub-menu a {
        font-weight: 400;
        line-height: 17px;
        text-align: center;
        color: #6C757D;
        display: flex;
        align-items: center;
        cursor: pointer;
        border-bottom: 1px solid #343a4040;
        padding: 10px
    }

    ul.header_sub-menu li:last-child a {
        border: none
    }

.logout {
    color: #D50121 !important;
}

    .logout:after {
        content: '';
        background-image: url(/assets/images/logout.svg);
        width: 18px;
        height: 16px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        right: 15px
    }

li.nav-item-with-sub-menu:hover .header-sub-menu-wrapper {
    animation: sub-menu-show .25s linear;
    height: auto;
    opacity: 1;
    overflow: visible;
    overflow: initial;
    padding-top: 10px;
    transform: translateY(0)
}

.header-item-language span.nav-item-text {
    line-height: 20px
}

.grid-2 {
    column-count: 2
}

strong {
    font-weight: 500
}

hr {
    border: none;
    border-bottom: 1px solid #00000040
}

.mb-20 {
    margin-bottom: 20px
}

.text-left {
    text-align: left !important;
    margin-left: 0 !important
}

ol li {
    list-style: unset
}

ol {
    margin: 0 0 15px;
    padding-left: 16px
}

@keyframes sub-menu-show {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    1% {
        height: auto;
        overflow: visible;
        overflow: initial;
        padding-top: 10px
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

footer.footer {
    background-color: #FFF;
    padding-top: 50px;
    border-top: 1px solid #B8B8B840;
}

.row {
    display: flex;
    flex-wrap: wrap
}

.col-2 {
    width: 20%
}

.col-8 {
    width: 80%
}

.col-10 {
    width: 100%
}

.left-footer {
    padding-right: 10px;
}

    .left-footer p {
        font-size: 14px;
    }

.logo_footer {
    margin-bottom: 15px
}

.right-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.linkTitle {
    color: #4A4A4A;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    margin-bottom: 5px;
    display: block;
    cursor: pointer;
}

.footer-block {
    width: 20%;
    overflow: hidden;
}

    .footer-block ul li {
        display: block;
        color: #6C757D;
        padding: 5px 0;
        font-size: 14px;
        cursor: pointer;
    }

.footer-bottom {
    margin-top: 20px;
    border-top: 1px solid #B8B8B840;
    display: flex;
    justify-content: space-between;
    padding: 15px 0
}

.footer-bottom-left {
    display: flex;
    align-items: center
}

.copyright {
    font-weight: 500;
    color: #4A4A4A;
    margin-right: 25px
}

ul.nav-footer a {
    font-weight: 500;
    color: #4A4A4A;
    text-transform: uppercase
}

ul.nav-footer {
    display: flex
}

    ul.nav-footer li {
        padding: 0 25px
    }

.footer-item-language {
    display: flex;
    padding-left: 25px;
    border-left: 1px solid #ddd;
    padding-top: 13px;
    padding-bottom: 13px;
    cursor: pointer;
    font-weight: 400
}

.footer-social {
    display: flex;
    align-items: center
}

    .footer-social ul {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .footer-social li {
        padding: 0 5px
    }

.footer-payment-methods-container {
    background-color: #fff;
    text-align: center;
    padding: 18px 0;
    border-top: 1px solid #B8B8B840;
}


.supported-countries-modal .popup-container, .select-package-modal .popup-container {
    width: 512px;
    border-radius: 5px;
    height: 100vh;
}

.package-list-detail {
    max-width: 1148px;
    margin: 0 auto;
}

    .package-list-detail.popup {
        align-items: start;
        z-index: 101;
        height: 100%;
        max-width: unset;
    }

    .package-list-detail .popup-container {
        width: 756px;
        height: 100%;
    }

.popup-container {
    width: 512px;
    max-width: 100%;
    box-shadow: 0px 0px 10px 0px #0000001A;
    background-color: #fff;
    border-radius: 10px;
    animation: package-animation-inner-enter .2s ease-in;
    transform: translateZ(0);
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #b8b8b8;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

@media screen and (max-width:1200px) {
    .container, .main-header {
        padding: 20px 15px
    }
}

@media screen and (max-width:849px) {
    .left-footer {
        margin-bottom: 15px;
        width: 100%;
    }

    .right-footer {
        width: 100%;
    }

    .footer-block {
        width: 49%;
    }

    .footer-social li:first-child {
        padding-left: 0
    }
}

@media screen and (max-width:768px) {
    .block > .container > .faq {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    #cookie-consent-request {
        justify-content: center;
        left: unset;
    }

    .package-list-detail.popup {
        padding: 0;
    }

    .package-list-detail .store-country_item {
        max-width: 100%
    }

    .package-list-detail .popup-container {
        border-radius: 0;
    }

    .supported-countries-modal .popup-container, #cookie-consent-preferences .popup-container, .select-package-modal .popup-container {
        height: 100%;
    }

    #cookie-consent-preferences .modal-body {
        height: auto;
    }

    .top-header {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 99;
    }

    .grid-2 {
        column-count: 1
    }

    .user-profile-mobile {
        display: flex;
    }

    .header-navigation {
        display: none
    }

    .col-3, .col-7 {
        width: 100%
    }

    .left-footer {
        padding-right: 0;
        margin-bottom: 15px
    }

        .left-footer p {
            max-width: 100%
        }

    footer.footer {
        padding-top: 20px;
        padding-bottom: 70px;
    }

    .footer-block ul {
        display: none
    }

    .footer-item-language {
        border: none;
        padding-left: 0;
        order: 3;
        padding-top: 10px
    }

    .footer-bottom-left {
        align-items: start;
        flex-direction: column
    }

    ul.nav-footer li {
        padding: 0 25px 0 0
    }

    ul.nav-footer {
        order: 1;
        margin-bottom: 7px;
        flex-wrap: wrap
    }

    .copyright {
        order: 2
    }

    .footer-bottom {
        margin: 0;
        border: none
    }

    .footer-social {
        margin-bottom: 15px
    }

    .footer-payment-methods-container img {
        max-width: 100%;
        padding: 0 15px;
        height: auto;
    }

    ul.nav-footer li:last-child {
        padding: 0
    }

    .linkTitle {
        color: #4A4A4A;
        margin: 0
    }

    .footer-block {
        width: 100%;
        min-height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-bottom: 0.2px solid #B8B8B8;
        padding: 9px 0;
        position: relative
    }

        .footer-block:last-child {
            border: none
        }

        .footer-block:after {
            content: "";
            width: 10px;
            height: 6px;
            position: absolute;
            right: 0;
            background-image: url(/assets/images/arrow-down.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            top: 16px
        }

        .footer-block.active ul {
            display: block
        }

        .footer-block.active:after {
            transform: rotate(180deg);
            top: 14px
        }
}

