/*
	Theme Name: Hello Elementor Child
	Theme URI: https://elementor.com/hello-theme/
	Description: Child theme for Hello Elementor.
	Author: v4webtech
	Author URI: https://elementor.com/
	Template: hello-elementor
	Version: 1.0.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor-child
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, translation-ready
*/
/* =========================================================
   BETTERDOCS CATEGORY ICON
   ========================================================= */
.rg-docs-title-icon {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;
    overflow: hidden;
}

.rg-docs-title-icon img {
    width: 26px;
    height: 26px;
    display: block;
    object-fit: contain;
}


/* Sidebar */

.rg-topic-icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;
}

.rg-topic-icon img {
    width: 15px;
    height: 15px;
    display: block;
    object-fit: contain;
}


/* Help Topics */

.rg-help-icon {
   width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    border-radius: 8px !important;
    display: flex;
    align-items: center;
    justify-content: center;  
}

.rg-help-icon img {
    width: 20px;
    height: 20px;
    display: block;
    object-fit: contain;
}


/* Category-specific backgrounds */

/* Getting Started */
.rg-help-getting-started .rg-help-icon,
.rg-sidebar-topic.rg-topic-getting-started .rg-topic-icon {
    background: #ecfdfb !important;
}


/* Device Compatibility */
.rg-help-device-compatibility .rg-help-icon,
.rg-sidebar-topic.rg-topic-device-compatibility .rg-topic-icon {
    background: #eff6ff !important;
}


/* Installing Your eSIM */
.rg-help-installing-your-esim .rg-help-icon,
.rg-sidebar-topic.rg-topic-installing-your-esim .rg-topic-icon {
    background: #f0fdfa !important;
}


/* Troubleshooting */
.rg-help-troubleshooting .rg-help-icon,
.rg-sidebar-topic.rg-topic-troubleshooting .rg-topic-icon {
    background: #fff7ed !important;
}


/* Plans / Data / Coverage */
.rg-help-plans-data-and-coverage .rg-help-icon,
.rg-sidebar-topic.rg-topic-plans-data-and-coverage .rg-topic-icon {
    background: #f0fdfa !important;
}


/* One eSIM / Top-Ups */
.rg-help-one-esim-top-ups .rg-help-icon,
.rg-sidebar-topic.rg-topic-one-esim-top-ups .rg-topic-icon {
    background: #fff1f2 !important;
}


/* Premium Europe eSIM */
.rg-help-premium-europe-esim .rg-help-icon,
.rg-sidebar-topic.rg-topic-premium-europe-esim .rg-topic-icon {
    background: #fffbeb !important;
}


/* Orders / Delivery / Refunds */
.rg-help-orders-delivery-and-refunds .rg-help-icon,
.rg-sidebar-topic.rg-topic-orders-delivery-and-refunds .rg-topic-icon {
    background: #faf5ff !important;
}


/* Travel Insurance + Free eSIM */
.rg-help-travel-insurance-free-esim .rg-help-icon,
.rg-sidebar-topic.rg-topic-travel-insurance-free-esim .rg-topic-icon {
    background: #ecfdf5 !important;
}

 
/* Help Grid */

.rg-help-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}


@media (max-width: 991px) {

    .rg-help-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 767px) {

    .rg-help-grid {
        grid-template-columns: 1fr;
    }

}

.rg-betterdocs-category-page .rg-docs-title-icon {
    width: 56px;
    height: 56px;

    flex: 0 0 56px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    overflow: hidden;
}


/* Keep original SVG/image colors */

.rg-betterdocs-category-page .rg-docs-title-icon img {
    width: 26px;
    height: 26px;

    display: block;

    object-fit: contain;

    filter: none !important;
}


/* =========================================================
   CATEGORY-SPECIFIC BACKGROUNDS
   ========================================================= */

/* Getting Started */

.rg-betterdocs-category-page
.rg-icon-getting-started {
    background: #ecfdfb;
}


/* Device Compatibility */

