/* Custom CSS */
.aff-part-span {
    padding-right: 1rem;
    position: relative;
    display: flex;
    align-items: center;
}

.aff-part-span:before {
    position: absolute;
    right: 0px;
    height: 0.75rem;
    width: 1px;
    content: var(--tw-content);
    background-color: var(--border-light);
}

/* Blog archive page CSS */
.custom_blogs_posts_main_div {
    padding-top: 60px;
    padding-bottom: 60px;
    /* max-width: 1228px; */
    margin: 0 auto;
}

.custom_blogs_posts {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 30px;
}

/* .custom_blogs_posts .pagenav,
.custom_blogs_posts #sidebar .categories{
    display: none;
}
.custom_blogs_posts .sidebar #sidebar > ul{
    display: none;
} */
.custom_blogs_posts .sidebar #sidebar>ul:first-child {
    display: block;
}

.custom_blogs_posts .post .post_title {
    font-size: 27px;
    color: rgb(16, 0, 243);
    line-height: 35px;
    font-weight: 400;
    margin-bottom: 10px;
}

.custom_blogs_posts .post .excerpt p {
    font-size: 18px;
    line-height: 27px;
}

.custom_blogs_posts .post .post_thumbnail {
    border-radius: 12px;
    height: 400px;
    margin: 0 auto 15px;
    object-fit: cover;
}

.custom_blogs_posts .post .read-more {
    font-size: 18px;
    line-height: 27px;
    color: rgb(16, 0, 243);
    border-bottom: 1px solid;
    padding: 6px 0px;
    margin: 10px 0px 0px;
    display: inline-block;
}

.custom_blogs_posts .pagination {
    text-align: center;
    margin-top: 40px;
}

.custom_blogs_posts .page-numbers {
    padding: 10px;
}

.custom_blogs_posts .page-numbers.current {
    background: rgb(16, 0, 243);
    color: #fff;
    border-radius: 4px;
}

.custom_blogs_posts .sidebar .searchform #searchsubmit {
    margin: 10px 0px 0px;
}

.custom_blogs_posts .sidebar h2 {
    font-size: 27px;
    color: rgb(16, 0, 243);
    line-height: 35px;
    font-weight: 400;
    margin: 0px;
}

.custom_blogs_posts .sidebar #sidebar>ul {
    background: #e9ebee;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.custom_blogs_posts .sidebar #sidebar ul li>ul {
    margin-bottom: 15px;
}

.custom_blogs_posts .sidebar #sidebar ul li:last-child>ul {
    margin-bottom: 0px;
}

/* custom sidebar */
.sidebar .customsidebar-search .wp-block-search__label {
    display: none;
}

.sidebar .customsidebar-search {
    background: #e9ebee;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.sidebar .customsidebar-search .wp-block-search__inside-wrapper {
    display: block;
}

.sidebar .customsidebar-search .wp-block-search__button {
    margin: 10px 0px 0px;
}

.sidebar .customsidebar_recentblogs {
    background: #e9ebee;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.sidebar .customsidebar_recentblogs .wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: disc;
    font-size: 18px;
    line-height: 27px;
    list-style-position: outside;
    padding-left: 15px;
}

.sidebar .customsidebar_recentproducts {
    background: #e9ebee;
    padding: 30px;
    border-radius: 12px;
}

.sidebar .customsidebar_recentproducts .wc-block-grid__products {
    list-style: disc;
    font-size: 18px;
    line-height: 27px;
    list-style-position: outside;
    padding-left: 20px;
    margin-bottom: 0;
}

.sidebar .customsidebar_recentproducts .wc-block-grid__products li.wc-block-grid__product {
    list-style: disc;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    font-weight: normal;
}

.sidebar .customsidebar_recentproducts .wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title {
    font-weight: normal;
    margin-bottom: 0px;
}

.sidebar .customsidebar_recentproducts .wc-block-grid__products li.wc-block-grid__product:last-child .wc-block-grid__product-title {
    margin-bottom: 0px;
}

/* single blog page design */
/* .custom_single_blog_main_div{
    padding: 80px 0px;
    max-width: 1228px;
    margin: 0 auto;
} */
.custom_single_blog {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 30px;
}

.custom_single_blog_main_div .sidebar .searchform #searchsubmit {
    margin: 10px 0px 0px;
}

.custom_single_blog_main_div .sidebar h2 {
    font-size: 27px;
    color: rgb(16, 0, 243);
    line-height: 35px;
    font-weight: 400;
    margin: 0px;
}

.custom_single_blog_main_div .sidebar #sidebar>ul {
    background: #e9ebee;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.custom_single_blog_main_div .sidebar #sidebar ul li>ul {
    margin-bottom: 15px;
}

.custom_single_blog_main_div .sidebar #sidebar ul li:last-child>ul {
    margin-bottom: 0px;
}

.custom_single_blog_main_div .size-full {
    height: auto;
}

/* .custom_single_blog .pagenav,
.custom_single_blog #sidebar .categories{
    display: none;
}  */
.custom_single_post_content .post_thumbnail {
    border-radius: 12px;
    margin-bottom: 15px;
}

.custom_single_post_content .wp-block-image img {
    border-radius: 12px;
    margin-bottom: 24px;
}

.custom_single_post_content .post_title {
    font-size: 40px;
    color: rgb(16, 0, 243);
    line-height: 50px;
    font-weight: 400;
    margin-bottom: 20px;
}

.custom_single_post_content p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 16px;
}

.custom_single_post_content a {
    color: rgb(16, 0, 243);
}

.custom_single_post_content a:hover {
    text-decoration: underline;
}

.custom_single_post_content ol {
    list-style: auto;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 16px;
    list-style-position: outside;
    padding-left: 30px;
}

.custom_single_post_content ul {
    list-style: disc;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 16px;
    list-style-position: outside;
    padding-left: 30px;
}

/* header custom my account and logout option design */
.site-header .user-icon {
    position: relative;
    display: inline-block;
}

.site-header .user-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1;
    padding: 0px;
    font-size: 16px;
    min-width: 110px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.site-header .user-dropdown-menu li {
    padding: 10px 13px;
}

.site-header .user-dropdown-menu li:hover {
    background: #e9ebee;
}

.site-header .user-dropdown-menu li:last-child {
    margin-bottom: 0px;
}

.site-header .user-icon:hover .user-dropdown-menu {
    display: block;
}

/* footer css */
.footer_apps_div .footer_apps_heading {
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0px;
    color: #fff;
    text-align: center;
}

.footer_social_heading {
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0px;
    color: #fff;
    text-align: right;
}

.footer_apps_div .footer_apps {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.footer_apps_div .footer_apps .footer_apps_icons img {
    width: 30px;
}

.footer_popular_links .footer_popular_links_heading {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #fff;
    margin: 0px 0px 20px 0px;
    font-weight: 700;
}

.footer_popular_links .footer_popular_links_content {
    display: flex;
    gap: 20px;
    margin-left: 0px;
    flex-wrap: wrap;
    align-items: center;
}

.footer_popular_links .footer_popular_links_content a {
    position: relative;
    line-height: 1.25rem;
    font-size: 0.875rem;
}

.footer_popular_links .footer_popular_links_content a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% + 10px);
    width: 1px;
    background: #fff;
    pointer-events: none;
}

.footer_popular_links .footer_popular_links_content a:last-child::after {
    display: none;
}

.footer_popular_links .footer_popular_links_content span {
    color: #fff;
}

.site-footer .footer_popular_div {
    padding: 20px 0px;
}

/* footer css end */



/* .plans-tabs-section .plans-results[data-country="europe"] .swiper-slide[aria-label="18 / 21"] {
    display: none;
} */

/* Affiliate program CSS */
.ap-esim-affiliate-program-div .ap-esim-affiliate-program-subdiv .wp-block-buttons .wp-block-button__link {
    height: 56px;
    border-radius: 12px;
    border-width: 1.5px;
    border-color: #1000f3;
    background-color: #1000f3;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-transform: capitalize;
    color: #fff;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-width: 280px;
    margin-top: 20px;
}

.ap-esim-affiliate-program-div .ap-esim-affiliate-program-subdiv .wp-block-buttons .wp-block-button__link:hover {
    background: #002d63;
    border-color: #002d63;
}

.ap-esim-affiliate-program-div .ap-esim-affiliate-program-subdiv {
    max-width: 1472px;
    margin: 0 auto;
    padding: 80px 0px;
    gap: 80px;
}

.ap-esim-affiliate-program-div .ap-esim-affiliate-program-subdiv .wp-block-group {
    width: 100%;
}

.ap-why-partner-div .ap-why-partner-subdiv {
    max-width: 1472px;
    margin: 0 auto;
    padding: 80px 0px;
}

.ap-why-partner-div .why-icon {
    max-width: 140px;
    margin: 40px auto 30px;
}

.ap-why-partner-div .ap-why-partner-logodiv .wp-block-group {
    width: 100%;
}

.ap-why-partner-div .ap-why-partner-logodiv {
    gap: 25px;
}

.ap-earn-big-div .ap-earn-big-subdiv {
    max-width: 1472px;
    margin: 0 auto;
    padding: 100px 0px;
    z-index: 1;
    width: 100%;
}

.ap-earn-big-div {
    background-image: url(/wp-content/uploads/2024/05/esim-popularity-growing-amongst-consumers-across-world.jpg);
    background-size: 100%;
    background-position: 100% 48%;
    position: relative;
    background-repeat: no-repeat;
}

.ap-earn-big-div:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 45, 99, 0.8);
}

.ap-earn-big-div .ap-earn-big-subdiv .wp-block-group {
    width: 100%;
}

.ap-earn-big-div .ap-earn-big-subdiv .wp-block-buttons {
    width: 50%;
}

.ap-earn-big-div .ap-earn-big-subdiv .wp-block-buttons .wp-block-button__link {
    height: 56px;
    border-radius: 12px;
    border-width: 1.5px;
    border-color: #1000f3;
    background-color: #1000f3;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-transform: capitalize;
    color: #fff;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-top: 8px;
}

.ap-earn-big-div .ap-earn-big-subdiv .wp-block-buttons .wp-block-button__link:hover {
    background: #002d63;
    border-color: #fff;
}

.ap-benefits-audience-div .ap-benefits-audience-subdiv {
    max-width: 1472px;
    margin: 0 auto;
    padding: 80px 0px;
    gap: 80px;
}

.ap-benefits-audience-div .ap-benefits-audience-subdiv .wp-block-group {
    width: 100%;
}

.ap-benefits-audience-div .ap-benefits-audience-head {
    margin-bottom: 20px
}

.ap-benefits-audience-div .ap-benefits-audience-content {
    margin-bottom: 20px
}

.ap-benefits-audience-div .ap-benefits-audience-list li {
    margin-bottom: 15px;
    margin-left: 40px;
}

.ap-benefits-audience-div .ap-benefits-audience-list li:before {
    content: '';
    background: url(/wp-content/uploads/2024/05/Check-Mark-Icon-in-Circle-on-transparent-background-PNG.png);
    display: inline-block;
    width: 30px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    position: absolute;
    margin-left: -30px;
    margin-top: 5px;
}

.ap-benefits-audience-div .ap-benefits-audience-img img {
    width: 100%;
}

.ap-how-to-join-div .ap-how-to-join-subdiv {
    max-width: 1472px;
    margin: 0 auto;
    padding: 80px 0px;
}

.ap-how-to-join-div .how-icon {
    max-width: 140px;
    margin: 30px auto;
}

.ap-how-to-join-div .ap-how-to-join-logodiv .wp-block-group {
    width: 100%;
}

.ap-how-to-join-div .ap-how-to-join-logodiv {
    gap: 25px;
    margin: 45px 30px;
}

.ap-how-to-join-div .ap-how-to-join-singlelogo {
    gap: 30px;
    border: 4px solid #1967d3;
    padding: 0px 25px;
    border-radius: 12px;
}

.ap-how-to-join-div .ap-how-to-join-singlelogo:hover {
    background-color: rgba(25, 103, 211, 0.2)
}

.ap-how-to-join-div .ap-how-to-join-cta {
    width: 100%;
    gap: 40px;
    justify-content: space-around;
}

.ap-how-to-join-div .ap-how-to-join-cta .wp-block-group {
    width: 100%;
    padding: 0px 32px;
}

.ap-how-to-join-div .ap-how-to-join-cta .wp-block-group.ap-width-70 {
    width: 70%;
}

.ap-how-to-join-div .ap-how-to-join-cta .ap-how-to-join-ctabtn a {
    height: 56px;
    border-radius: 12px;
    border-width: 1.5px;
    border-color: #1000f3;
    background-color: #1000f3;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-transform: capitalize;
    color: #fff;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-width: 280px;
}

