/* ---- spinner ---- */
#spinner { opacity: 0; visibility: hidden; transition: opacity .5s ease-out, visibility 0s linear .5s; z-index: 99999; }
#spinner.show { transition: opacity .5s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1; }
#spinner div.spinner-grow { color: transparent; width: 3rem; height: 3rem; background-image: url('../files/torrum/favicon.svg'); background-repeat: no-repeat; background-position: center center; }



/* ---- cookie alert ---- */
.cookiealert {
    background: var(--text_darker);
    color: var(--text_lighter);
    font-size: 0.9em;
    line-height: 1.7em;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.cookiealert .acceptcookies {
    border: 0;
    color: var(--text_dark);
    font-size: 0.9rem;
    margin-left: 0;
    margin-right: 20px;
}





/* -------------- COMMON --------------- */

a { color: var(--main_dark); }
a:hover { color: var(--main_normal); }
h1, h2 { color: var(--text_dark); }

.mcd { color: var(--main_dark) !important; }
.mcn { color: var(--main_normal) !important; }
.mcl { color: var(--main_light) !important; }

.container { max-width:1300px; color: var(--text_normal);  }
.container.first { margin-top: 1rem !important; }
.dark { background-color: var(--bg_light); }
.light { background-color: var(--bg_white); }
.rounded { border-radius: 24px !important; }
.rounded-x { border-radius: 42px !important; }
.night-header { height:214px; background-color:var(--bg_dark); }
.icon-pre-txt-xs { margin-top: -4px; margin-right: 10px; height: 24px; }
.nobr { white-space: nowrap !important; }

.show-hide-password-eye { color:red !important; width: 32px; height: 32px; cursor: pointer; line-height: 36px; position: absolute; right: 26px; text-align: center; top: 3px; color: var(--text_normal); z-index:999; font-size:0.8em }
input.error, input.error:focus, input.error:active { border-color: var(--warning); }


@media (max-width: 1340px) {
    .container { max-width:1160px; }
}
@media (max-width: 1200px) {
    .container { max-width:990px; }
}
@media (max-width: 991px) {
    .container { }
}




/* -------------- TEXTS --------------- */

.txt-xxl { font-size: 52px; font-weight: 800 !important; color: var(--text_dark); line-height: 110%; }
.txt-xl  { font-size: 48px; font-weight: 800 !important; color: var(--text_dark); line-height: 110%;}
.txt-default { font-size: 30px; font-weight: 800; color: var(--text_dark); line-height: 120%;}
.txt-l   { font-size: 28px; font-weight: 800; color: var(--text_dark); line-height: 110%;}
.txt-m   { font-size: 24px; font-weight: 800; color: var(--text_dark); line-height: 125%;}
.txt-s   { font-size: 20px; font-weight: 800; color: var(--text_dark); line-height: 120%;}
.txt-xs  { font-size: 18px; font-weight: 600; color: var(--text_dark); line-height: 120%;}
.txt-xxs  { font-size: 14px; font-weight: 500; color: var(--text_light); line-height: 120%;}
.txt-small { font-size: 0.85em; font-weight: 400; line-height: 19px; color: var(--text_dark) !important; }
.txt-micro { font-size: 0.75em; font-weight: 400; line-height: 17px; color:var(--text_light) !important; }
.txt-white { color: var(--text_white); }
.notice-l { font-family: "Noto Sans", sans-serif; font-size: 24px; font-weight: 400; color: var(--text_normal); line-height: 140%; }
.notice-m { font-family: "Noto Sans", sans-serif; font-size: 20px; font-weight: 400; color: var(--text_light); line-height: 160%; }
.notice-s { font-family: "Noto Sans", sans-serif; font-size: 16px; font-weight: 400; color: var(--text_light); line-height: 20px; }
.notice-xs { font-family: "Noto Sans", sans-serif; font-size: 14px; font-weight: 500; color: var(--text_light); line-height: 20px; }
.notice-xxs { font-family: "Noto Sans", sans-serif; font-size: 10px; font-weight: 500; color: var(--text_light); line-height: 12px; }
.result-message { text-align: left; }

@media (max-width: 1200px) {
    .txt-xxl { font-size: 42px; }
    .txt-xl { font-size: 36px; }
    .txt-l   { font-size: 24px; }
    .txt-m   { font-size: 20px; }
    .txt-s   { font-size: 18px; }
    .txt-xs   { font-size: 16px; }
    .txt-default { font-size: 22px; }
    .notice-l { font-size: 20px;  }
    .notice-m { font-size: 18px;  }
    .notice-s { font-size: 14px;  }
}
@media (max-width: 991px) {
    .txt-xxl { font-size: 36px; }
    .txt-xl { font-size: 28px; }
    .txt-l   { font-size: 20px; }
    .txt-m   { font-size: 18px; }
    .txt-s   { font-size: 16px; }
    .txt-s   { font-size: 14px; }
    .txt-default { font-size: 20px; }
    .notice-l { font-size: 18px;  }
    .notice-m { font-size: 16px;  }
    .notice-s { font-size: 14px;  }
    .result-message { text-align: center; }
}





/*---------------- NAVIGATION ------------------ */

.sticky-top {top: -120px; transition: .8s; background-color: var(--bg_white); }
.sticky-top.night { background-color: var(--bg_dark); }
.navbar { padding: 11px 0 !important; height: 108px; }
.navbar .ms-center { margin: auto !important; }
.navbar .navbar-nav .nav-link { margin-right: 35px; padding: 0; color: var(--text_light); outline: none; font-size: 14px; font-weight:600; line-height: 120%; }
.sticky-top.night .navbar .navbar-nav .nav-link:hover,
.sticky-top.night .navbar .navbar-nav .nav-link.active { color: var(--text_white); }
.nav-button { padding: 12px 24px 12px 24px !important; background-color: var(--main_normal); color: var(--text_darker) !important; font-size: 14px; font-weight:600; }
.nav-button:hover, .nav-button:active { background-color: var(--main_light); }
.navbar-light .navbar-toggler { border:none !important;  box-shadow: none !important; }
.navbar-light .navbar-toggler-icon.night { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28250, 250, 250, 0.80%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.profile-menu #profile-menu-button { font-size: 14px; font-weight: 800; color: var(--text_dark); padding-right:0; }
.profile-menu ul.dropdown-menu { border: 0; padding: 4px; }
.profile-menu ul.dropdown-menu img { height: 18px; width: 18px; margin-top: -5px; margin-right: 10px; }
.profile-menu ul > li > a { font-size: 16px; font-weight: 500; line-height: 150%; }
.profile-menu .dropdown-item:hover, .profile-menu .dropdown-item:focus { border-radius: 10px; }

.profile-menu.night { background-color: var(--bg_dark); }
.profile-menu.night #profile-menu-button { color: var(--bg_light) !important; }
.profile-menu.night ul.dropdown-menu { background-color: var(--text_dark) !important; }
.profile-menu.night ul > li > a { color: var(--bg_light) !important;  }
.profile-menu.night .dropdown-item:hover, .profile-menu.night .dropdown-item:focus { background-color: var(--bg_dark) !important; color: var(--main_normal) !important; }

@media (max-width: 991.98px) {
    .navbar .navbar-nav { padding: 15px 15px; background: var(--bg_white); }
    .navbar .navbar-nav .nav-link  { margin-right: 0; padding: 10px 0; }
}
@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu { display: block; border: none; margin-top: 0; top: 150%; opacity: 0; visibility: hidden; transition: .5s; }
    .navbar .nav-item:hover .dropdown-menu { top: 100%; visibility: visible; transition: .8s; opacity: 1; }
}





/* ---------------- MAIN CAROUSEL -------------- */

#main-carousel { position:relative; }
#main-carousel .slide { margin-bottom:100px; }
#main-carousel .dark { height: 620px; border-radius: 40px !important; }
#main-carousel .txt-xxl { margin-top: 140px; }
#main-carousel .picture {
    border-radius:28px;
    width:420px;
    height:602px;
    position: absolute;
    right: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    mask-image: url('../files/header_desktop_image_mask.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom right;
}
#main-carousel .owl-dots { position: absolute; top: 32px; left: 48px; }
#main-carousel .owl-dots .owl-dot span {
    width: 32px;
    height: 32px;
    border-radius: 0;
    background-color: transparent;
    background-image: url('../files/torrum/main_carousel_passive_point.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#main-carousel .owl-dots .owl-dot.active span { background-image: url('../files/torrum/main_carousel_active_point.svg'); }

@media (max-width: 1340px) {
    #main-carousel .txt-xxl { font-size:48px; margin-top: 80px; }
}
@media (max-width: 1200px) {
    #main-carousel .picture { width: 320px; height: 458px; }
    #main-carousel .txt-xxl { font-size:36px; margin-top: 60px; }
    #main-carousel .dark { height: 480px; }
}
@media (max-width: 991px) {
    #main-carousel .dark { height: auto; }
    #main-carousel .picture { width: 100%; position: inherit; }
    #main-carousel .txt-xxl { font-size:32px; margin-top: 20px; }
    #main-carousel .owl-dots { position: inherit; top: -70px; left: auto; }
    #main-carousel .slide { margin-bottom: 1px; }
}
@media (max-width: 768px) {
    #main-carousel .picture { background-position: center 70%; height: 380px; }
}
@media (max-width: 600px) {
    #main-carousel .picture { height: 300px;  }
    #main-carousel .t-button { width: 90%; position: absolute; bottom: 50px; left: 5%; }
    #main-carousel .owl-dots { top: -55px; }
}
@media (max-width: 390px) {
    #main-carousel .picture { height: 200px;  }
    #main-carousel .t-button { width: 80%; left: 10%; }
}





/* ----------------- CARDS --------------------*/

.plan-cards-list { justify-content: flex-end !important; }
.plan-cards-list .plan-card {
    width:240px;
    height:394px;
    background-color: transparent;
    background-image: url('../files/card_plan_bg.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-left: 10px;
    padding:24px;
    position: relative;
}
.plan-cards-list .plan-card .c-anex { font-weight:800; color: var(--text_white); font-size: 16px; line-height: 120%; }
.plan-cards-list .plan-card ul { padding-left: 1rem !important; }
.plan-cards-list .plan-card li { color: var(--text_dark); font-size:16px; font-weight:500; margin-bottom:8px;  line-height:20px; font-family: "Noto Sans", sans-serif; }
.plan-cards-list .plan-card li::marker { color: var(--main_dark); }
.plan-cards-list .plan-card .button { bottom: 32px; position: absolute; font-size:18px; font-weight:800; line-height:120%; color: var(--text_dark); cursor:pointer; }
.plan-cards-list .plan-card .button::after { content: url('../files/torrum/arrow_right.svg'); margin-left: 20px; }

.plan-cards-list .plan-gray-card {
    background-color: var(--bg_light);
    padding:24px;
    position: relative;
    border-radius: 18px;
    /*
    mask-image: url('../files/header_desktop_image_mask.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom right;
    */
}
.plan-cards-list .plan-gray-card .c-anex { font-weight:800; color: var(--main_dark); font-size: 16px; line-height: 120%; }
.plan-cards-list .plan-gray-card .notice-s { color: var(--text_dark); }
.plan-cards-list .plan-gray-card .t-button { line-height: inherit; padding: 20px 6px !important; width:100%; }
.plan-cards-list .plan-gray-card .dp-feature { margin-left: 0; }

@media (max-width: 1340px) {
    .plan-cards-list .plan-gray-card .dp-feature { margin-left: 10px; }
}
@media (max-width: 1200px) {
    .plan-cards-list .plan-card { background-size: 100% 100%; height: 324px; }
    .plan-cards-list .plan-card li { font-size: 14px; line-height: 18px; }
}
@media (max-width: 991px) {
    .plan-cards-list { justify-content: center !important; }
    .plan-cards-list .plan-card { height: 384px; margin-left: 30px; }
}
@media (max-width: 768px) {
    .plan-cards-list { padding:0; }
    .plan-cards-list .plan-card { margin: 0; text-align:left; }
    .plan-cards-list .plan-gray-card .dp-feature { margin-left: 0; }
}
@media (max-width: 600px) { }
@media (max-width: 390px) { }





/* --------------- BLOCKS  ------------------*/
.torrum-header { position:relative; }
.torrum-header .dark { height: 620px; border-radius: 40px !important; }
.torrum-header .texts-wrapper { display: flex; flex-direction: initial; height: 530px; }
.torrum-header .texts-container { align-self: flex-end; align-content: flex-end; }
.torrum-header .picture {
    border-radius:16px;
    width:420px;
    height:602px;
    position: absolute;
    right: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    mask-image: url('../files/header_desktop_image_mask.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom right;
}
.torrum-header .hint { position: absolute; align-items: center; display: flex; }
.torrum-header .hint.first { top:10%; right:7%; }
.torrum-header .hint.last { bottom:10%; left:7%; }
.torrum-header .hint > div { border-radius:60px; color: var(--text_dark); height:auto; display: inline-block; }
.torrum-header .hint > div.dark { background-color: var(--main_normal); }
.torrum-header .hint > div.light { background-color: var(--bg_white); }
.torrum-header .hint > div > img { height:30px; }

.torrum-vertical-list { }
.torrum-vertical-list .picture {
    height: 543px;
    width:auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    mask-image: url('../files/header_desktop_image_mask.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom right;
}
.torrum-vertical-list .dark { width: 112%; }
.torrum-vertical-list .items-list {}

.torrum-2-columns-list {}

.torrum-ready {}
.torrum-ready .picture {
    height: 430px; width:auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    mask-image: url('../files/header_desktop_image_mask.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom right;
}

.torrum-features-list { }
.torrum-features-list .icon {
    align-self: center;
    box-sizing: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 32px;
    height: 32px;
    margin-right: 16px;
    min-width: 32px;
}
.torrum-features-list .feature { align-self: center; }
.torrum-features-list .dark { width: 100%; }

.torrum-plans-list {}

.torrum-manuals { }
.torrum-manuals .item-point { background-color: var(--main_light); width:56px; height:56px; }
.torrum-manuals ul { margin-bottom: 0 !important; }

.torrum-profile-first { margin-top: -48px; }


@media (max-width: 1340px) {
    .torrum-header .txt-xxl { font-size:48px; }
}
@media (max-width: 1200px) {
    .torrum-vertical-list .dark { width: 122%; }
    .torrum-vertical-list .picture { height: 440px; }
    .torrum-ready .picture { height: 360px; }
    .torrum-header .picture { width: 320px; height: 458px; }
    .torrum-header .txt-xxl { font-size:36px; }
    .torrum-header .dark { height: 480px; }
    .torrum-header .texts-wrapper { height: 400px; }
}
@media (max-width: 991px) {
    .torrum-vertical-list .dark { width: auto; }
    .torrum-vertical-list .items-list { margin-top: -72px; }
    .torrum-vertical-list .picture { background-position: center 25%; height: 420px; }
    .torrum-ready .picture { background-position: center 25%; height: 420px;  }
    .torrum-header .texts-wrapper { height: auto; }
    .torrum-header .dark { height: auto; }
    .torrum-header .picture { width: 100%; position: inherit; }
    .torrum-header .txt-xxl { font-size:32px; }
    .torrum-manuals .item-point { width: 50px; height: 50px; border-radius: 18px !important; }
}
@media (max-width: 768px) {
    .torrum-vertical-list .picture { background-position: center 25%; height: 360px; }
    .torrum-ready .picture { background-position: center 25%; height: 360px;  }
    .torrum-header .picture { background-position: center 70%; height: 380px; }
    .torrum-header .txt-xxl { font-size:30px; }
}
@media (max-width: 600px) {
    .torrum-vertical-list .picture { background-position: center 25%; height: 320px; }
    .torrum-vertical-list .t-button { width: 100%; }
    .torrum-ready .picture { background-position: center 25%; height: 320px;  }
    .torrum-ready .t-button { width: 100%; }
    .torrum-header .picture { height: 300px;  }
    .torrum-header .t-button { width: 100%; }
    .torrum-header .txt-xxl { font-size:28px; }
}
@media (max-width: 390px) {
    .torrum-vertical-list .picture { background-position: center 25%; height: 240px; }
    .torrum-ready .picture { background-position: center 25%; height: 180px;  }
    .torrum-header .picture { height: 200px;  }
    .torrum-header .txt-xxl { font-size:24px; }
}



/* ------------ FAQ ------------ */
.torrum-faq .accordion .accordion-item { border: none; margin-bottom: 8px; }
.torrum-faq .accordion-header, .accordion-item { border-radius: 9px; }
.torrum-faq .accordion .accordion-button { background: var(--bg_light); border-radius: 8px; color: var(--text_dark); font-weight:600; font-size:20px; padding: 1.8rem; }
.torrum-faq .accordion .accordion-button:not(.collapsed) { color: var(--text_dark); background: var(--main_light); box-shadow: none; border-radius: 9px 9px 0 0; }
.torrum-faq .accordion .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23555'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.torrum-faq .accordion .accordion-body { border-radius: 0 0 9px 9px; padding: 24px; font-family: "Noto Sans", sans-serif; background-color: var(--main_lighter); font-size: 16px; font-weight: 400; color: var(--text_dark); line-height: 150%;  }
.torrum-faq .accordion-button:focus { box-shadow: none !important; }
@media (max-width: 1340px) { }
@media (max-width: 1200px) {
    .torrum-faq .accordion .accordion-button { font-size: 16px; padding: 1.25rem; }
    .torrum-faq .accordion .accordion-body { font-size: 14px; }
}
@media (max-width: 991px) {

}


/* ------------ DIRECTIONS LIST ------------ */
.torrum-directions .plan-list-title { cursor:pointer; font-size: 24px; font-weight: 800; color: var(--text_normal); line-height: 120%; margin-right: 32px; }
.torrum-directions .plan-list-title.active { color: var(--text_normal); border-bottom: 8px solid var(--main_dark); }
.torrum-directions .accordion .accordion-item { border: none; }
.torrum-directions .accordion-header, .accordion-item { border-radius: 9px; }

.torrum-directions .accordion.only-countries-list { border-radius: 24px !important; background-color: var(--bg_light) !important; }
.torrum-directions .accordion.only-countries-list .accordion-item { background-color: transparent !important; }

.torrum-directions .accordion .accordion-button { background: var(--bg_light); border-radius: 9px; color: var(--text_dark); }
.torrum-directions .accordion .accordion-button:not(.collapsed) { background: var(--main_light); box-shadow: none; border-radius: 9px 9px 0 0; }
.torrum-directions .accordion .accordion-body { border-radius: 0 0 9px 9px; background-color: var(--main_light); color: var(--text_dark); }
.torrum-directions .accordion-button:focus { box-shadow: none !important; }
.torrum-directions .flag-icon { align-self: center; width:40px; height:40px; border-radius: 50% !important; }
.torrum-directions .title { align-self: center; margin-left:10px; width: 240px; }
.torrum-directions .title .txt-xs { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.torrum-directions .title .notice-xs { color: var(--text_normal); }
.torrum-directions .offer { border-radius: 9px; background-color: var(--bg_white); cursor:pointer; }
.torrum-directions .offer:hover { background-color: var(--main_lighter); }
.torrum-directions .offer > .row > div { white-space: nowrap; }
.torrum-directions .offer .notice-xs { display: flex; align-items: center; flex-direction: inherit; }
.torrum-directions .offer > .row > div:nth-last-child(1) { flex-direction: row-reverse; }
.torrum-directions .accordion .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23555'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
/* --- remove animation
.torrum-directions .accordion-body { z-index: 999; position: absolute; padding: 1rem 1rem; }
.torrum-directions .accordion-button,
.torrum-directions .accordion-button::after,
.torrum-directions .collapsing { transition: none !important; }
*/

@media (max-width: 1340px) {
    .torrum-directions .title { width: 200px; }
}
@media (max-width: 1200px) {
    .torrum-directions .title { width: 160px; }
    .torrum-directions .offer .notice-xs { font-size: 12px; }
}
@media (max-width: 991px) {
    .torrum-directions .title { width: auto; }
    .torrum-directions .offer .notice-xs { font-size: 14px; }
}
@media (max-width: 768px) {
}


/* ------------ PURCHASE ------------ */
.purchase { background: linear-gradient(to right, var(--bg_white) 58%, var(--bg_dark) 42%); } /* 7/12 ans 5/12 */
.purchase-light { background-color: var(--bg_white); }
.purchase-dark { background-color: var(--bg_dark); }
.purchase .navbar-brand { line-height: 90px; }
.purchase .filler { height:100px; }
.purchase .back-button { line-height: 90px; float:right; }
.purchase .back-button a { font-size:16px; font-weight: 600; color: var(--text_dark); text-decoration: none; }
.purchase .package {
    height: 184px;
    width: 154px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    mask-image: url('../files/header_desktop_image_mask.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom right;
    background-color: var(--bg_light);
    border-radius: 12px;
    display: inline-block;
    margin-right: 16px;
    padding:24px;
    cursor:pointer;
}
.purchase .package.active { background-color: var(--main_light); }
.purchase .package .notice-s { color: var(--text_dark) !important; }
.purchase-dark .rounded { background-color: var(--text_dark) !important; }
.purchase-dark .rounded .title .txt-s { color: var(--text_white); }
.purchase-dark .rounded .title .notice-s { color: var(--main_light); }
.purchase-dark .rounded .price { margin-left: auto; margin-bottom: auto; margin-top: auto; color: var(--text_white); }

.purchase .replenish-amount-button { background-color: var(--bg_light); border-radius: 12px; margin: 10px; padding: 20px 6px; cursor:pointer; text-align:center; }
.purchase .replenish-amount-button:hover, .purchase .replenish-amount-button.active { background-color: var(--main_light); }

.purchase-esims-slider .swiper-slide { text-align: left !important; }
.purchase-esims-slider .esim {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    mask-image: url('../files/header_desktop_image_mask.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom right;
    background-color: var(--bg_light);
    border-radius: 12px;
    padding:14px;
    cursor:pointer;
    height:184px;
}
.purchase-esims-slider .esim.active { background-color: var(--main_light); }
.purchase-esims-slider .esim > div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.purchase-esims-slider .esim .txt-xxs  { color: var(--text_dark) !important; }

.purchase .alert { display:flex; border: 0; background-color: var(--warning_opacity_10); }
.purchase .alert.hidden { display: none !important; }
.purchase .alert img { margin-right:18px; width:24px; }

@media (max-width: 991px) {
    .purchase { background: none; }
}
@media (max-width: 576px) {
    .purchase .package {
        width: auto;
        height: auto;
        display: flex !important;
        justify-content: space-between;
        margin-right: 0;
        margin-bottom: 16px;
        mask-image: none;
    }
}



/* ------------- PROFILE :: MY-ESIMS --------------- */
.my-esims-slider .swiper-slide { text-align: left !important; }
.my-esims-slider .esim {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    mask-image: url('../files/header_desktop_image_mask.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom right;
    background-color: var(--bg_light);
    border-radius: 12px;
    padding:14px;
    /*cursor:pointer;*/
    height:332px;
}
.my-esims-slider .esim > div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.my-esims-slider .esim .txt-xxs  { color: var(--text_dark) !important; }
.my-esims-slider .esim .tariff_icon { height: 28px; padding-bottom: 6px; margin-right: 8px; }
.my-esims-slider .esim .tariff_package { margin-left: 30px; }




/* ------------- BUTTONS --------------- */
.back-to-top { position: fixed; display: none; right: 45px; bottom: 45px; z-index: 99999; background-color: var(--main_normal); color: var(--text_light); }
.back-to-top:focus { box-shadow: none !important; }
.back-to-top i { color: var(--text_white); }
.btn-square { width: 38px; height: 38px; }
.btn-sm-square { width: 32px; height: 32px; }
.btn-lg-square { width: 48px; height: 48px; }
.btn-square, .btn-sm-square, .btn-lg-square {padding: 0; display: flex; align-items: center; justify-content: center; font-weight: normal; border-radius: 50px; }
.t-button { white-space: nowrap; vertical-align: bottom; line-height:100%; color: var(--text_dark); background-color: var(--main_normal); padding: 24px 40px; font-size:18px; font-weight:800; font-family: "Hubot Sans", sans-serif; }
.t-button.light { background-color: var(--bg_white); }
.t-button.small { text-align:center; padding: 12px 1px !important; font-size: 14px !important;}
.t-button:hover { color: var(--text_dark); background-color: var(--main_light); }
.t-button img { display: inline-flex !important; width:18px !important; height:18px; margin-left: 10px; margin-bottom: 4px; }
.t-button.small img { margin-left: 6px !important; }
.manual-button { text-align:center;  border-radius:20px; padding: 12px 12px 12px 12px !important; background-color: transparent; cursor:pointer; color: var(--text_dark) !important; font-size: 16px; font-weight:700; }
.manual-button:hover, .manual-button:active { background-color: var(--main_lighter); }
.manual-button.active { background-color: var(--main_normal); }

.device-button { display:inline-block; text-align:center; border-radius:20px; padding: 16px 20px; !important; background-color: var(--bg_white); cursor:pointer; font-weight:700; }
.device-button:hover, .device-button:active { background-color: var(--main_lighter); }
.device-button.active { background-color: var(--main_normal); color: var(--text_white); }

.tool-button {
    height: 20px;
    width: 20px;
    border: none;
    border-radius: 6px;
    background-color: var(--main_dark);
    color: var(--text_white) !important;
    padding: 0;
    line-height: 20px;
    margin-top: -2px;
}

.write-to-clipboard { cursor:pointer; }
.write-to-clipboard.txt-s img { height: 20px; float: right; }


@media (max-width: 1340px) {

}
@media (max-width: 1200px) {
    .t-button { padding: 16px 32px; }
    .manual-button { font-size: 14px; font-weight:600; }
}
@media (max-width: 991px) {
    .manual-button { padding: 12px 10px 12px 10px !important; }
}
@media (max-width: 768px) {
    .manual-button { font-size: 12px; font-weight:600; }
}



/* ----------- INPUT/SELECT/TEXTAREA ------------- */
.t-checkbox {
    padding: 0 !important;
    width: 1.5em !important;
    height: 1.5em !important;
    border-radius: 5px !important;
    background-color: transparent !important;
    border: 1px solid var(--text_normal) !important;
}
.t-checkbox:checked { background-color: var(--text_normal) !important; border-color: var(--text_normal) !important; }
.form-check .form-check-label { padding-left: 12px; }

select, input {
    display: block;
    width: 100%;
    padding: 0 24px !important;
    height:64px !important;
    background-color: var(--bg_white) !important;
    border: 0 !important;
    border-radius: 24px !important;
    line-height:64px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text_dark) !important;
    box-shadow: none !important;
    outline: 0 !important;
    outline-offset: 0 !important;
    background-clip: padding-box !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
input:focus, input:active, select:focus, select:active, button:focus, button:active { box-shadow: none !important; outline: 0 !important; outline-offset: 0 !important;}

.input-with-button input { z-index: 1; padding-right:72px; border:2px solid var(--main_normal) !important; }
.input-with-button { position: relative; }
.input-with-button .btn {
    position: absolute;
    z-index: 2;
    box-shadow: none !important;
    outline: 0 !important;
    outline-offset: 0 !important;
    background-color: var(--main_normal) !important;
    color: var(--text_dark) !important;
    border: 0;
    border-radius: 20px !important;
    padding: 0;
    right: 6px;
    top: 6px;
    height: 52px;
    width: 52px;
    text-align: center;
}
.input-with-button .btn i { color: var(--text_dark) !important; }
.input-with-button .btn:hover { background-color: var(--main_dark) !important; }
.input-with-button .btn:hover i { color: var(--text_white) !important; }


/* ------------ PROMOCODE ----------------- */

#promo-input {
    padding: 14px !important;
    border-radius: 16px !important;
    background-color: var(--bg_dark) !important;
    color: var(--main_light) !important;
    height:54px !important;
    padding-left: 42px !important;
    line-height: 54px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
#promo-button {
    border:1px solid var(--main_light);
    width: 100%;
    font-weight: 600 !important;
    line-height: 54px;
    padding: 0 2px;
    border-radius: 16px;
    color: var(--main_light);
}
#promo-button:hover {
    border-color: var(--main_normal);
    color: var(--main_normal);
    background-color: rgba(255,255,255,0.05);
}
.promo-icon {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border: 0;
    position: absolute;
    top: 16px;
    left: 24px;
    margin: 0;
    padding: 0;
}

/* ------------ OVERRIDE ----------------- */

.swiper-slide { text-align: center; }
.swiper-pagination { position: relative; bottom: -5px !important; }
.swiper-pagination-bullet { width:12px; height:12px; }
.swiper-pagination-bullet-active { background: var(--main_dark); }





/* ------------ FOOTER --------------- */

.footer { font-family: "Hubot Sans", sans-serif; }
.footer .contacts { padding: 50px 0 0; font-size: 16px; font-weight: 600; line-height: 120%; }
.footer .contacts a { text-decoration: none; color: var(--main_dark) !important; }
.footer .contacts a:hover { color: var(--main_dark) !important; }
.footer .copyright { font-family: "Noto Sans", sans-serif; font-size: 16px; font-weight: 400; color: var(--text_lighter); line-height: 140%; }
.footer a { font-weight: 600; font-size: 16px; margin-right: 15px; line-height: 120%; padding-right: 15px; color: var(--text_normal) }



/* ------------ MODAL WINDOW ------------- */
.modal { top: 5em; }
.modal-open>*:not(.modal.show) { filter: blur(3px); }
.modal .modal-content { border: none; }
.modal .btn-close { color: var(--text_dark); font-size: 0.85rem; }
.modal-backdrop { background-color: var(--bg_normal); }
.modal-backdrop.show { opacity: 0.50; }





/*.selected-button { color: #1EA833 !important; border-color: #1EA833 !important; background-color: #EAFDED !important; }*/
/*.selected-button.rounded { cursor:auto !important; border-width:2px; border-radius: 20px !important; padding-left: 0.7em; padding-right: 0.7em; width: auto; }*/
/*.transparent-button { background-color: transparent !important; }*/

/*.list-group-item { border: none; }*/
/*ul { padding-left: 1rem !important; }*/
/*li::marker { color: var(--main_dark); }*/

/*.esim-dropdown-menu { border: 1px solid var(--text_normal); border-radius:10px; }*/
/*.esim-dropdown-menu.dropstart .dropdown-toggle::before { display:none; }*/
/*.esim-dropdown-menu .dropdown-item { font-size: 0.85em; color: var(--medium_txt); }*/

/*.plaza { background-color: red; border-radius: 1em; padding: 2em; }*/
/*.plaza.dark { background-color: blue; }*/
/*.plaza.darker { background-color: green; }*/
/*.plaza.transparent { background-color: transparent; border:2px solid var(--dark_medium_bg); }*/

/*.plaza.package_selector { background-color: var(--light_bg) !important; border:2px solid var(--dark_medium_bg) !important; }*/
/*.plaza.package_selector.active, .esims-slider .plaza.active { color:var(--dark_txt); background-color: var(--main_color_opacity_10) !important; border:2px solid var(--main_color) !important;  }*/

/*.plaza.profile_menu { border: 0px; padding-top: 1em; padding-bottom: 1em; margin-bottom: 0.15em;}*/
/*.plaza.profile_menu a { color: var(--dark_medium_txt); }*/
/*.plaza.profile_menu a.active { color: var(--main_color); }*/
/*.plaza.profile_menu_first { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-bottom: 0.15em; }*/
/*.plaza.profile_menu_last { border-top-right-radius: 0px; border-top-left-radius: 0px; padding-top: 1em; padding-bottom: 1em; }*/
/*.plaza.profile_menu_last a { color: var(--warning_color); }*/

/*.plaza.profile_menu .accordion .accordion-button { background: transparent; padding: 0px; color: var(--medium_txt); }*/
/*.plaza.profile_menu .accordion .accordion-button:not(.collapsed) { background: transparent; }*/
/*.plaza.profile_menu .accordion .accordion-button::after { opacity: 0.5; }*/
/*.plaza.profile_menu .accordion .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23555555'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }*/
/*.plaza.profile_menu .accordion .accordion-item { margin-bottom: 0; }*/
/*.plaza.expired { opacity: 0.75; }*/
/*.plaza.expired .s-title { color: var(--medium_txt); }*/

/*.countries_list_item {border-bottom: 1px solid var(--dark_medium_bg); padding-bottom: 1.5em; }*/

/*#qrcode-window-image { margin:auto auto; height:205px; width:205px; padding:0; background-color: var(--medium_bg); }*/

/*.tg-bordered { padding-bottom: 8px; border-bottom: 3px solid var(--dark_bg); border-top: 3px solid var(--dark_bg); }*/





/*.btn { font-weight: 500; transition: .5s; font-size: 0.95rem;}*/
/*.light-button { color: var(--dark_txt); border: 2px solid var(--dark_bg); background-color: var(--light_txt); }*/
/*.light-button:hover { color: var(--dark_bg); border: 2px solid var(--main_color); background-color: var(--main_color_opacity_30); }*/
/*.light-button:disabled { color: var(--medium_txt) !important; border-color: var(--dark_medium_bg) !important; }*/

/*.dark-button { background-color: var(--dark_bg); color: var(--light_txt); }*/
/*.dark-button:hover, .nav-button:active { background-color: var(--main_color); }*/

/*.select-button { color: var(--dark_txt); border: none; background-color: var(--light_txt); cursor:pointer; margin-right:7px; margin-bottom:7px; padding: 7px 14px 7px 14px !important; }*/
/*.select-button.active { background-color: var(--dark_bg); color: var(--light_txt); }*/

/*.narrow-button { padding: 0.5em 1em 0.5em 1em !important;}*/

/*.soc-button { text-align:left; color: var(--light_txt); border: 0; padding: 10px 36px 10px 36px !important;}*/
/*.soc-button:hover { text-align:left; color: var(--light_txt); border: 0; }*/
/*.soc-button.yandex { background-color: #FC3F1D; }*/
/*.soc-button.yandex:hover { background-color: #FC3F1D; }*/
/*.soc-button.mailru { background-color: #014B88; }*/
/*.soc-button.mailru:hover { background-color: #014B88; }*/


/* ---- inputs/selectors ------ */
/*input.form-control { font-size: 0.90em; }*/
/*input.auto-hidden-input { background: transparent; border:1px solid transparent; width:100%; outline:none; border-radius: 10px; }*/
/*input.auto-hidden-input:hover, input.auto-hidden-input:focus { background: rgba(255,255,255,0.5); border:1px solid var(--medium_txt); }*/


/* ------ STP : Search Tariff Plan  ----- */
#stp-container { }
#stp-result {
    position: absolute;
    z-index: 99999;
    background-clip: padding-box;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-radius: 16px !important;
    background-color: var(--bg_light);
    left: 0;
    top:0;
    width: 100%;
    display:none;
}
/*#stp-result .s-title { color: var(--text_dark) !important; }*/
/*#stp-result .plaza.darker { padding: 1.5em; }*/







/* ---- FAQs and Tariff One package------ */

/*#tariff_view_one_pkg .accordion .accordion-button { background: var(--medium_bg); }*/
/*#tariff_view_one_pkg .accordion .accordion-button:not(.collapsed) { color: var(--dark_txt); background: var(--medium_bg); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; }*/
/*#tariff_view_one_pkg .accordion .accordion-body { padding: 12px; background: var(--medium_bg); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}*/

/*#accordionCountries .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23777'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; }*/

/*table.profile-promocodes { font-size: 0.75em; }*/
/*table.profile-promocodes .active { color: #1EA833 !important; }*/
/*table.profile-promocodes .used { color: var(--dark_medium_txt) !important; }*/
/*table.profile-promocodes .expired { color: var(--medium_txt) !important; }*/

/*.referral .fa-gift { font-size: 0.8em; }*/
/*!*.referral .referral-info div { font-size:1.0em; }*!*/
/*@media (max-width: 450px) {*/
/*    .referral .referral-info div { font-size:0.9em; }*/
/*    .referral .mob_std_sized { font-size:11px !important; }*/
/*}*/




/* -------- BLOG --------- */
.torrum-blog { }
.torrum-blog .article-announce {
    font-size: 0.95em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.torrum-blog .article-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.torrum-blog .category-button { text-align:center; border-radius:8px; padding: 8px 12px !important; background-color: var(--bg_white); cursor:pointer; color: var(--text_dark) !important; font-size: 14px; font-weight:600; }
.torrum-blog .category-button:hover, .torrum-blog .manual-button:active { background-color: var(--main_lighter); }
.torrum-blog .category-button.active { background-color: var(--main_normal); }
.torrum-blog .articles-list img { border-radius: 8px; }

.torrum-blog.article { margin-top:100px; }
.torrum-blog.article img.blog-article-picture {
    width:100%;
    height:auto;
    border-radius: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    mask-image: url('../files/header_desktop_image_mask.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom right;
    margin-top: -100px;
    z-index: 9999;
    position: relative;
}
.torrum-blog.article div.blog-article-announce, .blog.blog-article div.blog-article-content { text-align: left; }
.torrum-blog.article h2 { font-size: 32px; font-weight: 700; color: var(--text_dark); line-height: 1.2em; margin-top: 1.20em; }
.torrum-blog.article h3 { font-size: 24px; font-weight: 700; color: var(--text_dark); line-height: 1.2em; margin-top: 1.15em; }
.torrum-blog.article h4 { font-size: 20px; font-weight: 700; color: var(--text_dark); line-height: 1.2em; margin-top: 1.10em; }
.torrum-blog.article h5 { font-size: 18px; font-weight: 700; color: var(--text_dark); line-height: 1.2em; margin-top: 1.05em; }
.torrum-blog.article p { margin-bottom: 0.5em; }
.torrum-blog.article ul { margin-bottom: 0.5em; }
.torrum-blog.article ol { margin-bottom: 0.5em; padding-left: 1.2em; }
.torrum-blog.article ol li::marker { font-size: 0.9em; font-weight: 700; }

.torrum-blog.article img {width: 100%; height: auto; border-radius: 12px; }
.torrum-blog.article a { text-decoration: underline; }
.torrum-blog.article quote { padding: 0.1em 2em 0.1em 2em; display: block; margin-top: 1.5em; margin-bottom: 1.5em; border-left: 2px solid var(--main_light); }
.torrum-blog.article banner { margin-top:1em; margin-bottom:1em; display: block; width:100%; padding: 1.5em; background-color: var(--bg_light); border-radius: 1em; }
.torrum-blog.article banner .banner-text-top { padding-bottom:1.5em; }
.torrum-blog.article banner .banner-text-left { padding-right:2.5em; }
.torrum-blog.article banner .banner-text-right { padding-left:2.5em; }
.torrum-blog.article table { margin-top:2.0em; margin-bottom:2.0em; }
.torrum-blog.article table th { background-color: var(--bg_medium); border-style: none; font-size:14px; padding-left: 1.8em; }
.torrum-blog.article table td { border-style: none; font-size:16px; padding-left: 1.6em; }
.torrum-blog.article table th:first-child { border-top-left-radius: 5px; }
.torrum-blog.article table th:last-child { border-top-right-radius: 5px; }

.torrum-blog .blog-related-article h2 { font-size: 32px; font-weight: 700; color: var(--text_dark); line-height: 1.2em; margin-top: 1.20em; }
.torrum-blog .blog-related-article img {width: 100%; height: auto; border-radius: 8px; }
.torrum-blog .blog-related-article .plaza { font-size: 14px; font-weight: 400; color: var(--text_medium); line-height: 1.2em; margin-top: 1.05em; }
.torrum-blog .blog-related-article h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--text_dark) !important;
    line-height: 1.2em;
    margin-top: 1.05em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.torrum-blog .blog-related-article-gallery div.announce {
    font-size: 0.95em;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.torrum-blog .blog-article-gallery .owl-stage-outer { border-radius:12px !important; }
.torrum-blog .blog-article-gallery .owl-next, .blog-article-gallery .owl-prev {
    position: absolute;
    top: 45%;
    box-shadow: 1px 1px 5px var(--text_dark) !important;
    background-color: var(--bg_light) !important;
    line-height: 0 !important;
}
.torrum-blog .blog-article-gallery .owl-nav { margin-top: 0 !important; }
.torrum-blog .blog-article-gallery .btn { color: var(--text_normal) !important; padding: .4rem .4rem  !important; }
.torrum-blog .blog-article-gallery .owl-next { right: -4px; }
.torrum-blog .blog-article-gallery .owl-prev { left:-5px; }
.torrum-blog .blog-related-article-gallery .owl-dots .owl-dot.active span,
.torrum-blog .blog-related-article-gallery .owl-dots .owl-dot:hover span { background: var(--main_normal); }

@media (max-width: 450px) {
    .torrum-blog.article table th { font-size:12px; padding-left: 1.2em; }
    .torrum-blog.article table td { font-size:13px; padding-left: 1.0em; }
    .torrum-blog.article banner .banner-text-top { padding-bottom:1.5em; }
    .torrum-blog.article banner .banner-text-left { padding-right:1.0em; padding-bottom:2.0em; }
    .torrum-blog.article banner .banner-text-right { padding-left:1.0em; padding-top:2.0em;}
    .torrum-blog.article banner button { width:100%; }
    .torrum-blog.article .blog-article-gallery .owl-nav { display: none; }
}




/* -------- tariffs description --------- */
/*
.btn.tariff-list-title { border: 1px solid var(--dark_medium_bg);  background-color: transparent; }
.btn.tariff-list-title:hover { color: var(--main_color); }
.btn.tariff-list-title.active { border: 1px solid var(--dark_medium_bg);  background-color: var(--dark_medium_bg); }
*/



/* ----- progress bar ------ */
/*.progress { width: 120px; height: 120px; background: none; position: relative; }*/
/*.progress::after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 6px solid var(--medium_bg);; position: absolute; top: 0; left: 0; }*/
/*.progress>span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1; }*/
/*.progress .progress-left { left: 0; }*/
/*.progress .progress-bar { width: 100%; height: 100%; background: none; border-width: 12px; border-style: solid; position: absolute; top: 0; border-color: var(--main_color);}*/
/*.progress .progress-left .progress-bar { left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left; }*/
/*.progress .progress-right { right: 0; }*/
/*.progress .progress-right .progress-bar { left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; }*/
/*.progress .progress-value { position: absolute; top: 40px; text-align: center; height: 100%; }*/



/* swiper slider */
/*.packages-slider.swiper { padding-bottom: 20px; }*/
/*.packages-slider .swiper-pagination { margin-top: -7px; position: relative; }*/
/*.packages-slider .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-color: var(--dark_medium_bg); opacity: 1; }*/
/*.packages-slider .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--main_color); }*/

/*.esims-slider.swiper { padding-bottom: 22px; }*/
/*.esims-slider .swiper-pagination { margin-top: -8px; position: relative; }*/
/*.esims-slider .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-color: var(--dark_medium_bg); opacity: 1; }*/
/*.esims-slider .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--main_color); }*/







/* ------- overrides ------ */
/*
.dark_bg { background: var(--medium_bg) !important; }
.tooltip-inner { border-radius: 3px !important; background-color: var(--main_color) !important; color: var(--light_txt) !important; font-size: 0.85em; }
.bs-tooltip-end .tooltip-arrow::before { border-right-color: var(--main_color) !important; }
div.tooltip.bs-tooltip-end.show, div.tooltip.bs-tooltip-top.show { filter: blur(0) !important; }
#replenish-window-enter-panel button.btn { padding: 12px 4px 12px 4px !important; }
*/