.rg-betterdocs-category-page
.rg-icon-device-compatibility {
    background: #eff6ff;
}


/* Installing Your eSIM */

.rg-betterdocs-category-page
.rg-icon-installing-your-esim {
    background: #f0fdf4;
}


/* Troubleshooting */

.rg-betterdocs-category-page
.rg-icon-troubleshooting {
    background: #fff7ed;
}


/* Plans, Data and Coverage */

.rg-betterdocs-category-page
.rg-icon-plans-data-and-coverage {
    background: #f0fdfa;
}


/* One eSIM / Top-Ups */

.rg-betterdocs-category-page
.rg-icon-one-esim-top-ups {
    background: #fff1f2;
}


/* Premium Europe eSIM */

.rg-betterdocs-category-page
.rg-icon-premium-europe-esim {
    background: #fffbeb;
}


/* Orders, Delivery and Refunds */

.rg-betterdocs-category-page .rg-icon-orders-delivery-refunds {
    background: #faf5ff;
}


/* Travel Insurance + Free eSIM */

.rg-betterdocs-category-page
.rg-icon-travel-insurance-free-esim {
    background: #ecfdf5;
}
.rg-betterdocs-category-page
.rg-icon-plans-data-coverage {
    background: #f0fdfa;
}
.rg-betterdocs-category-page
.rg-icon-flights-hotels-car-hire {
    background: #f0f9ff;
}
.rg-betterdocs-category-page
.rg-icon-roameo-hotel-gems {
    background: #eff6ff;
}
.rg-betterdocs-category-page
rg-icon-account-and-support {
    background: #f6f3f4;
}
 

/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .rg-betterdocs-category-page .rg-docs-title-icon {
        width: 46px;
        height: 46px;

        flex-basis: 46px;

        border-radius: 12px;
    }

    .rg-betterdocs-category-page
    .rg-docs-title-icon img {
        width: 22px;
        height: 22px;
    }

}
/* =========================================================
   BETTERDOCS - CUSTOM CATEGORY PAGE
   ========================================================= */

.rg-betterdocs-category-page {
    --rg-primary: #0aa89f;
    --rg-primary-dark: #078f88;
    --rg-text: #172033;
    --rg-text-light: #64748b;
    --rg-muted: #94a3b8;
    --rg-border: #e8edf2;
    --rg-light-bg: #f8fafc;
    --rg-dark: #111b2d;

    background: #fff;
    color: var(--rg-text);
}


/* =========================================================
   CONTAINER
   ========================================================= */

.rg-betterdocs-category-page .rg-docs-container {
    width: min(1024px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
    padding:0 32px;
}


/* =========================================================
   HERO
   ========================================================= */

.rg-betterdocs-category-page .rg-docs-hero {
    background: #f9fafb;
    border-bottom: 1px solid #edf1f4;
    padding: 56px 0 0px 0px;
    margin-top: 92px;  
}


.rg-betterdocs-category-page .rg-docs-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
   margin-bottom: 0px !important; 
    font-size: 12px;
    line-height: 1.5;
    font-weight:400;
}
.rg-betterdocs-category-page .rg-docs-breadcrumb {
    position: relative;
    margin-bottom: 28px;
    padding-bottom: 16px;
}

.rg-betterdocs-category-page .rg-docs-breadcrumb::after { 
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100vw;
    height: 1px;
    background: #f6f3f4;
    transform: translateX(-50%);
}

.rg-betterdocs-category-page .rg-docs-breadcrumb a {
    color: #8b96a6;
    text-decoration: none;
}


.rg-betterdocs-category-page .rg-docs-breadcrumb a:hover {
    color: #99a1af;
}


.rg-betterdocs-category-page .rg-docs-breadcrumb span {
    color: #4a5565;
}


.rg-betterdocs-category-page .rg-docs-title-wrap {
    display: flex;
    align-items: flex-start;
    gap: 16px;
   padding: 32px 0;
}

