/*
 Theme Name:   CiyaShop Child
 Theme URI:    http://ciyashop.potenzaglobalsolutions.com/
 Description:  CiyaShop Child Theme
 Author:       TeamWP @Potenza Global Solutions
 Author URI:   http://www.potenzaglobalsolutions.com
 Template:     ciyashop
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, e-commerce, blog, grid-layout
 Text Domain:  ciyashop-child
*/

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
	box-shadow: 2px 2px 3px #999;
  	z-index:100;
}


.my-float{
	margin-top:16px;
}



.airalo-tabs-container {
	width: 100%;
}

.inner-intro.woocommerce_inner-intro {
    background: #f8a938;
    color: #ffffff !important;
}

.travelSimDiv {
    background-color: #cd0c81;
	background-image: linear-gradient(#82338B, #9b2f89, #db0d80);
}


.checkBalanceDiv{
	background-image: linear-gradient(to top left, #f7a738, #eb5939, #e7285d);
}

.checkBalancePage{
	background-image: linear-gradient(#f7a738, #f08045, #e83b3c);
}

.checkCompatibilityDiv{
	background-image: linear-gradient(to top right, #82338b, #ba2c87, #e7285d);
}

.CompatibilityPage{
	background-image: linear-gradient(#de006f, #ba2c87, #82338b);
}

.faqPage{
background-image: linear-gradient(#82338B, #9b2f89, #db0d80);
}

.mobileCurrency{
	display: flex;
	align-content: right; 
}

.mainheading {
    text-align: center;
    font-weight: 800;
	font-size: 2em;
    margin: 1em;
	color: white;
	padding-top: 25px;
}

.full-width-white {
    background-color: #ffffff; /* Your background color */
    width: 100vw; /* Full viewport width */
    margin-left: calc(-50vw + 50%); /* Ensure it reaches both edges */
    margin-right: calc(-50vw + 50%);
	padding-right: 0px !important;
    padding-left: 0px !important;
}

.full-width-background {
    background-color: #CD0C81; /* Your background color */
    width: 100vw; /* Full viewport width */
    margin-left: calc(-50vw + 50%); /* Ensure it reaches both edges */
    margin-right: calc(-50vw + 50%);
}
.full-width-searchBG {
    background-color: #f7a738;
	background-image: linear-gradient(#82338B, #9b2f89, #db0d80);
    width: 100vw; /* Full viewport width */
    margin-left: calc(-50vw + 50%); /* Ensure it reaches both edges */
    margin-right: calc(-50vw + 50%);
	
}


.mainheadingparagragh {
	color: white;
	text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    line-height: 1.5;
    max-width: 75%;
	margin-top: 50px !important;
}

@media only screen and (max-width: 768px) {
    .mainheadingparagragh {
	color: white;
		margin-top: 0px !important;
}
}


.search-container {
/*    background-color: #f2f2f2;*/
    padding: 40px;
/*	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);*/
}

@media only screen and (max-width: 768px) {
    .search-container {
        padding: 10px; /* Reduce padding on mobile */
		margin-bottom: 25px;
    }
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6; /* Bottom border for the tab bar */
}

/* Base styles for the nav */
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	margin-top: 50px;
}

@media only screen and (max-width: 768px) {
    .nav-link {
       font-size: 1em !important;
    }
}

/* Base styles for the nav links */
.nav-link {
    color: white; /* Text color */
    padding: 10px 15px; /* Padding for better spacing */
    transition: background-color 0.3s ease; /* Smooth transition for background color */
    font-size: 1.2em; /* Font size for all tabs */
    font-weight: 600; /* Font weight for all tabs */
}

/* Styles for each specific tab */
.nav-link[href="#local"] {
    background-color: #E7285C; /* Local eSIMs color */
}

.nav-link[href="#regional"] {
    background-color: #DE006F; /* Regional eSIMs color */
}

.nav-link[href="#global"] {
    background-color: #DD0A81; /* Global eSIMs color */
}

.nav-link[href="#physical"] {
    background-color: #D3067D; /* Physical SIM Cards color */
}

/* Active tab styling */
.nav-tabs .nav-link.active {
    border-color: #dee2e6 !important; /* Border color */
    background: #fff !important; /* Background for active tab */
    z-index: 2 !important; /* Z-index for active tab */
    border-bottom-color: #fff !important; /* Bottom border color for active tab */
    border-radius: 0 !important; /* No border radius for active tab */
}

/* Specific text color and top border color for active tabs */
.nav-tabs .nav-link[href="#local"].active {
    color: #E7285C !important; /* Local eSIMs active text color */
    border-top: 3px solid #E7285C !important; /* Local eSIMs active top border color */
}

.nav-tabs .nav-link[href="#regional"].active {
    color: #DE006F !important; /* Regional eSIMs active text color */
    border-top: 3px solid #DE006F !important; /* Regional eSIMs active top border color */
}

.nav-tabs .nav-link[href="#global"].active {
    color: #DD0A81 !important; /* Global eSIMs active text color */
    border-top: 3px solid #DD0A81 !important; /* Global eSIMs active top border color */
}

.nav-tabs .nav-link[href="#physical"].active {
    color: #D3067D !important; /* Physical SIM Cards active text color */
    border-top: 3px solid #D3067D !important; /* Physical SIM Cards active top border color */
}

.nav-tabs .nav-link
{
	border : none;
	border-top-left-radius: 0em;
    border-top-right-radius: 0em;
}


.nav-link:hover {
    color: white; /* Ensure text color remains white on hover */
    opacity: 1; /* Ensure opacity remains at full */
}

.nav-fill .nav-item
{
	border: 2px solid white;
}

@media only screen and (max-width: 768px) {
    .nav-fill .nav-item
{
	font-size : 14px;
	width : 45%;
	
}
}

.inner-intro h1 {
    text-transform: inherit !important;
}

.header-style-custom .header-nav-wrapper .ciyashop-secondary-menu>li>a, .header-style-custom .header-nav-wrapper .primary-menu>li>a {
    text-transform: inherit !important;

}

/* Center the search input and button container */
.aws-container {
    display: flex;
    justify-content: center;
   /* margin: 20px auto;  Center the container with automatic left and right margins */
    width: 60%; /* Set the width to 65% of the page */
	margin-top: -15%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15%;
}

@media only screen and (max-width: 768px) {
    .aws-container {
    display: flex;
    justify-content: center;
    /*margin: 20px auto;*/
    width: 80%;
	margin-top: -45% !important;
	margin-bottom: 25% !important;
	z-index: 1000 !important;	
}
	.aws-search-field {
		margin-top: -45% !important;
	margin-bottom: 25% !important;
	z-index: 1000 !important;	
		
	}
	
	
}

/* Style the search input field */
.aws-container .aws-search-field {
    width: 100%; /* Take full width of the container */
    padding: 10px;
    border-right: none; /* Remove right border to join with button */
    border-radius: 9px 0 0 9px !important; /* Rounded corners only on the left side */
    font-size: 18px;
	font-weight: 600;
    box-sizing: border-box; /* Include padding and border in element's total width */
	border: 1px solid white;
	
}

/* Style the search button */
.aws-container .aws-search-btn {
    padding: 10px 15px;
    background-color: white !important; /* Set button background color */
    color: #fff; /* Text color */
    border-radius: 0 9px 9px 0 !important; /* Rounded corners only on the right side */
    border-left: none; /* Remove left border to match with input */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	
}

/* Ensure icon inside the button is centered */
.aws-container .aws-search-btn i {
    font-size: 16px;
    line-height: 1;
}

.aws-container .aws-search-form .aws-search-btn svg
{
	color: #cd0c81;
}

.aws-container .aws-search-field:focus {
    background-color: #fff;
    border: solid 2px white;
}

.aws-container .aws-search-form .aws-form-btn {
    border: 1px solid white;  
	background-color: white;
	z-index: 1000;
}


.wp-block-woocommerce-checkout .wc-block-components-main .wc-block-components-form .wc-block-components-checkout-step .wc-block-components-text-input input[type=text]
{
	padding : 2.5em .5em 1.2em 0.6em;
}

.wp-block-woocommerce-checkout .wc-block-components-main .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input
{
	padding : 2.5em .5em 1.2em 0.6em;
}

.wp-block-woocommerce-checkout .wc-block-components-main .wc-block-components-form .wc-block-components-checkout-step .wc-block-components-text-input input[type=tel]
{
	padding : 2.5em .5em 1.2em 0.6em;
}

.wc-block-checkout__shipping-method-option-title {
    font-size: 1rem;
    font-weight: 700;
    color: white;
}

.wc-block-checkout__shipping-method-option-icon {
    fill: currentColor;
    color: white;
}

/* Default state (main background color) */
.wc-block-components-button.wc-block-checkout__shipping-method-option {
    background-color: #cd0c81 !important; /* Main color */
/*    transition: background-color 0.3s ease; */
}

.wc-block-components-button.wc-block-checkout__shipping-method-option:hover {
    background-color: rgba(205, 12, 129, 0.7) !important; 
}

.wc-block-components-button.wc-block-checkout__shipping-method-option:focus {
    background-color: rgba(205, 12, 129, 0.7) !important; 
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px black !important;
}

.usage-style1{
	padding: 20px; 
	background-color: #EF8043; 
	border-radius: 9px; 
	color: #fff; 
	font-weight: 600; 
	margin-bottom: 2em; 
	border: solid;
}

.usage-style2{
	padding: 20px; 
	background-color: #EC593A; 
	border-radius: 9px; 
	color: #fff; 
	font-weight: 600; 
	margin-bottom: 2em; 
	border: solid;
}

.usage-style3{
	padding: 20px; 
	background-color: #F8A938; 
	border-radius: 9px; 
	color: #fff; 
	font-weight: 600; 
	margin-bottom: 2em !important; 
	border: solid;
}

.top-up {
    background-color: #3D3E3D;
    padding: 20px;
    border-radius: 9px;
    border: solid;
}

.topup-inner {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

.topup-heading {
    font-weight: 700;
    font-size: 24px;
    color: white;
}

.package-item {
    padding: 20px;
    border-radius: 9px;
    border: solid;
}

.package-inner {
    padding-bottom: 10px;
}


.package-header p {
    margin: 0;
}

.package-price {
    font-size: 1.2em;
    font-weight: 800;
    margin-top: 10px;
    text-align: center;
}

.price-separator {
    border: 0;
    border-top: 1px solid #ccc;
    margin: 10px 0; /* Adjust space around the line */
}

.text-center a {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .loop-header-active-filters .col .ciyashop-clear-filters-wrapp {
		
        margin-left: 0px !important;
        min-width: 0px !important;
        margin-top: 0px !important;
}
}

/* Ensure that extra padding/margins don't conflict with the grid */
@media (max-width: 768px) {
    .package-item {
        padding: 20px;
		margin-bottom: 2em;
    }
}

.btn-color{
	background-color: #DC0C81;
	color: #fff;
}

.btn-color:hover,
.btn-color:focus {
    background-color: #a40a6f; /* Change to a slightly darker shade on hover or focus */
}


.btn-myEsim{
	background-color: #f8a938;
	color: white;
}

.btn-myEsim:hover,
.btn-myEsim:focus {
    background-color: #e09e30; /* Darker shade for hover effect */
	color: black;
}

.text-white {
    color: white; /* Set text color to white */
}

@media (max-width: 767px) { /* Adjust for mobile devices */
    .text-white {
        padding: 10px; /* Add padding if necessary */
    }
}

.text-center {
    text-align: center; /* Center text */
}

.custom-button-container {
    text-align: center; /* Center text */
    margin-top: 20px; /* Margin top of 20px */
}

.text-bold {
    font-weight: bold; /* Make text bold */
}

.inner-intro {
    height: 100px;
}

.text-white-title{
    color: white;
    font-weight: bold;
    font-size: 25px; /* Set this size for all devices */
}

.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main {
    padding: 20px !important;
	border: 2px solid #cd0c81 !important;
    border-radius: 5px !important;
}

.wp-block-woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block {
    border-bottom: 2px solid #cd0c81 !important;
}

.is-large .wp-block-woocommerce-checkout-order-summary-block {
    border: 2px solid #cd0c81 !important;
    border-radius: 5px;
}

.wp-block-woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block {
    border-bottom: 2px solid #cd0c81;
}

.wc-block-components-sidebar {

    margin-top: 0px !important;

}

.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern,
.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern a {
    color: #fff !important;
    border-color: #FFF !important;
    background-color: #DC0C81 !important;
}

.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:hover,
.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern a:hover {
    color: #fff !important;
    border-color: #c50a6c !important;
    background-color: #a40a6f !important;
}

.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:active,
.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern a:active {
    color: #fff !important;
    border-color: #a40a6f !important;
    background-color: #a40a6f !important;
}

.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:visited,
.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern a:visited {
    color: #fff !important;
    border-color: #DC0C81 !important;
    background-color: #DC0C81 !important;
}

@media (max-width: 767px) {
    .pgscore_info_box-content_alignment-center {
        font-size: 14px; /* Adjust font size */
        padding: 5px; /* Reduce padding */
        margin-bottom: 5px; /* Reduce bottom margin */
        display: block; /* Ensure the block display */
        line-height: 1.4; /* Adjust line height for better spacing */
    }
}

@media (max-width: 767px) {
    .vc_column_container > .vc_column-inner {
        margin-bottom: 0; /* Remove space below the boxes */
        padding-bottom: 0; /* Ensure no extra padding */
    }
}

@media (max-width: 767px) {
    .woocommerce .widget_layered_nav_filters ul {
    display: flex !important;      /* Force flexbox layout */
    flex-wrap: nowrap;             /* Prevent wrapping to a new line */
    padding: 0;                    /* Remove default padding */
    margin: 0;                     /* Remove default margin */
    list-style-type: none;         /* Remove bullet points */
}

.woocommerce .widget_layered_nav_filters ul li {
    margin-right: 10px;            /* Space between items */
    padding: 5px 10px;             /* Adjust padding as needed */
    min-width: 120px;              /* Set a minimum width for each item */
    white-space: nowrap;           /* Prevent text from wrapping */
}

.woocommerce .widget_layered_nav_filters ul li:last-child {
    margin-right: 0;               /* Remove margin on the last item */
}

}

.woocommerce .widget_layered_nav_filters ul {
    display: flex !important;      /* Force flexbox layout */
    flex-wrap: nowrap;             /* Prevent wrapping to a new line */
    padding: 0;                    /* Remove default padding */
    margin: 0;                     /* Remove default margin */
    list-style-type: none;         /* Remove bullet points */
}

.woocommerce .widget_layered_nav_filters ul li {
    margin-right: 10px;            /* Space between items */
    padding: 5px 10px;             /* Adjust padding as needed */
}

.woocommerce .widget_layered_nav_filters ul li:last-child {
    margin-right: 0;               /* Remove margin on the last item */
}

    .country-item a {
        width: 100%;
        height: 100%; /* Ensure the anchor fills the entire country-item box */
    }

    .country-name p {
         /*white-space: nowrap; Prevent wrapping */
        overflow: hidden; /* Hide overflow if text is too long */
        text-overflow: ellipsis; /* Show ellipsis if text is too long */
        font-size: 0.95em; /* Adjust font size if needed */
    }

.country-item {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);
    overflow: hidden;
	float: left;
    width: 100%;
	display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%; /* Ensure the anchor fills the entire country-item box */
    padding: 10px 20px; /* Adjust padding as needed */
	
}
.country-item p {
    display: flex;
    align-items: center;
    padding: 10px;
    width: 100%;
	color: #000000;
}

.country-item a, .country-item a:focus, .country-item a:hover {
    color: #4a4a4a;
}


.country-item a, .country-item a:focus {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 55px;
    padding: 13px 20px 12px;
    text-decoration: none;
    transition: all .25s;
}
.country-name {
    padding-right: 12px;
    width: 100%;
}
.country-name p .flag {
     margin-left: 15px;
}
.country-item a span {
    color: #ddd;
    display: flex;
    transform: rotate(90deg);
    transition: all .2s;
}

.tw-text-3 {
    font-size: .75rem;
    line-height: 1.2;
}

.productlist .product {
    padding-top: 0;
    padding-bottom: 50px;
}
.productlist .row {
    margin-right: -5px;
    margin-left: -5px;
}
/*
.woocommerce ul.products li.product a img {
    background-image: url(https://webdev.b4i.travel/wp-content/uploads/2024/05/Facet.png);
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;

	
	
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {

	background-image: url(https://webdev.b4i.travel/wp-content/uploads/2024/05/Facet.png);
	background-size: cover;
}
*/
@media (max-width: 767px) {
    .mainheading {
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.6em;
    margin: 1em;
	line-height: 35px; /* Set line height to 35px for mobile */
	color: white; /* Set default text color to black */
	}
}


/* Highlight class remains the same */
.highlight {
    color: #DC0C81; /* Highlight color */
}


@media (max-width: 767px) {
    .country-item {
        width: 45%; /* Keep two per row */
        margin: 2.5%;  
        float: left;
        box-sizing: border-box;
        /*padding: 5px;*/
        height: 60px; /* Set a fixed height for uniformity */
		
		display: flex;
        align-items: center;
        padding: 12px 16px;
    }

    .country-item a {
        padding: 5px 10px; /* Reduce padding to give text more space */
        font-size: 0.8em;  /* Slightly smaller text to fit longer country names */
		margin-top: 10px;
    }
	.country-item img {
        max-width: 75%;
       
    }

	.country-item p {
        /*margin-top: 1rem;
    	margin-bottom: 1rem;
		font-size: 11px;*/
		
		
		display: block;
        padding: 0;
        width: auto;
	}
    
    /* Make the text inside the country-name smaller */
    .country-name {
         /*font-size: 0.75em !important; Adjust the text size smaller */
		/*flex: 1 1 auto;
        min-width: 0;  VERY IMPORTANT for ellipsis in flex */
    }
	.country-name p {
        margin: 0;
        font-size: 0.75em;
        color: #000;

        /* Clamp to 2 lines */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.3;
        white-space: normal;
    }


    /* Optionally adjust the country flag margin if needed */
    .country-name p .flag {
         margin-left: 10px; /*Adjust to fit the new text size */
    }


}

@media (max-width: 767px) {
    .country-item a, .country-item a:focus {
        align-items: center;
        display: flex;
        justify-content: flex-start; /* Align content to the start */
       /* min-height: 55px;  Adjust height to fit mobile */
        text-decoration: none;
        transition: all .25s;
    }
}

@media (max-width: 767px) {
    #loadMore, #showLess {
        padding: 6px 10px !important;  /* Further reduce padding */
        font-size: 12px !important;    /* Make the text smaller */
        margin-top: 10px;
        width: 45%;         
        display: inline-block;
        box-sizing: border-box;
    }

    .load-more-container, .show-less-container {
        text-align: center;
        width: 100%;
        margin-top: 10px;
        clear: both;
    }
}



@media (max-width: 767px) {
    .productlist .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}
.productlist .col-sm-12,
.productlist .col-sm-4,
.productlist .col-sm-3,
.productlist .col-sm-6,
.productlist .col-sm-8 {
    position: relative;
    min-height: 1px;
    padding: 5px;
}
@media (max-width: 767px) {
    .productlist .col-sm-12,
    .productlist .col-sm-4,
	.productlist .col-sm-3,
    .productlist .col-sm-6,
    .productlist .col-sm-8 {
        min-height: 1px;
        /*padding: 0 15px 15px 15px; */
		padding: 5px;
    }

}
.productlist .col-sm-4.special {
    padding: 0;
}
.productlist .productlist-price-container {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 90%;
    text-align: right;
    z-index: 89;
    margin: 22px;
}

@media (max-width: 767px) {
    .productlist .productlist-price-container {
        /*margin: 30px;*/
		margin: 1.2em;
		
    }
	@media (max-width: 767px) {
    .productlist .productlist-price-container {
        /*margin: 30px;*/
		margin: 1.2em;
		
    }

}

}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: transparent !important;
    padding: 10px;
    border-radius: 10px;
}
.woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name {
	display: none !important;
}
.woocommerce-variation-price {
    display: none !important;
}

/* eSIM Description Styling */
.esim-description {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #333;
  line-height: 1.6;
}

.esim-description h2 {
  font-size: 2rem;
  color: #1a1a1a;
  margin-bottom: 20px;
  text-align: center;
  border-bottom: 2px solid #f8a938;
  padding-bottom: 10px;
}

.esim-description > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.esim-description > ul > li {
  background: #f9f9f9;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.esim-description > ul > li > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.esim-description > ul > li > ul > li {
  margin-bottom: 10px;
  font-size: 1rem;
}

.esim-description > ul > li > ul > li strong {
  color: #1a1a1a;
  font-weight: 600;
}

.esim-description > ul > li > ul > li > ul {
  margin-top: 5px;
  padding-left: 20px;
}

.esim-description > ul > li > ul > li > ul > li {
  list-style-type: disc;
  margin-bottom: 5px;
  font-size: 0.95rem;
  color: #555;
}

/* Responsive Design */
@media (max-width: 600px) {
  .esim-description {
    padding: 15px;
  }

  .esim-description h2 {
    font-size: 1.8rem;
  }

  .esim-description > ul > li {
    padding: 15px;
  }

  .esim-description > ul > li > ul > li {
    font-size: 0.9rem;
  }
	
.woocommerce.single-product div.product form.cart .variations td select {
    font-weight: 700 !important;
	font-size: 10px !important;
	padding: 0px 12px !important;
	}	
}

.woocommerce div.product .woocommerce-tabs .wc-tabs-nav-wrapper ul.tabs {
    margin-bottom: 30px;
    display: none;
}

.woocommerce.single-product div.product form.cart .variations td.label {
    min-width: 95px !important;

}
.variations_form select {
    width: 100% !important;
    padding: 12px 16px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='%23999' points='0,0 140,0 70,100'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 12px;
    transition: all 0.3s ease-in-out;
}

.variations_form select:hover,
.variations_form select:focus {
    border-color: #666;
    outline: none;
}

.variations label {
    font-weight: bold !important;
    margin-bottom: 8px;
    display: block;
    font-size: 16px !important;
	color: #9b3189 !important;
}

/* ===============================
   WooCommerce variation select
   =============================== */

.woocommerce.single-product div.product form.cart .variations td select {
    width: 100%;
    min-height: 58px;
    padding: 12px 46px 12px 14px;
    font-size: 14px;
	font-weight: 700;
    line-height: 1.4;
    color: #333;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 8px;
    cursor: pointer;

    /* Ensure long text visibility */
    white-space: normal;

    /* Remove native styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Custom arrow (brand color) */
    background-image:
        linear-gradient(45deg, transparent 50%, #9b3189 50%),
        linear-gradient(135deg, #9b3189 50%, transparent 50%);
    background-position:
        calc(100% - 22px) 50%,
        calc(100% - 16px) 50%;
    background-size: 6px 6px;
    background-repeat: no-repeat;
}

/* Focus state */
.woocommerce.single-product div.product form.cart .variations td select:focus {
    outline: none;
    border-color: #9b3189;
    box-shadow: 0 0 0 3px rgba(155, 49, 137, 0.15);
}

/* Disabled */
.woocommerce.single-product div.product form.cart .variations td select:disabled {
    background-color: #f2f2f2;
    color: #999;
    cursor: not-allowed;
}

/* Dropdown option styling */
.woocommerce.single-product div.product form.cart .variations td select option {
    padding: 10px;
    font-size: 14px;
    white-space: normal;
}

/* Selected option (browser support varies) */
.woocommerce.single-product div.product form.cart .variations td select option:checked {
    background-color: #9b3189;
    color: #fff;
}

/* Hover highlight (where supported) */
.woocommerce.single-product div.product form.cart .variations td select option:hover {
    background-color: #f8a938;
    color: #000;
}



.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 22%;

}
.woocommerce-account .woocommerce-MyAccount-content {
    float: inline-start !important ;
    margin-left: 2% !important;
	width: 75% !important;
	margin-top: 18px !important;
}

.woocommerce-MyAccount-navigation>ul li.woocommerce-MyAccount-navigation-link--esim-details a::before {
    content: "\f15c";
    font-weight: 400;
}

/* WooCommerce My Account Dashboard Blocks */

.woocommerce-account .woocommerce-MyAccount-content p {
  color: #000000;
}
.woocommerce-account .woocommerce-MyAccount-content p > a {
  color: #000000;
	font-weight: 700;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
    background-color: #f1574b;
    border-radius: 8px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation > ul {
	border: 0px solid #e5e5e5 !important; 

}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
    color: #ffffff !important;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-size: 16px;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a::before {
    content: '\f0c9'; /* Example: Font Awesome icon (replace with specific icon classes) */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #ffffff;
    font-size: 20px;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active {
    background-color: #ffffff;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a {
    color: #f1574b;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a::before {
    color: #f1574b;
}
.woocommerce-account .woocommerce-MyAccount-navigation > ul li a:hover {
  background: #f5f5f5;
  color: #000000 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation > ul li.is-active a {
  background: #f5f5f5;
  color: #000000 !important;
}

/* WooCommerce Dashboard Tables */
.woocommerce-MyAccount-content table,
.woocommerce table.my_account_orders,
.woocommerce table.shop_table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    color: #000000;
}

.woocommerce-MyAccount-content th,
.woocommerce-MyAccount-content td,
.woocommerce table.my_account_orders th,
.woocommerce table.my_account_orders td,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border: 1px solid #f1574b;
    padding: 12px;
    text-align: left;
}

.woocommerce-MyAccount-content th,
.woocommerce table.my_account_orders th,
.woocommerce table.shop_table th {
    background-color: #f1574b;
    color: #000000;
}

.woocommerce-MyAccount-content tr:nth-child(even),
.woocommerce table.my_account_orders tr:nth-child(even),
.woocommerce table.shop_table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.woocommerce-MyAccount-content tr:hover,
.woocommerce table.my_account_orders tr:hover,
.woocommerce table.shop_table tr:hover {
    background-color: #ffe6e4;
}

/* Ensure responsiveness */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
        padding: 10px;
        font-size: 14px;
    }

    .woocommerce-MyAccount-content th,
    .woocommerce-MyAccount-content td,
    .woocommerce table.my_account_orders th,
    .woocommerce table.my_account_orders td,
    .woocommerce table.shop_table th,
    .woocommerce table.shop_table td {
        padding: 8px;
        font-size: 14px;
    }
	.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
	}
	.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;

	}
	
}


.myaccount-grid-navigation .grid-navigation {
	
	background-color: #f1574b;
	color: #000000;
	
}
.myaccount-grid-navigation .grid-navigation a span {

	color: #ffffff !important;
}

.myaccount-grid-navigation .grid-navigation i.fa {
  font-size: 50px;
  color: #ffffff;
  display: block;
  margin-bottom: 10px;
}