.ap-how-to-join-div .ap-how-to-join-cta .ap-how-to-join-ctabtn a:hover {
    background: #002d63;
    border-color: #002d63;
}

.ap-how-to-join-div .ap-how-to-join-cta h2 {
    line-height: 42px;
}

.ap-faq-div .ap-faq-subdiv {
    max-width: 1472px;
    margin: 0 auto;
    padding: 80px 0px;
    width: 100%;
}

.ap-faq-div .ap-faq-section {
    margin: 30px;
    row-gap: 1.5rem;
    width: 100%;
    max-width: 984px;
}

.ap-faq-div .ap-faq-section .ap-faq-ans {
    display: none;
}

.ap-faq-div .ap-faq-singlerow {
    background: #fff;
    border-radius: 4px;
    width: 100%;
}

.ap-faq-div .ap-faq-singlerow .ap-faq-ques {
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    position: relative;
    padding: 24px 48px 24px 24px;
}

.ap-faq-div .ap-faq-singlerow .ap-faq-ques:before {
    content: '';
    background: url(/wp-content/uploads/2024/05/down_arrow.png);
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 20px;
    position: absolute;
    right: 24px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.ap-faq-div .ap-faq-singlerow.ap-faq-open .ap-faq-ques:before {
    transform: rotate(180deg);
}

.ap-faq-div .ap-faq-singlerow .ap-faq-ans {
    padding: 1.5rem;
    font-size: 18px;
    line-height: 27px;
    position: relative;
    width: 100%;
}

.ap-faq-div .ap-faq-singlerow .ap-faq-ans:after {
    position: absolute;
    left: 50%;
    top: 0px;
    height: 1px;
    width: 95%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    content: '';
    background-color: #c9ced4;
}

.ap-register-breadcrumb-div .ap-register-breadcrumb-subdiv .wp-block-group {
    width: 100%;
}

.ap-register-breadcrumb-div .ap-register-breadcrumb-subdiv .ap-breadcrumb-thumbnail img {
    max-width: 535px;
    width: 100%;
    margin-right: 0;
    margin-left: auto;
}

/* Home page explore more destination button */
.home-plans-explore-div {
    display: flex;
    justify-content: center;
    margin: 40px 0px;
}

.home-plans-explore-div .home-plans-explore-button {
    display: inline-flex;
    height: 56px;
    width: auto;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border-width: 1.5px;
    border-color: #1000f3;
    background-color: #1000f3;
    padding: 0px 20px;
    text-transform: capitalize;
    color: #e9ebee;
    font-size: 20px;
    line-height: 28px;
}

.home-plans-explore-div .home-plans-explore-button:hover {
    background-color: #002d63;
    border-color: #002d63;
}

/* Blogs CTA strips */
.CTABlog-pattern-one {
    padding: 50px 40px;
    margin: 30px 0px;
    border-radius: 12px;
    /* justify-content: space-around !important; */
    background: #002d63 url(/wp-content/uploads/2024/08/star-blue.png) no-repeat 98% 35px;
    background-size: 28% auto;
}

.CTABlog-pattern-one .wp-block-button a {
    border-radius: 12px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #002d63;
    border: 1.5px solid #fff;
    margin-top: 10px;
}

.CTABlog-pattern-one .wp-block-button a:hover {
    text-decoration: none;
    color: #fff !important;
    background: transparent !important;
}

.CTABlog-pattern-one .CTA_blog_content {
    margin-bottom: 0px;
}

.CTABlog-pattern-two {
    padding: 50px 40px;
    margin: 30px 0px;
    border-radius: 12px;
    background: var(--surface-opposite) url(/wp-content/themes/voye/assets/img/plus-pink.svg) no-repeat 98% 35px;
    background-size: 25% auto;
}

.CTABlog-pattern-two .wp-block-button a {
    border-radius: 12px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1.5px solid #fff;
    margin-top: 10px;
}

.CTABlog-pattern-two .wp-block-button a:hover {
    text-decoration: none;
    background-color: #002d63 !important;
}

.CTABlog-pattern-two .CTA_blog_content {
    margin-bottom: 0px;
}

@media only screen and (max-width:767.5px) {
    .ap-how-to-join-div .ap-how-to-join-logodiv {
        display: block;
        margin: 30px 10px;
    }

    .ap-how-to-join-singlelogo .wp-block-heading {
        text-align: left;
    }
}

@media only screen and (max-width:768px) {
    .ap-esim-affiliate-program-div .ap-esim-affiliate-program-subdiv {
        max-width: 100%;
        display: grid;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ap-why-partner-div .ap-why-partner-logodiv {
        max-width: 100%;
        display: grid;
        padding-left: 16px;
        padding-right: 16px;
        gap: 0px;
    }

    .ap-how-to-join-div .ap-how-to-join-cta .wp-block-group.ap-width-70 {
        align-items: center;
        width: 100%;
    }

    .ap-how-to-join-subheading {
        text-align: center;
    }

    .ap-earn-big-div .ap-earn-big-subdiv {
        max-width: 100%;
        display: grid;
        padding: 80px 16px;
    }

    .ap-benefits-audience-div .ap-benefits-audience-subdiv {
        max-width: 100%;
        display: grid;
        padding-left: 16px;
        padding-right: 16px;
        gap: 20px;
    }

    .ap-why-partner-div .ap-why-partner-subdiv {
        max-width: 100%;
        display: grid;
        padding-left: 16px;
        padding-right: 16px;
        gap: 20px;
    }

    .ap-how-to-join-div .ap-how-to-join-subdiv {
        max-width: 100%;
        display: grid;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ap-how-to-join-div .ap-how-to-join-cta {
        max-width: 100%;
        display: grid;
        padding-left: 16px;
        padding-right: 16px;
        gap: 25px;
    }

    .ap-how-to-join-div .ap-how-to-join-cta h2 {
        font-size: 24px !important;
        line-height: 34px;
        text-align: center;
    }

    .ap-how-to-join-div .ap-how-to-join-cta .wp-block-group {
        padding: 0px 0px;
    }

    .ap-how-to-join-div .ap-how-to-join-singlelogo {
        margin-bottom: 20px;
        padding: 10px;

    }

    .ap-how-to-join-div .how-icon {
        max-width: 100px;
    }

    .ap-faq-div .ap-faq-subdiv {
        max-width: 100%;
        display: grid;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ap-faq-div .ap-faq-singlerow {
        display: block;
    }

    .ap-faq-div .ap-faq-section {
        margin: 30px 0px;
    }

    .ap-earn-big-div {
        background-size: cover;
        background-position: 50% 48%;
    }

    .ap-earn-big-div .ap-earn-big-subdiv .wp-container-core-group-layout-14.wp-container-core-group-layout-14 {
        align-items: start;
        margin-top: 15px;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .ap-esim-affiliate-program-div .ap-esim-affiliate-program-subdiv {
        max-width: 100%;
        display: grid;
        padding-left: 16px;
        padding-right: 16px;
        grid-template-columns: 2fr 1fr;
        gap: 40px;
    }

    .ap-why-partner-div .ap-why-partner-subdiv {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ap-why-partner-div .ap-why-partner-logodiv {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 15px;
    }

    .ap-earn-big-div .ap-earn-big-subdiv {
        max-width: 100%;
        padding: 80px 16px;
    }

    .ap-benefits-audience-div .ap-benefits-audience-subdiv {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        display: grid;
        gap: 0px;
    }

    .ap-how-to-join-div .ap-how-to-join-subdiv {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ap-how-to-join-div .ap-how-to-join-logodiv {
        gap: 16px;
        margin: 45px 0px;
    }

    .ap-how-to-join-div .ap-how-to-join-singlelogo {
        display: block;
        padding: 20px;
        min-height: 365px;
    }

    .ap-how-to-join-div .how-icon {
        max-width: 100px;
        margin: 0px auto 30px;
    }

    .ap-how-to-join-div .ap-how-to-join-logodiv .wp-block-group {
        align-items: center;
    }

    .ap-how-to-join-div .ap-how-to-join-logodiv .wp-block-group p {
        text-align: center;
    }

    .ap-how-to-join-div .ap-how-to-join-cta .wp-block-group {
        padding: 0px 0px;
    }

    .ap-faq-div .ap-faq-subdiv {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ap-faq-div .ap-faq-section {
        max-width: 100%;
        margin: 30px 0px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    .ap-faq-div .ap-faq-section {
        max-width: 100%;
        margin: 30px 0px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1500px) {
    .ap-esim-affiliate-program-div .ap-esim-affiliate-program-subdiv {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ap-why-partner-div .ap-why-partner-subdiv {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ap-earn-big-div .ap-earn-big-subdiv {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ap-benefits-audience-div .ap-benefits-audience-subdiv {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ap-how-to-join-div .ap-how-to-join-subdiv {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .ap-faq-div .ap-faq-subdiv {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Affiliate program CSS end */

/* Affiliate Program register page css */
.ap-register-breadcrumb-div .ap-register-breadcrumb-subdiv {
    max-width: 1472px;
    margin: 0 auto;
    padding: 35px 16px 0px;
    position: relative;
    width: 100%;
}

.ap-register-breadcrumb-div .ap-breadcrumb-div {
    justify-content: center;
    position: relative;
}

.ap-resgister-maindiv {
    max-width: 984px;
    margin: 80px auto;
}

.ap-resgister-maindiv .wpcf7 {
    width: 100%;
}

.register_aff_prog hr {
    margin: 10px 0px 30px;
}

.register_aff_prog h4 {
    font-weight: 700;
    padding-top: 20px;
}

.register-flex {
    display: flex;
    gap: 25px;
    width: 100%;
}

.register-flex .register_aff_prog_div {
    width: 100%;
}

.register_aff_prog_input .easy-select .es-current,
.register_aff_prog_input .es-option {
    min-height: 48px;
}

.register_aff_prog_consent .wpcf7-acceptance input {
    margin-right: 20px;
}

.ap-earn-big-div .ap-earn-big-subdiv .ap-earn-big-h2-title {
    line-height: 80px;
}

.ap-earn-big-div .ap-earn-big-subdiv .ap-earn-big-h2-subtitle {
    line-height: 58px;
}

.register_aff_prog .es-dropdown {
    border-color: #2a2a2e;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.ap-resgister-maindiv .wpcf7 .screen-reader-response {
    display: none;
}

.register_aff_prog_div label.shown,
.register_aff_prog_div input:focus~.input-label {
    opacity: 0;
}

.ap-breadcrumb-div .ap-home-icon,
.ap-breadcrumb-div .ap-home-arrow {
    width: 20px;
}

/* Mobile issues */
.woocommerce-account .account-payment-methods-table {
    width: 100%;
    margin-bottom: 30px;
}

.woocommerce-account .account-payment-methods-table thead {
    border-bottom: 1px solid #c9ced4;
}

.woocommerce-account .account-payment-methods-table thead th {
    background: #e9ebee;
    padding: 1rem 0rem;
}

.woocommerce-account .account-payment-methods-table thead th:first-child {
    border-top-left-radius: 12px;
}

.woocommerce-account .account-payment-methods-table thead th:last-child {
    border-top-right-radius: 12px;
}

.woocommerce-account .account-payment-methods-table tbody {
    background: #e9ebee;
}

.woocommerce-account .account-payment-methods-table tbody tr {
    border-bottom: 1px solid #c9ced4;
}

.woocommerce-account .account-payment-methods-table tbody td {
    padding: 1rem 2rem;
    text-align: center;
}

.woocommerce-account .account-payment-methods-table tbody tr:last-child {
    border-bottom: 0px solid #c9ced4;
}

.woocommerce-account .account-payment-methods-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}

.woocommerce-account .account-payment-methods-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}

.woocommerce-account .account-payment-methods-table tbody .payment-method .payment-method-actions {
    display: flex;
    gap: 2px;
}

@media only screen and (max-width:535px) {
    .woocommerce-account .account-payment-methods-table tbody .payment-method .payment-method-actions a.delete {
        width: 35%;
    }

    .woocommerce-account .account-payment-methods-table tbody .payment-method.default-payment-method .payment-method-actions a.delete {
        width: 100%;
    }
}

/* search page design */
.custom-search .container {
    padding: 80px 16px;
}

.custom-search .container .page-title {
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    font-weight: normal;
    margin-bottom: 0;
}

.custom-search .container .search-query {
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    color: #1000f3;
}

.noresult_serach .searchform>div {
    display: flex;
    gap: 20px;
}

.noresult_serach .searchform #searchsubmit {
    width: 30%;
    height: 46px;
}

.search.search-results {
    opacity: 1;
    position: unset;
    visibility: visible;
    max-height: unset;
    padding: 0px;
    box-shadow: none;
    --tw-translate-y: 0px;
    transform: none;
}

.search.search-results .pagination .page-numbers.current {
    color: #1000f3;
}

.search.search-results .pagination .nav-links {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.custom-search .search-results-container .no-results-div {
    background: #e9ebee;
    padding: 40px;
    margin: 20px 0px;
    border-radius: 12px;
}

.custom-search .search-results-container .search-result {
    background: #e9ebee;
    padding: 40px;
    margin: 20px 0px;
    border-radius: 12px;
}

.custom-search .search-results-container .custom_search_title a {
    font-size: 25px;
    color: #1000f3;
    margin-bottom: 15px;
    line-height: 30px;
    display: inline-block;
}

.custom-search .search-results-container .read-more-link {
    padding-bottom: 6px;
    font-size: 16px;
    color: #1000f3;
    margin: 16px 0px 0px;
    line-height: 30px;
    display: inline-block;
    border-bottom: 1px solid;
}

.custom-my-account-nav .tab-header-btn .loader {
    display: none;
}

.grecaptcha-badge {
    opacity: 0;
}

/* Mobile issues end */
.woocommerce-checkout .woocommerce-info {
    max-width: 1472px;
    margin: 1rem auto;
    width: 100%;
}

.plan_desc p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 1.5rem;
    color: #fff;
}

.plan_desc span {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
}

.plan_desc {
    padding: 80px 0px 56px;
    background: #002d63;
    color: #fff;
}

.plan_desc .container {
    z-index: 1;
    position: inherit;
}

.plan_desc .cat-des-star {
    z-index: 0;
    width: 450px;
    height: 280px;
}

.plan_desc h2,
.plan_desc h3,
.plan_desc ul li,
.plan_desc ol li,
.plan_desc h1,
.plan_desc h4,
.plan_desc h5,
.plan_desc h6 {
    color: #fff;
}

.plan_desc h1,
.plan_desc h2,
.plan_desc h3,
.plan_desc h4,
.plan_desc h5,
.plan_desc h6 {
    margin-top: 1.5rem;
}

.plan_desc ul,
.plan_desc ol {
    margin-bottom: 1.5rem;
    list-style: revert;
    list-style-position: outside;
    padding-left: 20px;
}

.plan_desc ul li,
.plan_desc ol li {
    font-size: 18px;
    line-height: 25px;
}

/* supported device content added */
.supported_device_content {
    color: #fff;
    background: #002d63;
}

.supported_device_content p {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.social-login .apple-btn .nsl-container-buttons a {
    margin-top: 0px;
}

.contact_social_row .contact_social_icons {
    margin-bottom: 1rem;
}

/* footer apps section design */
.section-mobile-apps .mobile-apps-heading {
    /* font-size: 3.31rem;
    line-height: 3.75rem;
    max-width: 60%; */
    color: var(--surface-brand);
    font-weight: 800;
    max-width: 80%;

    font-size: 40px;
    line-height: 44px;
}

.section-mobile-apps .div-mobile-apps-sub {
    background: var(--surface-opposite) url('/wp-content/uploads/2024/08/Vector.png') no-repeat center right;
    background-size: auto 100%;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-mobile-apps .apps-content {
    padding-left: 3rem;
}

.section-mobile-apps .apps-img {
    margin-top: -30px;
    margin-bottom: -30px;
}

.section-mobile-apps .apps-img img {
    max-width: 460px;
}

.section-mobile-apps .mobile-apps-subheading {
    /* font-size: 30px;
    line-height: 36px;
    max-width: 60%;  */
    padding: 14px 0px;
    color: #000;
    max-width: 80%;
    font-weight: 600;

    font-size: 20px;
    line-height: 28px;
}

.section-mobile-apps .mobile-apps-buttons {
    display: flex;
    gap: 15px;
    margin: 15px 0px 0px;
}

.section-mobile-apps .mobile-apps-buttons img {
    max-height: 60px;
}

/* 100 mb plan */
.section-mobile-apps .div-freeplan-sub {
    background-color: var(--surface-brand);
    background-image: url('/wp-content/themes/voye/assets/img/Shape.png'), url('/wp-content/themes/voye/assets/img/Shape2.png');
    background-size: 65% auto, 30% auto;
    background-position: 0% 50%, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    border-radius: 12px;
    position: relative;
}

.section-mobile-apps .div-mobile-apps-main {
    display: grid;
    grid-template-columns: 1.2fr 2fr;
    margin: 1.875rem 0rem;
    gap: 15px;
}

.section-mobile-apps .freeplan-content {
    display: flex;
    align-items: center;
}

.section-mobile-apps .freeplan-img {
    /* position: absolute;
    bottom: 0px;
    left: -10px; */
    margin-left: -10px;
    max-width: 290px;
}

.section-mobile-apps .freeplan_heading {
    background-color: #fff;
    display: inline-block;
    border-radius: 6px;
    color: var(--surface-brand);
    font-weight: bold;
    font-size: 40px;
    line-height: 44px;
    margin-right: 14px;
    text-transform: capitalize;
}

.section-mobile-apps .freeplan_content {
    font-size: 20px;
    line-height: 28px;
    padding: 14px 14px 0px 0px;
    font-weight: 600;
}

/* footer apps section design end */
/* new css blogs */
.page-template-archive-blog .blog-categories {
    display: inline-flex;
    gap: 20px;
    font-size: 1.125rem;
    justify-content: center;
}

.custom_blogs_posts .main-content-div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.custom_blogs_posts .published_date {
    font-size: 0.875rem;
    margin-bottom: 10px;
}

.custom_single_blog_main_div .size-full {
    height: auto;
}

/* blog banner css */
.blog-categories .blog-category-item a {
    background-color: var(--surface-secondary);
    padding: 1rem;
    display: block;
    border-radius: var(--corners-brand);
}

.blog-categories .blog-category-item a:hover {
    background-color: var(--surface-brand);
    color: #fff;
}

.blog_breadcrumb .blog_search_form #searchform div {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 10px;
    margin: 20px 0px;
}

.blog_breadcrumb .blog_search_form #searchform #searchsubmit {
    border-color: #fff;
    height: auto;
    background: var(--surface-secondary);
    color: var(--surface-brand);
}

.blog_breadcrumb .blog_search_form #searchform #searchsubmit:hover {
    border-color: var(--surface-brand-darkest);
    background: var(--surface-brand-darkest);
    color: #fff;
}

.banner-apss-div {
    display: flex;
    gap: 10px;
    margin: 15px 0px 0px;
    justify-content: center;
}

.banner-apss-div .apps-div img {
    width: 40px;
}

#primary-sidebar.widget-area .widget_block .wp-block-buttons {
    width: 100%;
}

#primary-sidebar.widget-area .widget_block .widget-bestselling-btn a {
    display: inline-flex;
    height: 40px;
    width: 100%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: var(--corners-brand);
    border-width: 1.5px;
    border-color: var(--surface-brand);
    background-color: var(--surface-brand);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-transform: capitalize;
    color: var(--text-invert);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

#primary-sidebar.widget-area .widget_block .widget-bestselling-btn a:hover {
    background-color: var(--surface-brand-darkest);
    border-color: var(--surface-brand-darkest);
}

.page-template-archive-blog #primary-sidebar .widget_search {
    display: none;
}

#primary-sidebar .widget_block .woocommerce-product-details__short-description {
    display: none;
}

/* carousel css */
.section-blog-testimonials .testimonial-slider {
    position: relative;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 40px;
    background-color: #fff;
}

.section-blog-testimonials .testimonial-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.section-blog-testimonials .testimonial {
    min-width: 100%;
    box-sizing: border-box;
    padding: 20px;
    text-align: left;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
    display: grid;
    gap: 80px;
    padding: 25px 50px;
    grid-template-columns: 1fr 3fr;
    align-items: center;
}

.section-blog-testimonials .testimonial.active {
    opacity: 1;
}

.section-blog-testimonials .testimonial-text {
    margin-bottom: 1rem;
    padding: 0px;
    font-size: 1.125rem;
    line-height: 1.688rem;
}

.section-blog-testimonials .reviews_texts {
    padding-bottom: 60px;
}

.section-blog-testimonials .reviews_icons {
    width: auto;
    background-position: center;
    background-size: cover;
    height: 100%;
    border-radius: 50px;
}

.section-blog-testimonials .testimonial-author {
    font-size: 1.125rem;
    line-height: 1.688rem;
}

.section-blog-testimonials button.prev,
.section-blog-testimonials button.next {
    position: absolute;
    top: auto;
    bottom: 0px;
    transform: translateY(-50%);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 0rem;
}

.section-blog-testimonials button img {
    width: 40px;
}

.section-blog-testimonials button.prev {
    left: 32%;
}

.section-blog-testimonials button.next {
    left: 38%;
}

.section-blog-popular .blog-plans-explore-div {
    display: flex;
    justify-content: center;
    margin: 40px 0px;
}

.section-blog-popular .blog-plans-explore-div a {
    display: inline-flex;
    height: 56px;
    width: auto;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border-width: 1.5px;
    border-color: var(--text-brand);
    background-color: var(--text-brand);
    padding: 0px 20px;
    text-transform: capitalize;
    color: var(--surface-secondary);
    font-size: 20px;
    line-height: 28px;
}

.section-blog-popular .blog-plans-explore-div a:hover {
    background-color: var(--surface-brand-darkest);
    border-color: var(--surface-brand-darkest);
}

.page-template-archive-blog .categories-div .categories_links {
    overflow-x: auto;
}

/* new css blogs */

/* Blog category page design */
.blog_category_breadcrumb .blog_category_menu a svg {
    fill: var(--text-invert);
}

.blog_category_breadcrumb .blog_category_menu .sep svg path {
    stroke: var(--text-invert);
}

.blog_category_breadcrumb .blog_category_menu .breadcrumbs {
    color: var(--text-invert);
}

.category-posts .blog-category-posts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}

.category-posts .blog-category-posts .post-title {
    font-size: 27px;
    color: var(--surface-brand);
    line-height: 35px;
    font-weight: 400;
    margin-bottom: 10px;
}

.category-posts .blog-category-posts .post-meta {
    font-size: 0.875rem;
    margin-bottom: 10px;
}

.category-posts .blog-category-posts .post-excerpt p {
    font-size: 18px;
    line-height: 27px;
}

.category-posts .blog-category-posts .read-more {
    font-size: 18px;
    line-height: 27px;
    color: var(--surface-brand);
    border-bottom: 1px solid;
    padding: 6px 0px;
    margin: 10px 0px 0px;
    display: inline-block;
}

.category-posts .pagination {
    text-align: center;
    margin-top: 40px;
}

.category-posts .page-numbers {
    padding: 10px;
}

.category-posts .page-numbers.current {
    background: var(--surface-brand);
    color: #fff;
    border-radius: 4px;
}

.category-posts .post img {
    border-radius: 12px;
    margin-bottom: 15px;
    height: 330px;
    width: 100%;
    object-fit: cover;
}

/* share esim my account popup */
.share_esim_container .share_border {
    border-top-width: 3px;
    border-color: #a6a6a6;
}

.share_esim_container {
    padding: 34px;
}

.share_esim_container .share_qr_ttile {
    text-align: center;
    color: #000;
    font-weight: normal;
    margin-bottom: 15px;
}

/* Referral Page CSS */
.ref-why-section .ref_content p {
    margin-bottom: 1.25rem;
}

.border-bottom-1 {
    border-bottom-width: 1px;
}

.border-\[--surface-brand\] {
    border-color: var(--surface-brand);
}

.border-\[--surface-primary\] {
    border-color: var(--surface-primary);
}

.ref-how-section .ref_content p {
    margin-bottom: 1.25rem;
}

.ref-how-section .ref_content a {
    text-decoration: underline;
}

.ref-how-section .ref_content ol {
    list-style: auto;
    padding-left: 30px;
    margin-bottom: 1.25rem;
}

.ref-steps-section .ins_steps_div .ins_steps_subdiv.last_child {
    border-bottom-width: 0px;
}

.ref-steps-section .ins_button {
    display: inline-flex;
    height: 56px;
    width: auto;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border-width: 1.5px;
    border-color: var(--surface-primary);
    background-color: var(--surface-primary);
    padding: 0px 40px;
    text-transform: inherit;
    font-size: 20px;
    line-height: 28px;
    color: var(--surface-brand);
}

.ref-steps-section .ins_button:hover {
    background-color: var(--surface-brand-darkest);
    border-color: var(--surface-brand-darkest);
    color: var(--surface-primary);
}

.ref-why-section .ins_button {
    display: inline-flex;
    height: 56px;
    width: auto;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border-width: 1.5px;
    border-color: var(--surface-brand);
    background-color: var(--surface-brand);
    padding: 0px 40px;
    text-transform: inherit;
    color: var(--surface-primary);
    font-size: 20px;
    line-height: 28px;
}

.ref-why-section .ins_button:hover {
    background-color: var(--surface-brand-darkest);
    border-color: var(--surface-brand-darkest);
    color: var(--surface-primary);
}

/* referral my account page */
.ref-steps-myaccount-section .ins_steps_div .ins_steps_subdiv.last_child {
    border-bottom-width: 0px;
}

.refferal_tab_myaccount .ref_content_myaccount p {
    margin-bottom: 1.25rem;
}

.refferal_tab_myaccount .ref_content_myaccount a {
    text-decoration: underline;
}

.ref-my-code-section .code_subhead {
    font-size: 15px;
    color: var(--surface-brand);
    text-transform: uppercase;
    line-height: 17px;
    margin-bottom: 1rem;
}

.ref-my-code-section .ref_link_div {
    display: flex;
    gap: 5px;
    align-items: center;
}

.ref-my-code-section {
    box-shadow: 0px 4px 55px 0px #1000F340;
    margin: 45px 0px;
    border: 1px solid var(--surface-brand);
    border-radius: 20px;
    padding: 16px 22px;
}

.ref-my-code-section .ref-right {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.referral-my-total-credit .ref_history_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    border-bottom: 1px solid #0000004D;
}

.referral-my-total-credit .ref_history_row .ref_history_col {
    font-size: 20px;
    line-height: 24px;
}

.referral-my-total-credit .ref_history_row .ref_history_col.ref_amount {
    font-size: clamp(22px, 2.083vw, 40px);
    line-height: clamp(24px, 2.083vw, 42px);

    color: var(--surface-brand);
    font-weight: 600;
}

.referral-my-total-credit .ref_credit {
    font-size: clamp(62px, 2.083vw, 80px);
    line-height: clamp(64px, 2.083vw, 82px);
}

.ref-steps-myaccount-section .ins_steps_div .ins_steps_subdiv:first-child {
    padding-top: 8px;
}

.ref-steps-myaccount-section .ins_steps_div .ins_steps_subdiv:last-child {
    padding-bottom: 8px;
}

/* Plans unlimited call tab design */
.product_tags_subdiv {
    display: inline-flex;
    margin: 20px 0px 0px 16px;
    border: 1px solid #a3b2c4;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.product_tags_subdiv .product_tags {
    padding: 15px 30px;
    border-right: 1px solid #a3b2c4;
    color: #a3b2c4;
}

.product_tags_subdiv .product_tags:last-child {
    border-right: 0px;
}

.product_tags_subdiv .product_tags.active {
    background-color: var(--surface-brand-darkest);
    color: var(--text-invert);
    font-weight: 600;
}

.swiper-wrap .tab-unlimited-plan,
.swiper-wrap .tab-calls-plan {
    display: none;
}

.single-product #Features .tagged_as {
    display: none;
}

.tab-plan .product .product-tag {
    display: none;
}
/* installation page sub tabs */
.tab-header-btn.ios-sub-tab-btn{
    border-bottom-width: 1px;
}
.steps .install-image{
    max-width: 200px;
}
.how-to-install-tabs-content .ios-tab{
    padding-top: 0px;
}
.sub-tabs-header .tab-header-btn{
    flex: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

/* relates articles section CSS */
.section-related-articles .related-posts{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    justify-content: center;
}
.section-related-articles .related-posts .related-post-item{
    background-color: #fff;
    border-radius: var(--corners-brand);
    padding: 15px;
}
.section-related-articles .related-posts .related-post-item .wp-post-image{
    border-radius: var(--corners-brand);
    margin-bottom: 10px;
    max-height: 150px;
    object-fit: cover;
    width:100%;
}
.section-related-articles .related-posts .related-post-item .date{
    font-size: 12px;
    line-height: 16px;    
}
.section-related-articles .text-white span{
    color: #fff;
}
/* wechat share */
#wechatQRCode{
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:767.5px) {
    .section-blog-testimonials .reviews_icons {
        height: 300px;
        margin-bottom: 20px;
    }

    .section-blog-testimonials .testimonial {
        display: block;
    }

    .section-blog-testimonials .testimonial {
        padding: 20px;
    }

    .section-blog-testimonials .testimonial-slider {
        width: 100%;
    }

    .section-blog-testimonials button img {
        width: 30px;
    }

    .section-blog-testimonials button.prev {
        left: 20px;
    }

    .section-blog-testimonials button.next {
        left: 80px;
    }

    .section-blog-testimonials .testimonial {
        gap: 30px;
    }

    .section-blog-testimonials .testimonial {
        padding: 20px;
    }

    /* Blog category page design */
    .category-posts .blog-category-posts {
        grid-template-columns: 1fr;
    }

    .blog_category_breadcrumb .blog_category_menu {
        display: none;
    }

    /* Plans unlimited call tab design */
    .product_tags_subdiv {
        margin: 20px 0px 50px;
        border-radius: 4px;
        width: 100%;
        display: flex;
        justify-content: space-evenly;
    }

    .product_tags_subdiv .product_tags {
        padding: 10px;
        font-size: 12px;
        text-align: center;
        line-height: 14px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
    .section-blog-testimonials .testimonial {
        gap: 30px;
    }

    .section-blog-testimonials .testimonial {
        padding: 20px;
    }

    .section-blog-testimonials button img {
        width: 30px;
    }

    .section-blog-testimonials button.prev {
        left: 30%;
    }

    .section-blog-testimonials .reviews_icons {
        max-height: 350px;
    }

    /* Blog category page design */
    .category-posts .blog-category-posts {
        grid-template-columns: 1fr 1fr;
    }

    .blog_category_breadcrumb .blog_category_menu {
        display: none;
    }
}


@media only screen and (min-width:1024px) and (max-width:1160px) {
    .site-header .site-logo>img {
        max-width: 120px;
    }

    .site-header .lg\:max-w-\[185px\] {
        max-width: 160px;
    }
}

@media only screen and (max-width:1023px) {
    .ap-register-breadcrumb-div .ap-register-breadcrumb-subdiv {
        max-width: 100%;
        padding-top: 0px;
    }

    .ap-register-breadcrumb-div .ap-register-breadcrumb-subdiv .ap-breadcrumb-thumbnail {
        display: none;
    }

    .ap-register-breadcrumb-div .ap-breadcrumb-div {
        min-height: 200px;
    }

    .ap-resgister-maindiv {
        max-width: 100%;
        padding: 0 16px;
    }

    .register-flex {
        display: block;
    }

    .aff-part-span {
        display: none;
    }

    /* Blogs CTA strips */
    .CTABlog-pattern-one {
        background: #002d63 url(/wp-content/uploads/2024/08/star-blue.png) no-repeat 98% 125%;
        background-size: 28% auto;
    }

    .CTABlog-pattern-two {
        background: var(--surface-opposite) url(/wp-content/themes/voye/assets/img/plus-pink.svg) no-repeat 98% 125%;
        background-size: 25% auto;
    }
}

@media only screen and (min-width:1024px) and (max-width:1400px) {
    .ap-how-to-join-div .ap-how-to-join-singlelogo {
        display: block;
        padding: 20px;
        min-height: 385px;
    }

    .ap-how-to-join-div .ap-how-to-join-logodiv .wp-block-group {
        align-items: center;
    }

    .ap-how-to-join-div .ap-how-to-join-logodiv .wp-block-group p {
        text-align: center;
    }
}

/* Affiliate Program register page css end */

@media only screen and (min-width:320px) and (max-width:667px) {
    .custom_blogs_posts_main_div {
        padding: 60px 16px 30px;
    }

    .custom_blogs_posts {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .custom_single_blog {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .custom_single_post_content .post_title {
        font-size: 27px;
        line-height: 35px;
    }

    .ap-faq-div .ap-faq-singlerow .ap-faq-ques {
        padding-right: 40px;
    }

    .ap-faq-div .ap-faq-singlerow .ap-faq-ques:before {
        right: 16px;
    }

    /* Mobile issues */
    .woocommerce-account .account-payment-methods-table tbody td {
        padding: 1rem 10px;
    }

    .woocommerce-account .account-payment-methods-table tbody .payment-method .payment-method-actions a {
        font-size: 14px;
    }

    .noresult_serach .searchform #searchsubmit {
        width: 100%;
    }

    .noresult_serach .searchform>div {
        display: grid;
    }

    .custom-search .search-results-container .no-results-div {
        padding: 30px 20px;
    }

    .custom-search .container .page-title,
    .custom-search .container .search-query {
        font-size: 24px;
        line-height: 30px;
    }

    /* Mobile issues end */
    .plan_desc {
        padding: 3.5rem 0px 2rem;
    }

    .plan_desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .plan_desc ul li,
    .plan_desc ol li {
        font-size: 16px;
        line-height: 22px;
    }

    /* Blogs CTA strips */
    .CTABlog-pattern-two {
        background: var(--surface-opposite) url(/wp-content/themes/voye/assets/img/plus-pink.svg) no-repeat 98% 110%;
        background-size: 25% auto;
        justify-content: center;
    }

    .CTABlog-pattern-two .wp-block-group {
        text-align: center;
        align-items: center !important;
    }

    .CTABlog-pattern-one {
        background: var(--surface-opposite) url(/wp-content/uploads/2024/08/star-blue.png) no-repeat 98% 110%;
        background-size: 25% auto;
        justify-content: center;
    }

    .CTABlog-pattern-one .wp-block-group {
        text-align: center;
        align-items: center !important;
    }

    /* footer apps section design */
    .section-mobile-apps .mobile-apps-heading {
        max-width: 100%;
        font-size: 26px;
        line-height: 29px;
    }

    .section-mobile-apps .mobile-apps-subheading {
        max-width: 100%;
        font-size: 16px;
        line-height: 22px;
        padding: 5px 0px;
    }

    .section-mobile-apps .apps-content {
        padding: 20px 0px 15px 20px;
    }

    .section-mobile-apps .mobile-apps-buttons {
        margin: 5px 0px 0px;
        gap: 3px;
    }

    .section-mobile-apps .apps-img {
        margin-top: -12px;
        margin-bottom: -12px;
    }

    .section-mobile-apps .div-mobile-apps-sub {
        align-items: center;
    }

    .section-mobile-apps .apps-img img {
        max-width: 100%;
    }

    /* footer apps section design end */

    .custom_blogs_posts .main-content-div {
        grid-template-columns: 1fr;
    }

    .section-blog-testimonials .testimonial-text {
        padding: 0px 0rem;
    }

    .custom_blogs_posts .post .post_thumbnail {
        height: auto;
    }

}

@media only screen and (min-width:668px) and (max-width:1024px) {
    .custom_blogs_posts_main_div {
        padding: 60px 16px;
    }

    .custom_blogs_posts {
        grid-template-columns: 2fr 1fr;
        gap: 20px;
    }

    /*single post*/
    .custom_single_blog {
        grid-template-columns: 2fr 1fr;
        gap: 20px;
    }

    .custom_single_post_content .post_title {
        font-size: 27px;
        line-height: 35px;
    }

    /* new blog css */
    .custom_blogs_posts .main-content-div {
        grid-template-columns: 1fr;
    }

    .custom_blogs_posts .post .post_thumbnail {
        height: auto;
    }
}

@media only screen and (max-width:1024px) {
    .plans-tabs-section .plans-results .products-swiper .swiper-wrapper {
        gap: 15px;
    }

    .plans-tabs-section .plans-results .products-swiper .swiper-wrapper .swiper-slide {
        margin-right: 0px !important;
    }

    /* supported device content added */
    .supported_device_content {
        padding: 40px 0px 30px;
    }

    .supported_device_content p {
        font-size: 1rem;
    }
}

/* To remove the scrolling effect of the Plans page product slider and show them in grid */
@media only screen and (min-width:1024px) {
    .plans-tabs-section .plans-results .products-swiper .swiper-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap: 25px;
        transition-delay: 0ms;
        transform: none !important;
        display: grid;
        gap: 25px;
    }

    .plans-tabs-section .plans-results .products-swiper .swiper-wrapper .swiper-slide {
        margin-right: 0px !important;
    }

    /* Login page css */
    .woocommerce-checkout .login_form_container {
        max-width: 538px;
        margin: 0 auto;
        width: 100%;
    }

    /* Login page css end */
}

/* To remove the scrolling effect of the Plans page product slider and show them in grid end */

@media only screen and (max-width:1500px) {
    .woocommerce-checkout .woocommerce-info {
        max-width: 96%;
        margin: 1rem auto;
        width: 100%;
    }
}


@media only screen and (max-width:1023.5px) {
    .site-header .user-icon {
        display: none;
    }

    /* footer */
    .footer-bottom .footer_social_maindiv {
        padding-bottom: 1.5rem;
    }

    .footer-bottom .footer_apps_div {
        padding-bottom: 1.5rem;
    }

    .footer_popular_links .footer_popular_links_heading {
        text-align: center;
    }

    .footer_popular_links .footer_popular_links_content {
        justify-content: center;
    }

    .contact_social_row .contact_social_icons {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .footer_social_heading {
        text-align: center;
    }

    /* 100 mb plan */
    .section-mobile-apps .div-mobile-apps-main {
        grid-template-columns: 1fr;
    }

    /* new blog css */
    .blog_breadcrumb p {
        text-align: center;
    }

    .section-blog-popular .popular-product .inner {
        background-color: var(--surface-secondary);
    }

    .section-blog-popular .popular-plan-price {
        background-color: var(--surface-primary);
    }

    /* Referral Page CSS */
    .ref-why-section .banner_mainspan {
        display: flex;
    }

    .ref-why-section .banner_img {
        margin: 0 auto;
    }

    .ref-why-section .banner_img img {
        height: 300px;
        width: auto;
        margin-bottom: 30px;
    }

    .ref-how-section .banner_mainspan {
        display: flex;
        margin: 0 auto;
        justify-content: center;
    }

    .ref-how-section .banner_mainspan img {
        height: 300px;
        width: auto;
        margin-bottom: 30px;
    }

    .ref-steps-section .ins_steps_subdiv .steps_img {
        max-height: 350px;
        margin: 0 auto 30px;
    }

    .ref-steps-myaccount-section .ins_steps_subdiv .steps_img {
        max-height: 350px;
        margin: 0 auto 30px;
    }

    .refferal_tab_myaccount .refmyaccount_banner {
        display: flex;
        margin: 0 auto;
        justify-content: center;
    }

    .refferal_tab_myaccount .refmyaccount_banner_img img {
        max-height: 300px;
        width: auto;
        margin-bottom: 30px;
    }

    .ref-my-code-section .ref-left {
        max-width: 90%;
        overflow-wrap: anywhere;
    }

    .referral-my-total-credit .ref_history_row .ref_history_col.ref_amount {
        text-align: right;
        width: 40%;
    }

    .refferal_tab_myaccount .referral-my-share {
        padding-top: 0px;
    }

    .ref-my-code-section .ref_link_div {
        display: block;
    }

    .ref-my-code-section .ref_link_div .copy-btn {
        padding: 0px 15px;
    }

    /* QA changes */
    .ref-how-section .ref-how-container {
        padding-bottom: 3.75rem;
    }

    .ref-steps-myaccount-section .ins_steps_div .ins_steps_subdiv:first-child {
        padding-top: 8px;
    }

    .ref-steps-myaccount-section .ins_steps_div .ins_steps_subdiv:last-child {
        padding-bottom: 8px;
    }
    /* installation page sub tabs */
    .tab-header-btn.ios-sub-tab-btn.active{
        color: var(--text-brand);
        border-color: var(--border-brand);
        border-width: 0px 0px 1px 0px;
        font-weight: normal;
    }
}

@media only screen and (max-width:1024px) {
    .footer_apps_div .footer_apps .footer_apps_icons img {
        width: 25px;
    }

    /* footer apps section design */
    .section-mobile-apps .mobile-apps-heading {
        max-width: 100%;
        font-size: 26px;
        line-height: 29px;
    }

    .section-mobile-apps .mobile-apps-subheading {
        max-width: 100%;
        font-size: 16px;
        line-height: 22px;
    }

    .section-mobile-apps .mobile-apps-buttons {
        gap: 3px;
    }

    .section-mobile-apps .apps-img {
        margin-top: -12px;
        margin-bottom: -12px;
    }

    .section-mobile-apps .div-mobile-apps-sub {
        align-items: center;
    }

    .section-mobile-apps .apps-img img {
        max-width: 100%;
    }

    /* footer apps section design end */
    /* 100 mb plan */
    .section-mobile-apps .freeplan_heading {
        display: table;
        font-size: 26px;
        line-height: 29px;
    }

    .section-mobile-apps .freeplan-img {
        max-width: 220px;
        margin: -10px auto 0px;
    }

    .section-mobile-apps .freeplan-content {
        gap: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr;

    }

    .section-mobile-apps .freeplan_content {
        font-size: 16px;
        line-height: 22px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    .footer-bottom ul.menu {
        gap: 1.25rem;
    }

    .footer-bottom ul.menu li::after {
        right: -0.625rem;
    }

    /* 100 mb plan */
    .section-mobile-apps .freeplan-img {
        max-width: 200px;
    }

    .section-mobile-apps .apps-img img {
        max-width: 320px;
    }

    .section-mobile-apps .mobile-apps-subheading {
        max-width: 100%;
    }

    .section-mobile-apps .mobile-apps-heading {
        max-width: 100%;
    }
}

@media only screen and (min-width:1025px) and (max-width:1500px) {
    .section-mobile-apps .mobile-apps-heading {
        font-size: 30px;
        line-height: 36px;
    }

    .section-mobile-apps .mobile-apps-subheading {
        font-size: 18px;
        line-height: 24px;
    }

    /* 100 mb plan */
    .section-mobile-apps .freeplan_heading {
        display: table;
        font-size: 26px;
        line-height: 29px;
    }

    .section-mobile-apps .freeplan-content {
        justify-content: center;
        gap: 30px;
    }

    .section-mobile-apps .freeplan_content {
        font-size: 18px;
        line-height: 24px;
    }
}

@media only screen and (max-width:500px) {
    .section-mobile-apps .mobile-apps-subheading {
        font-size: 14px;
        line-height: 16px;
    }

    .section-mobile-apps .mobile-apps-heading {
        font-size: 20px;
        line-height: 22px;
    }
}

@media only screen and (max-width:520px) {

    /* 100 mb plan */
    .section-mobile-apps .freeplan_heading {
        font-size: 20px;
        line-height: 22px;
    }

    .section-mobile-apps .freeplan_content {
        font-size: 14px;
        line-height: 16px;
    }

    .section-mobile-apps .freeplan-img {
        max-width: 160px;
        margin: -10px auto 0px;
    }

    .section-mobile-apps .freeplan-content {
        gap: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (min-width:1023.5px) {

    /* Referral Page CSS */
    .ref-title-alt {
        font-size: clamp(22px, 2.083vw, 40px);
        font-weight: 600;
    }

    .ref-title-instruction {
        font-size: clamp(22px, 2.083vw, 40px);
        font-weight: 600;
    }

    .lg\:w-\[570px\] {
        width: 570px;
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .ref-title-myaccount {
        font-size: clamp(22px, 2.083vw, 40px);
        font-weight: 600;
    }
}

@media only screen and (min-width:1023.5px) and (max-width:1250px) {
    .header-nav ul.menu {
        margin-inline-start: 0px;
        gap: 15px;
    }

    .header-nav ul.menu>li {
        font-size: 14px;
        line-height: 16px;
    }

    .site-header .site-logo>img {
        max-width: 120px;
    }
}






/* ============================ RTL CSS =============================== */
/* rtl css for footer */
.rtl .site-footer .star-img {
    left: auto;
    right: 0px;
}

.rtl .site-footer .star-img svg {
    transform: scaleX(-1);
}

.rtl .site-footer .plus-img {
    left: 0px;
    right: auto;
}

.rtl .site-footer .plus-img svg {
    transform: scaleX(-1);
}

.rtl .site-footer .footer_popular_links .footer_popular_links_content a::after {
    right: calc(100% + 10px);
    left: auto;
}

.rtl .section-mobile-apps .freeplan_heading {
    margin-left: 14px;
    margin-right: 0px;
}

.rtl .section-mobile-apps .freeplan_content {
    padding: 14px 0px 0px 14px;
}

.rtl .section-mobile-apps .apps-content {
    padding-right: 3rem;
    padding-left: 0;
}

.rtl #add_payment_method #payment ul.payment_methods li .stripe-card-brand,
.rtl .woocommerce-checkout #payment ul.payment_methods li .stripe-card-brand {
    left: 10px !important;
    right: auto !important;
}

.rtl.woocommerce-account .account-payment-methods-table thead th:last-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 0px;
}

.rtl.woocommerce-account .account-payment-methods-table thead th:first-child {
    border-top-right-radius: 12px;
    border-top-left-radius: 0px;
}

.rtl.woocommerce-account .account-payment-methods-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 12px;
}

.rtl.woocommerce-account .account-payment-methods-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 12px;
}

.rtl .footer_social_heading {
    text-align: left;
}

/* 100mb plan design on account page phase2 */
.rtl .plan-item-header .plan-item-freeplan .info-icon {
    margin-left: 0;
    right: -17px;
}

.rtl .plan-item-header .plan-item-freeplan .plan-type {
    text-align: right;
    display: block;
    line-height: 1.5rem;
}

.rtl .plan-item-header .plan-item-freeplan .usage-text {
    text-align: left;
    display: block;
    line-height: 1.5rem;
}

.rtl .banner-pink-svg {
    right: -72px;
    left: auto;
}

/* Affiliate Partner page css */
.rtl .ap-benefits-audience-div .ap-benefits-audience-list li {
    margin-right: 40px;
    margin-left: 0px;
}

.rtl .ap-benefits-audience-div .ap-benefits-audience-list li:before {
    margin-right: -40px;
    margin-left: 0;
}

.rtl .ap-how-to-join-singlelogo .has-text-align-left {
    text-align: right;
}

.rtl .ap-how-to-join-cta .has-text-align-left {
    text-align: right;
}

.rtl .ap-faq-singlerow .has-text-align-left {
    text-align: right;
}

.rtl .ap-faq-div .ap-faq-singlerow .ap-faq-ques:before {
    right: auto;
    left: 24px;
}

.rtl #section-how .slide_description {
    margin-right: 4.8rem;
    margin-left: 0px;
}

@media only screen and (min-width:320px) and (max-width:667px) {
    .rtl .section-mobile-apps .apps-content {
        padding: 20px 20px 15px 0px;
    }
}

@media only screen and (max-width:768.5px) {
    .rtl .ap-how-to-join-div .ap-how-to-join-cta h2 {
        text-align: center;
    }
}

@media only screen and (max-width:1023.5px) {
    .rtl .footer_social_heading {
        text-align: center;
    }

    .rtl.home .section-voye-offers {
        overflow-x: hidden;
    }
}

@media only screen and (min-width:1023.5px) {
    .rtl .my-account-nav .line {
        display: none;
    }

    .rtl .my-account-nav .tab-header-btn.active {
        border-bottom: 2px solid var(--surface-brand);
        margin-bottom: -1px;
    }
}





/* sanjay css Refer & Earn page */

.text-col-black {
    color: #2a2a2e;
}


/* Refer & Earn banner css */

.vg-banner-section {
    padding-bottom: 0px;
}

.vg-banner-section span.vg-svg-icon {
    left: -94px;
}


/* Refer & Earn why css */

.vg-ref-why-section .vg-sec-top-btn {
    text-align: center;
    margin-bottom: 2.5rem;
}

.vg-ref-why-section .ref-why-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.75rem;
}

.vg-ref-why-section .ins_button {
    display: inline-flex;
    height: 56px;
    width: auto;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border-width: 1.5px;
    border-color: var(--surface-brand);
    background-color: var(--surface-brand);
    padding: 0px 40px;
    text-transform: inherit;
    color: var(--surface-primary);
    font-size: 20px;
    line-height: 28px;
}

.vg-ref-why-section .ins_button:hover {
    background-color: var(--surface-brand-darkest);
    border-color: var(--surface-brand-darkest);
    color: var(--surface-primary);
}

.vg-ref-why-section .circle-group {
    display: flex;
    align-items: center;
}

.vg-ref-why-section .circle {
    width: 9.25rem;
    height: 9.25rem;
    border: 8px solid #F3DDDD;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.vg-ref-why-section .circle:nth-child(n+2) {
    margin-left: -2.75rem;
}

.vg-ref-why-section .circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vg-ref-why-section .circle-add-more {
    background-color: #0000ff;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    width: 9.25rem;
    height: 9.25rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -1.875rem;
}

.vg-ref-why-section .circle-add-more span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 8.125rem;
    font-weight: 500;
}

.vg-ref-why-section .ref-why-content-sec {
    text-align: center;
}

.vg-ref-why-section .ref-why-content-sec .refer-btn {
    margin-top: 2.125rem;
}

/* Refer & Earn video css */

.vg-video-wrap {
    padding-bottom: 0px;
}

.vg-video-wrap .responsive-video {
    width: 100%;
    height: auto;
    max-width: 100%;
    aspect-ratio: 16/9;
    /* Maintain 16:9 aspect ratio */
    border-radius: 12px;
}

/* Affiliate partners video css */

.ap-vg-video-wrap {
    max-width: 1472px;
    margin: 0 auto;
    padding: 80px 0px;
    padding-bottom: 0px;
}

.ap-vg-video-wrap .responsive-video video {
    border-radius: 12px;
}

.ap-vg-video-wrap .responsive-video {
    width: 100%;
    height: auto;
    max-width: 100%;
    /*aspect-ratio: 16/9; */
    /* Maintain 16:9 aspect ratio */
}


/* Refer & Earn How work css */

.vg-ref-how-section {
    padding-top: 5rem;
}

.vg-ref-how-section .ref-how-sec-wrap {
    grid-template-columns: 7fr 5fr;
    display: grid;
    gap: 15px;
}

.vg-ref-how-section .ref-how-sec-wrap .ref-how-left {
    margin-right: 3.125rem;
    /*   padding-top: 2.813rem;*/
}

.vg-ref-how-section .ref-how-sec-wrap .ref-how-left .ref_content ol {
    list-style: decimal;
    list-style-position: inside;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: left;
}

.vg-ref-how-section .ref-how-sec-wrap .ref-how-right .how-work-img {
    width: 40%;
    display: block;
    margin: 0 auto;
}



/* Refer & Earn Instruction css */

.vg-ref-steps-section .refer-btn a.ins_button {
    background-color: #1000f3;
    border-color: #1000f3;
    color: #fff;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border-width: 1.5px;
    padding: 0px 40px;
    text-transform: inherit;
    line-height: 28px;
    text-transform: capitalize;
    height: 56px;
    width: auto;
}

.vg-ref-steps-section .refer-btn a.ins_button:hover {
    background-color: var(--surface-brand-darkest);
    border-color: var(--surface-brand-darkest);
    color: var(--surface-primary);
}

.vg-ref-steps-section .refer-start-sharing {
    margin: 2.5rem 0;
}

.vg-ref-steps-section .ref-container {
    grid-gap: 15px;
    margin-top: 30px;
}

.vg-ref-steps-section .ref-container {
    display: flex;
    justify-content: center;
}

.vg-ref-steps-section .step-card {
    background: #fff;
    border: 1px solid #2a2a2e;
    border-radius: 10px;
    padding: 3rem 1.25rem;
    text-align: center;
    transition: transform 0.2s ease;
    width: -webkit-fill-available;
}

.vg-ref-steps-section .step-card:hover {
    border: 1px solid #1000F3;
}

.vg-ref-steps-section .step-number {
    margin-bottom: 20px;
    display: block;
}

.vg-ref-steps-section .step-title {
    margin-bottom: 10px;
}




/* Account Referral tab css */

.border-\[--surface-gray\] {
    border-color: var(--border-light);
}

.vg-account-referrals .entry-title-alt p>span {
    display: block;
    font-size: clamp(24px, 2.500vw, 48px);
    line-height: 110%;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--surface-brand);
}

/* Refer Earning css */
.vg-account-referrals .refferal_tab_myaccount .ref_content_myaccount p {
    margin-bottom: 0px;
}

.vg-account-referrals .refferal_tab_myaccount .referral-my-banner {
    display: block;
}


/* Share Your Referral Code css */

.vg-account-referrals .share-ref-code-wrapper .ref-my-code-section {
    width: 50%;
    margin-bottom: 0px;
}

.vg-account-referrals .referral-my-share .share-ref-code-wrapper {
    gap: 50px;
}

.vg-account-referrals .share-ref-code-wrapper .ref-my-code-section {
    box-shadow: none;
    margin: 45px 0px;
    border: none;
    border-radius: 20px;
    padding: 36px;
    background: #F3DDDD;
}

.vg-account-referrals .share-ref-code-wrapper .ref-my-code-section .ref-box {
    width: 100%;
    display: block;
}

.vg-account-referrals .ref-my-code-section .code_subhead {
    color: #2a2a2e;
    font-weight: 600;
    margin-bottom: 10px;
}

.vg-account-referrals .ref-my-code-section .ref_credit {
    background: #fff;
    font-size: 23px;
    padding: 15px 20px;
    border-radius: 20px;
    width: 17rem;
    margin: 0 auto;
    margin-bottom: 10px;
}

.vg-account-referrals .ref_code_div {
    background: #fff;
    padding: 15px 20px;
    border-radius: 20px;
    width: 17rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 10fr 2fr;
    align-items: center;
}

.vg-account-referrals .ref_code_div .ref_code {
    font-size: 20px;
    margin-bottom: 0px;
}

.vg-account-referrals .ref_code_div button.copy-btn svg {
    width: 62%;
}

.vg-account-referrals .ref-my-code-section .ref_link_div {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    display: block;
}

.vg-account-referrals .referral-my-share {
    padding-bottom: 0px;
}



/* Reward History css */

.vg-account-referrals .ref_total-credit_div {
    grid-template-columns: 11fr 1fr;
    display: grid;
    align-items: center;
    margin-bottom: 1rem;
}

.vg-account-referrals .ref_total-credit_div .toggle-button {
    justify-content: end;
    display: flex;
}

.vg-account-referrals .referral-my-total-credit .ref-history-section {
    padding-bottom: 4rem;
}

.vg-account-referrals .referral-my-total-credit .ref_total-credit_div button.toggle-button svg {
    width: 70%;
    margin-top: -13px;
}

.vg-account-referrals .referral-my-total-credit {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 3rem;
}

.vg-account-referrals .referral-my-total-credit .ref_history_row .ref_history_col {
    font-size: 18px;
}

.vg-account-referrals .referral-my-total-credit .ref_history_row .ref_history_col.ref_amount {
    font-size: 20px;
}

.vg-account-referrals .referral-my-total-credit .ref_history_row {
    border-bottom: none;
    padding: 10px 0px;
}



/* Step by step instruction css */

.vg-ref-steps-section.ref-steps-myaccount-sec {
    padding-top: 5rem;
}

.vg-ref-steps-section.ref-steps-myaccount-sec .step-card .step-number p {
    color: var(--surface-brand);
}

.vg-ref-steps-section.ref-steps-myaccount-sec .step-card {
    background: #fff;
    border: 1px solid #2a2a2e;
    border-radius: 10px;
    padding: 3rem 1.25rem;
    text-align: center;
    transition: transform 0.2s ease;
    width: -webkit-fill-available;
}

.vg-ref-steps-section.ref-steps-myaccount-sec .step-card:hover {
    border: 1px solid #1000F3;
}

.vg-ref-steps-section.ref-steps-myaccount-sec .step-number {
    margin-bottom: 20px;
    display: block;
}

.vg-ref-steps-section.ref-steps-myaccount-sec .step-title {
    margin-bottom: 10px;
}

.vg-account-referrals .ref_redeems_myaccount {
    margin-top: 10px;
}



/* Home page New section design */

.vg-refer-banner-sec {
    padding-bottom: 0px;
}

.vg-refer-banner-sec .promotional_banner_main_div {
    display: grid;
    grid-template-columns: 7fr 5fr;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    background: var(--surface-brand);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    /* width: 80%; */
    margin: 0 auto;
    padding: 3rem;

}

.vg-refer-banner-sec .promotional_banner_content_section h2.banner_title span {
    display: block;
    font-size: clamp(24px, 2.500vw, 48px);
    line-height: 110%;
    font-weight: 700;
    text-transform: capitalize;
}

.text-\[--surface-opposite\] {
    color: var(--surface-opposite);
}

.text-capitalize {
    text-transform: capitalize;
}

.text-transfor-normal,
.text-transfor-normal span {
    text-transform: initial;
}

.vg-refer-banner-sec .banner_logo_img {
    position: absolute;
    right: 2.5rem;
    width: 40px;
    bottom: 2.5rem;
}

.vg-refer-banner-sec .promotional_banner_main_div .banner_img .bannerimg {
    width: 100%;
}

.vg-refer-banner-sec .promotional_banner_content_section {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.entry-title-alt-white {
    font-size: clamp(22px, 2.083vw, 40px);
    font-weight: 400;
}

.vg-refer-banner-sec .promotional_banner_image_section {
    display: flex;
    justify-content: center;
    align-items: center;
}

.vg-refer-banner-sec .circle-group {
    display: flex;
    align-items: center;
}

.vg-refer-banner-sec .circle {
    width: 9.25rem;
    height: 9.25rem;
    border: 8px solid #e9ebee;
    /* Border color for circles */
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vg-refer-banner-sec .circle:nth-child(n+2) {
    margin-left: -1.75rem;
}

.vg-refer-banner-sec .circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vg-refer-banner-sec .circle-add-more {
    background-color: #F3DDDD;
    /* Blue background for the "+" icon */
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    width: 9.25rem;
    height: 9.25rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -1.875rem;
}

.vg-refer-banner-sec .circle-add-more span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 8.125rem;
    font-weight: 500;
}

.vg-refer-banner-sec .get-know-btn a.ins_button {
    font-weight: 600;
    text-decoration: underline;
}

/* supported device content added */
.supported_device_content {
    color: #fff;
    background: #002d63;
    font-size: 1.125rem;
    line-height: 1.5;
}

.supported_device_sec {
    margin-bottom: 5rem;
    padding-bottom: 5rem;
}

.supported_device_content ol {
    list-style: decimal;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.supported_device_content p {
    font-size: 1.125rem;
    line-height: 1.5;
    /*    margin-bottom: 1rem;*/
}


/* plans result not suopport content */

.plansresult-not-support .box-container
{
    /* text-align:center; */
}
.plansresult-not-support .box-container .box 
{
    /* background-color: #fff;
    padding: 5px 5px;
    border-radius: 3px;
    width: fit-content;
    display: inline-block;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    font-size: 0.875rem;
    font-style: italic;
    letter-spacing: 0.3px;
    color: #002d63; */
}

/* calls tooltip add */
.plans-tooltip {
    position: relative;
    display: inline-block;
}
  
.plans-tooltip .plans-tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: var(--surface-brand-darkest);
    color: #fff;
    text-align: center;
    border-radius: 4px;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    /* bottom: 100%; */
    bottom: 130%;
    /* left: 30%;
    margin-left: -60px; */
    left: 0%;
    margin-left: -100px;
    padding: 7px;
    font-size: 10px;
    line-height: 12px;
    text-transform: none;
}
.plans-tooltip img{
    margin-left:5px;
    width:15px;
}
.plans-tooltip .plans-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 56%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color:  var(--surface-brand-darkest) transparent transparent transparent;
  }
  
.plans-tooltip:hover .plans-tooltiptext,
.plans-tooltip:focus-within .plans-tooltiptext,
.plans-tooltip:focus .plans-tooltiptext {
    visibility: visible;
}
.tab-plan .product .plan-details li .detail-title .detail-span{
    display: flex;
    column-gap: 0px;
}

/* Checkout Coupon new Section design */
.voye-coupon-order-checkout .sub-container{
    position: absolute;
    right: 5%;
    top: 0;
    z-index: 2;
}
.voye-coupon-section{
    /* position: absolute;
    right: 0%;
    top: 0;
    z-index: 2; */
    width: 420px;
    overflow: visible;
    background-color: var(--surface-primary);
    --tw-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.12);
    --tw-shadow-colored: 0px 4px 40px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 24px;
    border-radius: var(--corners-brand);
    margin: 20px auto 0px;
}
.voye-order-section{
    margin-top: 20px;
}
.discount-coupon-custom-voye .coupon-fields{
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 8px;
}
.order-summary-table .plan-details li{
    padding: 16px;
    border: 0px;
}
.order-summary-title{
    padding: 24px 24px 16px;
}
.checkout-pink-cross{
    bottom: 10%;
    left: -14%;
    z-index: 0;
}
.order_placed_details .review-item .plan-details{
    z-index: 1;
    position: relative;
    background: #fff;
}
.voye-order-section-mobile{
    display:none;
}
.voye-coupon-section .coupon-form-inputs{
    display: grid;
    width: 100%;
    justify-content: space-between;
    gap: 5px;
    grid-template-columns: 2fr 1fr;
    margin-bottom: 10px;
}


/* ============================ sanjay CSS =============================== */

/* Home banner  css */


.home-banner-main .banner-img {
    display: none;
}
.home-banner-main .home-wrap .homebanner-heading
{
    max-width: 100%;
    text-align: center;	
}
.home-banner-main .homebanner-heading .search-wrap .search-input
{
	  width: 60%;
    margin: 0 auto;
}

.home-banner-main .home-wrap .homebanner-heading .heading 
{
	font-size:2.6rem;
}
.home-banner-main .homebanner-heading .search-wrap .search-input
{
	width:60%;
}
.home-banner-main .home-wrap .homebanner-img 
{
	  max-width: 290px;

}
.popular-desti .popular-desti-ul 
{
    grid-template-columns: repeat(5, 1fr);
    display: grid;
	  gap: 2.2rem;

}
.home-banner-main .homebanner-heading .search-wrap .search-results{
    width: 60%;
    margin: 0 auto;
    text-align: left;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.popular-desti .container{
        max-width: 1370px !important;	

}
/* plans page  css */
.plans-banner-wrap .banner-img {
    display: none;
}
.plans-banner-wrap h1.entry-title {
    text-align: center;
}
.plans-banner-wrap .search-wrap input.search-input {
    width: 60%;
    margin: 0 auto;
}
.plans-banner-wrap .plans-banner-description {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.plans-banner-wrap .search-wrap .search-results{
    width: 60%;
    margin: 0 auto;
    text-align: left;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* My account data calls section add in card */
.plan-card-voice-section .plan-card-voice{
    display: flex;
    gap: 5px;
    justify-content: space-around;
    align-items: stretch;
}
.plan-card-voice-section .voice-div{
    background: #fff;
    width: 100%;
    border-radius: 16px;
    padding: 10px;
    text-align: center;
}
.plan-card-voice-section .voice-div .ma-call-labelused{
    font-size: 10px;
    line-height: 12px;
    text-align: center;
}
/* category info icon css */
.category_info_tooltip {
    position: relative;
    display: inline-block;
}
.category_info_tooltip .cat_info_icon{
    width: 20px;
    height: 20px;
    border: 0px;
    border-radius: 0px;
}
  
.category_info_tooltip .category_info_tooltiptext {
    visibility: hidden;
    width: 100%;
    font-size: 13px;
    line-height: 15px;
    min-width: 300px;
    background-color: var(--surface-primary);
    color: var(--surface-brand-darkest);
    font-weight: normal;
    font-style: italic;
    border-radius: 6px;
    padding: 7px 5px;
    position: absolute;
    z-index: 2;
    top: -5px;
    left: 140%;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  
.category_info_tooltip .category_info_tooltiptext::after {
    content: "";
    position: absolute;
    top: 25%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent white transparent transparent;
}
.category_info_tooltip:hover .category_info_tooltiptext {
    visibility: visible;
}
/* Home page promotional banner header design */
.section-promotional-header{
    background-color: var(--surface-brand-darkest);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding: 10px 10px 10px 10px;
}
.section-promotional-header .section-promotional-code{
	letter-spacing: 0px;
    text-transform: capitalize;
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
}
.section-promotional-header .section-promotional-code .promotional-coupon{
    /* 	 color: #FCB515; */
    font-weight: 700;
    text-decoration: underline;
}
.section-promotional-header .section-promotional-button a{
	font-size: 19px;
    letter-spacing: 0px;
    padding: 9px 28px;
    color: #e9ebee;
	width: auto;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border-width: 1.5px;
    border-color: #1000f3;
    background-color: #1000f3;
	display: inline-flex;
}
.ref-why-content-sec .ref_content{
	max-width:50%;
	margin:0 auto;
}
@media only screen and (max-width:767.5px){
    /* Home page promotional banner header design */
    .section-promotional-header{
		padding: 10px 10px 10px 10px;
	}
	  .section-promotional-header .section-promotional-code {
        text-align: center;
    }
	.section-promotional-header .section-promotional-button {
        text-align: center;
    }
	.section-promotional-header {
        display: grid;
        gap: 15px;
        grid-template-columns:1fr;
    }
}
/* Home page promotional banner header design */
@media only screen and (max-width:780.5px){
	html[lang="es-ES"] .section-promotional-header{
		display: grid;
        gap: 15px;
        grid-template-columns: 1fr;
	}
    html[lang="es-ES"] .section-promotional-header .section-promotional-code,
	html[lang="es-ES"] .section-promotional-header .section-promotional-button{
        text-align: center;
    }
}
@media only screen and (max-width:850.5px){
	html[lang="fr-FR"] .section-promotional-header{
		display: grid;
        gap: 15px;
        grid-template-columns: 1fr;
	}
    html[lang="fr-FR"] .section-promotional-header .section-promotional-code,
	html[lang="fr-FR"] .section-promotional-header .section-promotional-button{
        text-align: center;
    }
	
	html[lang="ja"] .section-promotional-header{
		display: grid;
        gap: 15px;
        grid-template-columns: 1fr;
	}
    html[lang="ja"] .section-promotional-header .section-promotional-code,
	html[lang="ja"] .section-promotional-header .section-promotional-button{
        text-align: center;
    }
}
@media only screen and (max-width:1050.5px){
	html[lang="fr-FR"]  .section-promotional-header .section-promotional-code{
		font-size: 18px;
	}
	html[lang="fr-FR"] .section-promotional-header .section-promotional-button a{
		font-size: 16px;
	}
}

@media only screen and (max-width:1090.5px){
	html[lang="ja"]  .section-promotional-header .section-promotional-code{
		font-size: 18px;
	}
	html[lang="ja"] .section-promotional-header .section-promotional-button a{
		font-size: 16px;
	}
}
@media only screen and (max-width:550px){
    /* category info icon css */
    .category_info_tooltip .category_info_tooltiptext{
        min-width: 250px;
        top: 150%;
        left: auto;
        right: -100%;
    }
    .category_info_tooltip .category_info_tooltiptext::after{
        top: 0;
        right: 10%;
        margin-top: -8px;
        border-color: transparent transparent white transparent;
    }
}

@media only screen and (max-width:450px){
    /* My account data calls section add in card */
    .plan-card-voice-section .plan-card-voice{
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width:667px){
    /* Checkout Coupon new Section design */
    .discount-coupon-custom-voye .coupon-fields{
        grid-template-columns: 1fr;
    }
    /* category info icon css */
    .category_info_tooltip .category_info_tooltiptext{
        min-width: 200px;
    }
}


@media only screen and (min-width:1023.5px) and (max-width:1200.5px){
    .plans-tooltip .plans-tooltiptext{
        width:180px;
    }
    .plans-tooltip .plans-tooltiptext::after{
        margin-left: 5px;
    }
    .ref-why-content-sec .ref_content{
		max-width:70%;
	}
}
@media only screen and (min-width:767.5px) and (max-width:1100.5px){
    .tab-plan .product .plan-details li .detail-title .detail-span{
        display: inline-grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 0px;
    }
}
@media only screen and (min-width:1200.5px) and (max-width:1240.5px){
    .tab-plan .product .plan-details li .detail-title .detail-span{
        display: inline-grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 0px;
    }
}



/* Styles for screens with max width 345px */
@media only screen and (max-width: 345px) {
    .vg-account-referrals .ref_code_div {
        width: 15rem;
    }

    .vg-account-referrals .ref-my-code-section .ref_credit {
        width: 15rem;
    }
}

@media only screen and (max-width:767.5px) {
    .text-\[70px\] {
        font-size: 3.375rem;
    }


    /* banner css */
    .vg-banner-section {
        /* padding-bottom: 0.5rem; */
    }

    .vg-banner-section .vg-page-title {
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 1.5rem;
    }

    .text-\[40px\] {
        font-size: 28px;
    }

    .py-4 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .vg-banner-section .breadcrumbs h1 {
        padding-top: 10px;
        margin-bottom: 10px;
    }

    .vg-banner-section .breadcrumbs {
        justify-content: left;
        text-align: left;
        gap: 0rem;
        margin-bottom: 0.75rem;
    }





    /* Refer & Earn why section css */

    .vg-ref-why-section {
        /* padding-top: 3.375rem;
        padding-bottom: 3.375rem; */
    }

    .vg-ref-why-section .circle:nth-child(n+2) {
        margin-left: -1.45rem;
    }

    .vg-ref-why-section .circle {
        width: 5.25rem;
        height: 5.25rem;
        border: 4px solid #F3DDDD;
    }

    .vg-ref-why-section .circle-add-more {
        width: 5.25rem;
        height: 5.25rem;
    }

    .vg-ref-why-section .circle-add-more img {
        width: 55%;
    }

    .vg-ref-why-section .ref-why-content-sec .refer-btn a.ins_button {
        font-size: 18px;
        height: 3.625rem;
        width: auto;
    }

    h2.ref-title-alt span.brand-color {
        display: block;
    }

    .text-\[24px\] {
        font-size: 18px;
    }



    /* Refer & Earn How section css */

    .vg-ref-how-section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .vg-ref-how-section .ref-how-sec-wrap {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .vg-ref-how-section .ref-how-sec-wrap .ref-how-left {
        margin-right: 0px;
        padding-top: 0px;
    }

    .vg-ref-how-section .ref_content p {
        margin-bottom: 0px;
    }

    .vg-ref-how-section .ref-how-sec-wrap .ref-how-left h2.entry-title-alt {
        text-align: center;
    }

    .vg-ref-how-section .ref-how-sec-wrap .ref-how-left .ref_content ol li {
        margin-bottom: 6px;
    }


    /* Refer & Earn Instruction section css */

    .vg-ref-steps-section .py-20 {
        padding-top: 3.375rem;
        padding-bottom: 3.375rem;
    }

    .vg-ref-steps-section .ref-container {
        grid-template-columns: 1fr;
        display: grid;
        margin-top: 30px;
    }

    .text-\[36px\] {
        font-size: 1.25rem;
    }

    .vg-ref-steps-section .step-title {
        margin-bottom: 3px;
    }

    .vg-ref-steps-section .step-number {
        display: inline;
        color: #000;
    }

    .vg-ref-steps-section .step-card {
        padding: 1rem 1rem;
        width: auto;
    }

    .vg-ref-steps-section .refer-btn a.ins_button {
        font-size: 18px;
        height: 3.625rem;
        width: 16.688rem;
    }

    .vg-ref-steps-section {
        /* padding-bottom: 2rem; */
    }


    /* Mobile App section css */

    .section-mobile-apps .freeplan_content {
        padding: 0.875rem 1.125rem 0px 0px;
    }

    .section-mobile-apps .freeplan-img {
        max-width: 100%;
    }

    .section-mobile-apps .div-mobile-apps-main {
        grid-template-columns: 1fr;
        display: grid;
        gap: 15px;
    }

    .section-mobile-apps .freeplan_heading {
        font-size: 27px;
        line-height: 25px;
    }

    .section-mobile-apps .freeplan_content {
        font-size: 16px;
        line-height: 20px;
    }

    .section-mobile-apps .apps-img img {
        max-width: 100%;
    }

    .section-mobile-apps .apps-content {
        padding-left: 1rem;
    }

    .section-mobile-apps .mobile-apps-heading {
        font-size: 26px;
        line-height: 28px;
    }

    .section-mobile-apps .mobile-apps-subheading {
        font-size: 16px;
        line-height: 22px;
    }


    .ap-vg-video-wrap {
        padding-left: 16px;
        padding-right: 16px;
    }


    /* Account Referral */

    .vg-account-referrals .share-ref-code-wrapper .ref-my-code-section {
        width: 100%;
    }

    .vg-account-referrals .referral-my-total-credit .ref_history_row {
        gap: 20px;
    }

    .vg-account-referrals .referral-my-total-credit .ref_history_row .ref_history_col.ref_amount {
        font-size: 16px;
    }

    .vg-account-referrals .refferal_tab_myaccount .referral-my-banner {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .vg-account-referrals .refferal_tab_myaccount .referral-my-share {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .vg-account-referrals .referral-my-total-credit .ref_total-credit_div button.toggle-button svg {
        margin-top: -24px;
    }

    .vg-account-referrals .ref_code_div {
        /*width: 100%;*/
    }

    .vg-account-referrals .ref-my-code-section .ref_credit {
        /*width: 100%;*/
    }

    .vg-account-referrals .share-ref-code-wrapper .ref-my-code-section {
        padding: 24px;
    }

    .vg-account-referrals .ref-my-code-section .ref-left {
        max-width: 100%;
    }

    .vg-account-referrals .entry-title-alt p>span {
        color: var(--text-secondery);
        font-size: 22px;
    }

    .vg-account-referrals .ref_total-credit_div .toggle-button span.toggle-icon {
        margin-bottom: 0px;
    }

    .vg-account-referrals .ref_total-credit_div {
        margin-bottom: 10px;
    }

    .vg-account-referrals .referral-my-total-credit {
        margin-top: 0px;
    }

    .vg-account-referrals .share-ref-code-wrapper .share-ref-total.ref-my-code-section {
        margin-bottom: 0px;
    }

    .vg-ref-steps-section.ref-steps-myaccount-sec .step-card {
        padding: 1rem 1rem;
        width: auto;
    }

    .vg-ref-steps-section.ref-steps-myaccount-sec .step-number {
        margin-bottom: 0px;
        display: block;
    }


    /* Home page Refer banner */

    .vg-refer-banner-sec {
        padding-bottom: 5rem;
    }

    .vg-refer-banner-sec .promotional_banner_main_div {
        grid-template-columns: 1fr;
        padding: 30px;
        gap: 24px;
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .vg-refer-banner-sec .promotional_banner_image_section {
        order: 1;
    }

    .vg-refer-banner-sec .promotional_banner_content_section {
        order: 2;
    }

    .vg-refer-banner-sec .promotional_banner_content_section {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        text-align: center;
    }

    .vg-refer-banner-sec .circle:nth-child(n+2) {
        margin-left: -1.25rem;
    }

    .vg-refer-banner-sec .circle {
        width: 4.50rem;
        height: 4.50rem;
        border: 4px solid #e9ebee;
    }

    .vg-refer-banner-sec .circle-add-more {
        width: 4.50rem;
        height: 4.50rem;
    }

    .vg-refer-banner-sec .circle-add-more img {
        max-width: 50%;
    }

    .vg-refer-banner-sec .banner_logo_img {
        right: 1rem;
    }


    /* supported device content css */

    .supported_device_content {
        color: #fff;
        background: #002d63;
        margin-top: 1.5rem;
    }

    .supported_device_sec {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .supported_device_content p {
        font-size: 1.125rem;
        line-height: 1.5;
        /*  margin-bottom: 1rem;*/
    }
}


@media screen and (min-width: 1024px) {
    .lg\:w-\[436px\] {
        width: 27.25rem;
    }

    .lg\:h-\[392px\] {
        height: 24.5rem;
    }

    .pt-55 {
        padding-top: 3.438rem;
    }

    .my-account-nav.tabs-header .tab-header-btn {
        min-width: 25%;
    }

}


@media only screen and (min-width: 768px) and (max-width: 1023px) {

    /* banner section  */

    .vg-banner-section {
        /* padding-top: 2.5rem;
        padding-bottom: 2.5rem; */
    }

    .vg-banner-section .vg-page-title {
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 1.5rem;
    }

    .vg-banner-section .breadcrumbs {
        justify-content: left;
        text-align: left;
        gap: 0rem;
        margin-bottom: 0.75rem;
    }


    /* Refer & Earn why section */

    .vg-ref-why-section {
        /* padding-top: 2.375rem;
        padding-bottom: 2.375rem; */
    }

    .vg-ref-why-section .circle-add-more img {
        width: 55%;
    }

    .text-\[70px\] {
        font-size: 44px;
    }

    h2.ref-title-alt span.brand-color {
        display: block;
    }

    .text-\[24px\] {
        font-size: 22px;
    }



    /* How section css */
    .vg-ref-how-section {
        /* padding-top: 2.375rem; */
        padding-bottom: 5rem;
    }

    .vg-ref-how-section .ref-how-sec-wrap .ref-how-left {
        padding-top: 0px;
    }

    .vg-ref-how-section .ref-how-sec-wrap {
        grid-template-columns: 1fr;
    }

    .vg-ref-how-section .ref-how-sec-wrap .ref-how-left {
        margin-right: 0px;
    }

    .vg-ref-how-section .ref-how-sec-wrap .ref-how-left h2.ref-title-alt {
        text-align: center;
    }

    .vg-ref-how-section .ref_content p {
        margin-bottom: 0px;
    }


    /* Instruction section css */
    .vg-ref-steps-section .ref-container {
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr;
    }

    .vg-ref-steps-section .step-card {
        padding: 1.5rem 1.5rem;
        width: auto;
    }

    .vg-ref-steps-section {
        /* padding-top: 2.375rem;
        padding-bottom: 2.375rem; */
    }

    .ref-container {
        grid-template-columns: 1fr;
        margin-top: 36px;
    }

    .vg-ref-steps-section .step-number {
        display: inline;
        color: #000;
    }

    .section-mobile-apps .apps-content {
        padding-left: 1rem;
    }

    .section-mobile-apps .mobile-apps-heading span {
        display: contents;
    }

    .section-mobile-apps .mobile-apps-subheading span {
        display: contents;
    }


    /* affiliate-partners css */

    .ap-vg-video-wrap {
        padding-left: 16px;
        padding-right: 16px;
    }


    /* Referral tab Account */

    .refferal_tab_myaccount .referral-my-banner {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .refferal_tab_myaccount .referral-my-share {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .vg-account-referrals .referral-my-share .share-ref-code-wrapper {
        /*display: flex;*/
    }

    .vg-account-referrals .share-ref-code-wrapper .ref-my-code-section {
        width: 100%;
    }

    .vg-account-referrals .ref-my-code-section .ref-left {
        max-width: 100%;
    }

    .vg-account-referrals .ref_total-credit_div .entry-title-alt {
        margin-bottom: 0px;
    }

    .vg-account-referrals .referral-my-total-credit {
        margin-top: 0px;
    }

    .vg-account-referrals .share-ref-code-wrapper .share-ref-total.ref-my-code-section {
        margin-bottom: 0px;
    }

    .vg-ref-steps-section.ref-steps-myaccount-sec .step-card {
        padding: 1.5rem 1.5rem;
        width: auto;
    }

    .vg-ref-steps-section.ref-steps-myaccount-sec .step-number {
        margin-bottom: 10px;
        display: block;
    }


    /* Home page Refer Banner sec  */

    .vg-refer-banner-sec {
        padding-bottom: 5rem;
    }

    .vg-refer-banner-sec .promotional_banner_main_div {
        grid-template-columns: 1fr;
        padding: 30px;
        gap: 24px;
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .vg-refer-banner-sec .promotional_banner_image_section {
        order: 1;
    }

    .vg-refer-banner-sec .promotional_banner_content_section {
        order: 2;
    }

    .vg-refer-banner-sec .promotional_banner_content_section {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        text-align: center;
    }

    .vg-refer-banner-sec .circle {
        width: 6.25rem;
        height: 6.25rem;
        border: 5px solid #e9ebee;
    }

    .vg-refer-banner-sec .circle-add-more {
        width: 6.25rem;
        height: 6.25rem;
    }

    .vg-refer-banner-sec .circle-add-more img {
        max-width: 50%;
    }


    /* supported device css */

    .supported_device_sec {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}


/* Styles for screens larger than 1024px */

@media only screen and (min-width: 1024px) {
    .vg-ref-steps-section.ref-steps-myaccount-sec .ref-container {
        width: 80%;
        margin: 0 auto;
    }

}

@media only screen and (max-width: 1024px) {
    .vg-refer-banner-sec .banner_logo_img {
        display: none;
    }
    .plansresult-not-support
{
    /* margin-bottom: 20px; */
}
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .vg-ref-how-section .ref-how-sec-wrap .ref-how-right .how-work-img {
        width: 50%;
    }
}


/* Styles for screens between 1024px and 1200px */
@media only screen and (min-width: 1024px) and (max-width: 1500px) {
    .vg-page-title-banner .banner-img {
        right: 16px;
    }

    .ap-vg-video-wrap {
        padding-left: 16px;
        padding-right: 16px;
    }
}


/* Styles for screens larger than 768px (e.g., tablets) */
@media only screen and (min-width: 768px) {
    .vg-ref-why-section .vg-sec-top-btn {
        display: none;
    }

}

/* calls tooltip add */
@media only screen and (max-width:1023.5px){
	.plan-details .detail-title>img{
        width: 1rem;
	}
    /* Checkout Coupon new Section design */
    .voye-coupon-order-checkout .sub-container{
        position: static;
    }
    .voye-coupon-section{
        width: 100%;
        background-color: var(--surface-secondary);
        box-shadow: none;
    }
    .voye-order-section{
      display:none;
    }
    .voye-order-section-mobile{
      display:block;
    }

    /* Home banner  css */
    .home-banner-main .home-wrap .homebanner-heading .heading {
        font-size: 2rem;
    }
    .home-banner-main .home-wrap .homebanner-heading {
        max-width: 100%;
    }
    .home-banner-main .homebanner-heading .search-wrap .search-input {
        width: 100%;
    }
    .home-banner-main .homebanner-heading .search-wrap .search-results {
        width: 100%;
    }
    .popular-desti .popular-desti-ul {
        grid-template-columns: auto;
        gap: 0.75rem;
    }
    .plans-banner-wrap h1.entry-title {
        font-size: 26px;
    }
	.plans-banner-wrap .search-wrap input.search-input {

        width: 100%;
    }
    .plans-banner-wrap .plans-banner-description{
        width: 100%;
    }
    .plans-banner-wrap .search-wrap .search-results {
        width: 100%;
    }
    /* Home page promotional banner header design */    
    .section-promotional-header .section-promotional-code {
        font-size: 18px;
        line-height: 24px;
    }
	.section-promotional-header .section-promotional-button a {
        font-size: 16px;
    }
    .ref-why-content-sec .ref_content{
		max-width:100%;
	}
}

@media only screen and (min-width:1023.5px){
    /* Checkout Coupon new Section design */
    .voye-coupon-section{
        width: 320px;
    }
}

@media (min-width:1250px){
    /* Checkout Coupon new Section design */
    .voye-coupon-section{
        width: 420px;
    }
    .review-item{
        width: 420px;
    }

}

.plans-notes{
    width: 100%;
    margin: 20px 0px;
    padding: 20px;
    background: #fff;
    border-radius: 16px;
    display: inline-block;
}
.plans-notes img{
    float: left;
    margin-right: 5px;
}
.plans-info-notes{
    width: 100%;
    margin: 20px 0px;
    padding: 20px;
    background: #fff;
    border-radius: 16px;
}
.plans-info-notes img{
    float: left;
    margin-right: 5px;
}
.plans-info-notes ul {
    list-style: inherit;
    margin-left: 16px;
}

html[lang="fr-FR"] .checkout-steps li span.text{
    font-size:14px;
}
html[lang="pt-br"] .checkout-steps li span.text{
    font-size:14px;
}
html[lang="pl-PL"] .checkout-steps li span.text{
    font-size:14px; 
}
.mobile-chat-footer .remove_all_chats{
    position: absolute;
    top: -18px;
    right: -20px;
    width: 22px;
    height: 22px;
    font-size: 14px;
    text-align: center;
    z-index: 9999;
}
#toggle-history .toggle-icon.open svg{
    transform: rotate(180deg);
}
html[lang="pl-PL"] .home #home-plans .woocommerce-Price-amount.amount bdi {
    display: inline-flex;
}
html[lang="pl-PL"] .home #home-plans .woocommerce-Price-amount.amount bdi .woocommerce-Price-currencySymbol {
    order: 1;
    margin-left: 4px;
    margin-right: 0;
}
@media only screen and (min-width:1023.5px) and (max-width:1100.5px){
    .checkout-steps{
        gap: 10px;
    }
    .checkout-steps li{
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1536px) {
	.popular-desti .popular-desti-ul{

        gap: 2.2rem;
    }
}
.page-id-25800 .checkout-shape,
.page-id-60867 .checkout-shape,
.page-id-60863 .checkout-shape{
	display:none;
}
/* Plans buttons set in diffrent transltions */
@media only screen and (min-width:1023.5px) and (max-width:1330px){
	html[lang="fr-FR"] .product .plan_buttons{
		grid-template-columns: 1fr;
	}
}
@media only screen and (min-width:1023.5px) and (max-width:1160px){
	html[lang="es-ES"] .product .plan_buttons{
		grid-template-columns: 1fr;
	}
	html[lang="pt-br"] .product .plan_buttons{
		grid-template-columns: 1fr;
	}
	html[lang="ko-KR"] .product .plan_buttons{
		grid-template-columns: 1fr;
	}
}
@media only screen and (min-width:1023.5px) and (max-width:1060px){
	html[lang="he-IL"] .product .plan_buttons{
		grid-template-columns: 1fr;
	}
}
/* mobile header nav bar set */
@media only screen and (max-width: 380.5px) {
	.site-header .show-modal:not(.header-user-btn){
		    gap: 2px;
		    padding-inline-end: 5px;
	}
	.site-header  .gap-2{
		gap: 0.3rem;
	}
	.site-header .max-w-\[123px\]{
		max-width: 110px;
	}
}
@media only screen and (max-width:360.5px){
	html[lang="pl-PL"] .section-mobile-apps .freeplan_heading{
		font-size: 18px;
        line-height: 20px;
	}
	html[lang="pl-PL"]  .section-mobile-apps .mobile-apps-heading{
		font-size: 18px;
        line-height: 20px;
	}
    html[lang="de-DE"] .section-mobile-apps .freeplan_heading{
		font-size: 18px;
        line-height: 20px;
	}
	html[lang="de-DE"]  .section-mobile-apps .mobile-apps-heading{
		font-size: 18px;
        line-height: 20px;
	}
}
@media only screen and (max-width:667.5px){
    /* relates articles section CSS */
    .section-related-articles .related-posts{
        grid-template-columns: 1fr;
    }
    .section-related-articles .related-posts .related-post-item .wp-post-image{
        max-height: 200px;
    }
}
@media only screen and (min-width:667.5px) and (max-width:1023.5px){
    /* relates articles section CSS */
    .section-related-articles .related-posts{
        grid-template-columns: 1fr 1fr;
    }
    .section-related-articles .related-posts .related-post-item .wp-post-image{
        max-height: 180px;
    }
}