.rg-docs-title-icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    filter: invert(36%) sepia(55%) saturate(500%)
            hue-rotate(130deg) brightness(80%) contrast(105%);
}
.rg-betterdocs-category-page .rg-docs-title-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 16px;
    margin-top: 2px;  
}  


.rg-betterdocs-category-page .rg-docs-title-wrap h1 {
    margin: 0 0 8px;
    color: var(--rg-text);
    font-size: 30px;
    line-height: 1.25; 
    font-weight: 900;
}


.rg-betterdocs-category-page .rg-docs-description {
       max-width: 690px;
    color: #6a7282;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
}


.rg-betterdocs-category-page .rg-docs-description p {
    margin: 0;
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.rg-betterdocs-category-page .rg-docs-content {
    padding: 48px 0 0px;
}


.rg-betterdocs-category-page .rg-docs-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        265px;
    gap: 40px;
    align-items: start;
padding-bottom: 48px;
    border-bottom: 1px solid #f6f3f4;
}
 

/* =========================================================
   DOCS COUNT
   ========================================================= */

.rg-betterdocs-category-page .rg-docs-count {
    margin-bottom: 20px;

    color: #9aa5b5;

    font-size: 9px;
    line-height: 1.4;

    font-weight: 700;

    letter-spacing: .8px;
} 


/* =========================================================
   ACCORDION
   ========================================================= */

.rg-betterdocs-category-page .rg-docs-accordion {
    width: 100%;

    overflow: hidden;

    background: #fff;

    border: 1px solid var(--rg-border);
    border-radius: 13px;
}


.rg-betterdocs-category-page .rg-doc-item {
    border-bottom: 1px solid var(--rg-border);
}


.rg-betterdocs-category-page .rg-doc-item:last-child {
    border-bottom: 0;
}


/* =========================================================
   QUESTION
   ========================================================= */

.rg-betterdocs-category-page .rg-doc-question {
    width: 100%;

    min-height: 57px;

    padding: 16px 18px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    background: #fff;

    border: 0;

    color: #263449;

    cursor: pointer;

    text-align: left;

    font-family: inherit;

    transition:
        background-color .2s ease,
        color .2s ease;
}


.rg-betterdocs-category-page .rg-doc-question:hover {
    background: #fbfcfd;
}


.rg-betterdocs-category-page .rg-doc-question-left {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 11px;
}


.rg-betterdocs-category-page .rg-doc-question-icon {
    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #9aa5b5;

    border: 1px solid #d6dde5;
    border-radius: 50%;

    font-size: 10px;
    font-weight: 500;
}


.rg-betterdocs-category-page .rg-doc-title {
    color: #273448;

    font-size: 13px;
    line-height: 1.5;

    font-weight: 500;
}


.rg-betterdocs-category-page .rg-doc-arrow {
    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #9da7b5;

    transition:
        transform .25s ease,
        color .25s ease;
}


.rg-betterdocs-category-page .rg-doc-item.is-open
.rg-doc-arrow {
    color: var(--rg-primary);

    transform: rotate(180deg);
}


/* =========================================================
   ANSWER / BUILDER CONTENT
   ========================================================= */

.rg-betterdocs-category-page .rg-doc-answer {
    max-height: 0;

    overflow: hidden;

    background: #fff;

    transition:
        max-height .35s ease;
}


.rg-betterdocs-category-page .rg-doc-answer-inner {
    padding: 4px 50px 25px;

    color: #64748b;

    font-size: 13px;
    line-height: 1.75;
}


/*
 * Builder content
 */

.rg-betterdocs-category-page
.rg-doc-answer-inner
> *:first-child {
    margin-top: 0;
}


.rg-betterdocs-category-page
.rg-doc-answer-inner
> *:last-child {
    margin-bottom: 0;
}


.rg-betterdocs-category-page
.rg-doc-answer-inner
p {
    margin: 0 0 15px;
}


.rg-betterdocs-category-page
.rg-doc-answer-inner
h1,
.rg-betterdocs-category-page
.rg-doc-answer-inner
h2,
.rg-betterdocs-category-page
.rg-doc-answer-inner
h3,
.rg-betterdocs-category-page
.rg-doc-answer-inner
h4 {
    color: var(--rg-text);

    margin-top: 20px;
    margin-bottom: 10px;

    line-height: 1.4;
}


.rg-betterdocs-category-page
.rg-doc-answer-inner
h2 {
    font-size: 20px;
}


.rg-betterdocs-category-page
.rg-doc-answer-inner
h3 {
    font-size: 17px;
}


.rg-betterdocs-category-page
.rg-doc-answer-inner
ul,
.rg-betterdocs-category-page
.rg-doc-answer-inner
ol {
    margin: 0 0 18px;
    padding-left: 20px;
}


.rg-betterdocs-category-page
.rg-doc-answer-inner
li {
    margin-bottom: 6px;
}


.rg-betterdocs-category-page
.rg-doc-answer-inner
a {
    color: var(--rg-primary);

    text-decoration: underline;
}


.rg-betterdocs-category-page
.rg-doc-answer-inner
img {
    max-width: 100%;
    height: auto;

    border-radius: 10px;
}


/* =========================================================
   SUPPORT BOX
   ========================================================= */

.rg-betterdocs-category-page .rg-doc-support {
    margin-top: 40px;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #fbf9fa;
    border-radius: 12px;
    border:1px solid #f6f3f4;
}

.rg-betterdocs-category-page
.rg-support-content
strong {
    display: block;
    margin-bottom: 4px;
    color: #172033;
    font-size: 14px;
    line-height: 1.4;  
}


.rg-betterdocs-category-page
.rg-support-content
p {
    margin: 0;
   color: #99a1af;
    font-size: 12px;
     font-weight:400;
    line-height: 1.5;
}


.rg-betterdocs-category-page .rg-support-btn {
   display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 20px;
    background: #009689 !important;
    color: #fff;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .2s ease, transform .2s ease; 
}


.rg-betterdocs-category-page
.rg-support-btn:hover {
    background: #00786f !important;
    color: #fff;
    transform: translateY(-1px);
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.rg-betterdocs-category-page .rg-doc-sidebar {
    position: sticky;

    top: 110px;

    min-width: 0;
}


.rg-betterdocs-category-page
.rg-related-box,
.rg-betterdocs-category-page
.rg-other-topics-box {
   padding: 20px;
    margin-bottom: 20px;
    background: #f8fafc;
    border-radius: 16px;
    border: 1px solid #f6f3f4;
}


/* Sidebar heading */

.rg-betterdocs-category-page .rg-sidebar-label {
    margin-bottom: 12px;

    color: #9aa5b5; 

    font-size: 10px;
    line-height: 1.4;

    font-weight: 700;

    letter-spacing: .8px;
}


/* Related */

.rg-betterdocs-category-page
.rg-related-box
> a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding:8px 0px;
    color: #344155;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 500;
    text-decoration: none;
}


.rg-betterdocs-category-page
.rg-related-box
> a:hover {
    color: #00786f;
}


.rg-betterdocs-category-page
.rg-sidebar-arrow {
    color: #aeb7c3;

    font-size: 17px;

    line-height: 1;
}


/* =========================================================
   OTHER TOPICS
   ========================================================= */

.rg-betterdocs-category-page 
.rg-sidebar-topic {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
   color: #6a7282;
    font-weight: 400; 
    font-size: 12px;
    line-height: 1.4;
	margin-bottom:4px;
    text-decoration: none;
}


.rg-betterdocs-category-page 
.rg-sidebar-topic:hover {
    color: #00786f;
    text-decoration: underline;
}


.rg-betterdocs-category-page
.rg-topic-icon {
    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;

    border-radius: 8px;

    color: var(--rg-primary);
}


.rg-betterdocs-category-page
.rg-topic-name {
    min-width: 0;

    overflow: hidden;

    text-overflow: ellipsis;
}


.rg-betterdocs-category-page
.rg-view-topics {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
    padding-top: 8px;
    color: var(--rg-primary);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
    text-decoration: none;
     width: 100%;
    border-top: 1px solid #f6f3f4;
}


.rg-betterdocs-category-page
.rg-view-topics:hover {
    color: var(--rg-primary-dark);
     text-decoration:underline;
}


/* =========================================================
   SIDEBAR CONTACT
   ========================================================= */

.rg-betterdocs-category-page
.rg-sidebar-contact {
    padding: 19px 16px;

    background: var(--rg-dark);

    border-radius: 12px;

    text-align: center;

    color: #fff;
}

.rg-other-topics-box{
   background:#ffff !important;
}
.rg-betterdocs-category-page
.rg-contact-icon {
    width: 30px;
    height: 30px;

    margin: 0 auto 9px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #0dd0c5;

    background: rgba(13, 208, 197, .08);

    border-radius: 8px;
}


.rg-betterdocs-category-page
.rg-sidebar-contact
strong {
    display: block;

    color: #fff;

    font-size: 11px;
    line-height: 1.4;
}


.rg-betterdocs-category-page
.rg-sidebar-contact
p {
    margin-bottom: 12px;
    color: #8f9aac;
    font-size: 12px;
    line-height: 1.5;
}


.rg-betterdocs-category-page
.rg-sidebar-contact
a {
    display: block;

    padding: 9px;

    background: var(--rg-primary);

    color: #fff;

    border-radius: 7px;

    font-size: 12px;
    line-height: 1.4;

    font-weight: 600;

    text-decoration: none;
}


.rg-betterdocs-category-page
.rg-sidebar-contact
a:hover {
    background: var(--rg-primary-dark);

    color: #fff;
}


/* =========================================================
   OTHER HELP TOPICS
   ========================================================= */

.rg-betterdocs-category-page
.rg-help-topics {
   padding-top: 32px;
   padding-bottom:48px;
    background: #fff;
}


.rg-betterdocs-category-page
.rg-help-label {
    margin-bottom: 20px;

    color: #9aa5b5;

    font-size: 10px;
    line-height: 1.4;

    font-weight: 700;

    letter-spacing: .8px;
}


.rg-betterdocs-category-page
.rg-help-grid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr)); 

    gap: 10px;
}


.rg-betterdocs-category-page
.rg-help-card {
    min-height: 65px;

    padding: 12px;

    display: flex;
    align-items: center;

    gap: 12px;

    background: #fbf9fa;

    border: 1px solid #f6f3f4;

    border-radius: 12px;

    color: #364153;

    text-decoration: none;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


.rg-betterdocs-category-page
.rg-help-card:hover {
    border-color: #96f7e4;
    background: #f0fdfa4d;
    box-shadow: 0 6px 20px rgba(20, 32, 51, .05); 
}


.rg-betterdocs-category-page
.rg-help-icon {
    width: 22px;
    height: 22px;

    flex: 0 0 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;

    color: var(--rg-primary);

    border-radius: 6px;
}


.rg-betterdocs-category-page
.rg-help-title {
    font-size: 12px;
    line-height: 1.4;

    font-weight: 600;
}


/* =========================================================
   EMPTY STATE
   ========================================================= */

.rg-betterdocs-category-page
.rg-doc-empty {
    padding: 40px 20px;

    color: #94a3b8;

    background: #f8fafc;

    border-radius: 12px;

    text-align: center;

    font-size: 13px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .rg-betterdocs-category-page
    .rg-docs-layout {
        grid-template-columns: 1fr;
    }


    .rg-betterdocs-category-page
    .rg-doc-sidebar {
        position: static;
    }


    .rg-betterdocs-category-page
    .rg-help-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 767px) {

    .rg-betterdocs-category-page
    .rg-docs-container {
        width: min(100% - 28px, 1160px);
    }


    .rg-betterdocs-category-page
    .rg-docs-hero {
        padding: 32px 0 35px;
    }


    .rg-betterdocs-category-page
    .rg-docs-title-wrap h1 {
        font-size: 24px;
    }


    .rg-betterdocs-category-page
    .rg-docs-content {
        padding-top: 28px;
    }


    .rg-betterdocs-category-page
    .rg-doc-question {
        padding: 15px;
    }


    .rg-betterdocs-category-page
    .rg-doc-answer-inner {
        padding: 5px 20px 22px;
    }


    .rg-betterdocs-category-page
    .rg-doc-support {
        align-items: flex-start;

        flex-direction: column;
    }


    .rg-betterdocs-category-page
    .rg-support-btn {
        width: 100%;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .rg-betterdocs-category-page
    .rg-docs-container {
        width: calc(100% - 24px);
    }


    .rg-betterdocs-category-page
    .rg-docs-breadcrumb {
        margin-bottom: 20px;

        font-size: 10px;
    }


    .rg-betterdocs-category-page
    .rg-docs-title-wrap {
        gap: 11px;
    }


    .rg-betterdocs-category-page
    .rg-docs-title-icon {
        width: 30px;
        height: 30px;

        flex-basis: 30px;
    }


    .rg-betterdocs-category-page
    .rg-docs-title-wrap h1 {
        font-size: 22px;
    }


    .rg-betterdocs-category-page
    .rg-docs-description {
        font-size: 12px;
    }


    .rg-betterdocs-category-page
    .rg-doc-title {
        font-size: 12px;
    }


    .rg-betterdocs-category-page
    .rg-doc-question {
        min-height: 54px;

        padding: 14px 12px;
    }


    .rg-betterdocs-category-page
    .rg-doc-answer-inner {
        padding-left: 17px;
        padding-right: 17px;

        font-size: 12px;
    }


    .rg-betterdocs-category-page
    .rg-help-grid {
        grid-template-columns: 1fr;
    }


    .rg-betterdocs-category-page
    .rg-help-card {
        min-height: 48px;
    }

} 


/* ==========================================================================
   [country_plans] shortcode
   ========================================================================== */

.esim-wrapper{
    max-width:1200px;
    margin:auto;
}

.esim-search input{
    width:100%;
    padding:18px 25px;
    border:1px solid #e6e6e6;
    border-radius:18px;
    font-size:16px;
    margin-bottom:25px;
}

.esim-tabs{
    display:flex;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    margin-bottom:40px;
    border:1px solid #eef2f2;
}

.tab-btn{
    flex:1;
    padding:18px;
    border:none;
    background:#fff;
    cursor:pointer;
    font-size:18px;
}

.tab-btn.active{
    background:#e8f8f6;
    color:#009688;
    font-weight:600;
}

.country-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.country-card{
    background:#f5fbfa;
    border:1px solid #d8efec;
    border-radius:22px;
    padding:30px;
    transition:.3s;
}

.country-card:hover{
    transform:translateY(-5px);
}

.country-top{
    display:flex;
    gap:20px;
    align-items:center;
}

.country-code{
    font-size:42px;
    font-weight:700;
}

.country-card h3{
    margin:0;
    font-size:32px;
    color:#0f172a;
}

.country-card span{
    color:#00a89d;
    font-size:22px;
}

.country-bottom{
    margin-top:25px;
    padding-top:20px;
    border-top:1px solid #e5e7eb;
}

.country-bottom a{
    color:#64748b;
    text-decoration:none;
    display:flex;
    justify-content:space-between;
}

.tab-content{
    display:none;
}

.tab-content.active{
    display:block;
}

@media(max-width:991px){

    .country-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .country-grid{
        grid-template-columns:1fr;
    }

} 


.elementor-element.elementor-element-f291589.esim-plan-banner.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    background: radial-gradient(ellipse at top, #CCFBEF 0%, #F0FDF9 40%, white 100%);
}