/* Home page Changes */
.wcml_currency_switcher .wcml-cs-active-currency a:hover {
    background: var(--surface-brand);
}
.section-promotional-header .section-promotional-button a{
    background-color:var(--btn-brand);
	border-color:var(--btn-brand);
	color:var(--text-primary);
}
.section-promotional-header .section-promotional-button a:hover{
	background-color:var(--btn-brand-hover);
	border-color:var(--btn-brand-hover);
	color:var(--text-primary);
}
.footer_popular_links .footer_popular_links_heading{
    color: var(--text-primary);
	font-family: 'F37Judge-Regular';
}
.footer_apps_div .footer_apps_heading,
.footer_social_heading{
    color: var(--text-primary);
	font-family: 'F37Judge-Regular';
}
.home-banner.home-banner-main{
	background-color:var(--surface-brand);
}
.home-banner.home-banner-main .heading{
	color:var(--surface-primary);
}
.home .popular-desti h2,
.home .popular-desti .plans_description {
	color:var(--surface-primary);
}
.section-voye-offers .offer_button .offer_btn,
.home-plans-explore-div .home-plans-explore-button,
.section-explore .explore_button .explore_btn{
	border-color: var(--btn-brand);
    background-color: var(--btn-brand);
	color:var(--text-primary);
	border-radius: 20px;
	height: 40px;
    border-radius: 20px;
	font-size: 1rem;
    font-weight: bold;
}
.section-voye-offers .offer_button .offer_btn:hover,
.home-plans-explore-div .home-plans-explore-button:hover,
.section-explore .explore_button .explore_btn:hover{
	border-color:var(--btn-brand-hover);
	color:var(--text-primary);
	background: var(--btn-brand-hover);
}
/* Footer */
.section-mobile-apps .div-mobile-apps-sub{
	background: var(--surface-brand-darkest) url(/wp-content/uploads/2024/08/Vector.png) no-repeat center right;
}
.section-mobile-apps .mobile-apps-heading{
	color:var(--text-primary);
}
.section-mobile-apps .mobile-apps-subheading{
	color:var(--text-primary);
}
.section-mobile-apps .div-freeplan-sub{
    background-image: url(/wp-content/themes/travelrepublic/assets/img/TR-Shape.png), url(/wp-content/themes/travelrepublic/assets/img/TR-Shape2.png);
	background-color: var(--surface-brand-darkest);
}
.section-pad .text-btn.faq-load-more{
    color: var(--surface-brand) !important;
    border-color: var(--border-brand);
}
.home .section-promotional-header{
	display:none !important;
}
.section-pad .floating svg path{
	fill:var(--surface-brand);
}
body #section-how .slide_description{
	color: var(--text-secondery);
}
.site-footer .footer-payment-option .payment-opt-img img {
	width: 25%;
}
.bg-\[url\(\'\.\.\/img\/search\.svg\'\)\]{
    background-image: url(assets/img/search.svg) !important;
}
.section-why .why-section-star svg path{
	fill: var(--surface-brand-darkest);
}
.home #section-why,
.page-template-tpl-about #section-why{
	background-color: var(--surface-brand);
}
.home .popular-product:hover .popular-plan-price{
	background-color:var(--btn-brand-hover)
}
.search-with-icon, 
.supported-search-input, 
.phone-code-search-input{
	background-image: url(assets/img/search.svg) !important;
}

/* Plans page design */
.page-template-tpl-plans .plans-banner{
	background-color: var(--surface-brand);
}
.page-template-tpl-plans .plans-banner .breadcrumbs svg path{
	stroke:var(--surface-primary);
}
.page-template-tpl-plans .plans-banner .breadcrumbs{
	color: var(--text-primary);
}
.page-template-tpl-plans .plans-banner .esim-title{
	color: var(--text-primary);
}
.page-template-tpl-plans .plans-banner .plans-banner-description{
	color: var(--text-primary);
}
.plan_description .plan_desc{
	background-color: var(--surface-brand);
}
.plan_description .cat-des-star svg path{
	fill:var(--surface-brand-darkest);
}
/* single product page design */
.single-product .single_plus_icon svg path{
	fill: var(--btn-brand);
}
.single-product .summary-tabdiv .summary-tab .tablinks.active{
	color: var(--surface-brand);
	border-bottom: 1px solid var(--border-brand);
}
/* My Account */
.woocommerce-page .vg-banner-section .breadcrumbs{
	color: var(--text-primary);
}
.woocommerce-page .vg-banner-section .breadcrumbs svg path{
	stroke:var(--surface-primary);
}
.woocommerce-page .vg-banner-section .entry-title{
	color:var(--surface-primary);
}
.woocommerce-page .vg-banner-section .vg-svg-icon svg path{
	fill: var(--blue);
}
.woocommerce-page .vg-banner-section{
	padding-bottom: 0px;
}
.woocommerce-page.woocommerce-edit-account .myaccount-wrap{
	background-image: none;
}
/* Delete my account */
body .loader{
	background-image: url(assets/img/loader.svg);
}
/* checkout steps */
body .checkout-shape{
	background-color: var(--surface-secondary);
}
.voye-order-section .checkout-pink-cross svg path{
	fill: var(--blue);
}
.order_placed_details .checkout-pink-cross svg path{
	fill: var(--blue);
}
.checkout-form-step-1 .check-esim-btn{
	color: var(--text-brand);
}
.checkout-form-step-1 .input-wrap .show-modal{
	color: var(--text-brand);
}
body .checkbox{
	border-color: var(--border-light);
}
body .checkbox:after{
	background-image: url(assets/img/check.svg);
}
.easy-select .es-option{
	color: var(--text-secondery) !important;
}
#quack-container button.quackchat-root + div{
	z-index:9999 !important;
}
#quack-container .qc-Chat__Widget_Popover{
	height: 100%;
}
html[lang="tr-TR"] .checkout-steps .text{
	font-size: 14px;
}
html[lang="de-DE"] .checkout-steps .text{
	font-size: 14px;
}
html[lang="pl-PL"] .checkout-steps .text{
	font-size: 14px;
}
html[lang="pl-PL"] .checkout-steps li{
	gap: 6px;
}
.site-footer .footer_apps_icons a svg{
	width: 30px;
	height: 30px;
}
.site-footer .footer_social_icons a svg{
	width: 30px;
	height: 30px;
}
.vg-banner-section span.vg-svg-icon{
	z-index: 1;
}
body .button,
body form [type="submit"],
body .wpcf7 [type="submit"]{
	border-radius: 20px;
    border-color: var(--btn-brand);
    background-color: var(--btn-brand);
	font-size: 1rem;
    font-weight: bold;
	transition: none;
    height: 40px;
}
body form [type="submit"].button:hover, 
body .button:hover,
body form [type="submit"]:hover{
	color: var(--surface-primary);
    background: var(--btn-brand-hover);
    border-color: var(--btn-brand-hover);
}
body .button.white{
    background-color: var(--surface-primary);
    color: var(--btn-brand);
    border-color: var(--btn-brand);
    font-size: 1rem;
    font-weight: bold;
    height: 40px;
    border-radius: 20px;
	transition: none;
}
body .button.white:hover{
	color: var(--surface-primary);
    background-color: var(--btn-brand-hover);
    border-color: var(--btn-brand-hover);
}
.contact-section .wp-block-social-links .wp-block-social-link.wp-social-link {
    background-color: var(--btn-brand) !important;
}
.page-template-tpl-delete-account .es-option, .page-template-tpl-contact .es-option {
    height: 48px;
}
.page-template-tpl-delete-account .easy-select .es-current, .page-template-tpl-contact .easy-select .es-current{
	height: 48px;
}
.page-template-tpl-supported .supported_device_content.supported_device_sec {
    background: var(--surface-secondary);
    color: var(--text-secondary);
}
.page-template-tpl-supported  .supported_device_content{
	background: var(--surface-brand);
}
.page-template-tpl-content .plans-banner {
    background: transparent;
}
body .custom_ajax_add_to_cart_button {
    height: 62px; 
}
html[lang="es-ES"] span.error, 
html[lang="es-ES"] .wpcf7-not-valid-tip, 
html[lang="es-ES"] label.error{
	line-height:12px;
}
html[lang="de-DE"] span.error, 
html[lang="de-DE"] .wpcf7-not-valid-tip, 
html[lang="de-DE"] label.error{
	line-height:12px;
}
html[lang="fr-FR"] span.error, 
html[lang="fr-FR"] .wpcf7-not-valid-tip, 
html[lang="fr-FR"] label.error{
	line-height:12px;
}
html[lang="ja"] span.error, 
html[lang="ja"] .wpcf7-not-valid-tip, 
html[lang="ja"] label.error{
	line-height:12px;
}
html[lang="pl-PL"] span.error, 
html[lang="pl-PL"] .wpcf7-not-valid-tip, 
html[lang="pl-PL"] label.error{
	line-height:12px;
}
html[lang="pt-br"] span.error, 
html[lang="pt-br"] .wpcf7-not-valid-tip, 
html[lang="pt-br"] label.error{
	line-height:12px;
}
.woocommerce-page .vg-banner-section {
    padding-bottom: 0px;
    background: var(--surface-brand);
}
.woocommerce-edit-account .woocommerce-EditAccountForm .woocommerce-Button{
	font-size: 1rem !important;
	height:40px !important; 
}
.customer-plan .not-activated-box .button.show-modal{
	font-size: 1rem !important;
  height: 40px !important;
}
.woocommerce-checkout  .payment-list .button.white svg path{
	stroke:var(--btn-brand);
}
.woocommerce-checkout  .payment-list .button.white:hover svg path{
	stroke:var(--text-primary);
}

@media only screen and (max-width:1023.5px){
	.home .popular-desti h2, .home .popular-desti .plans_description{
		color: var(--text-secondery);
	}
	.how-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active .text{
		color: var(--text-secondery);
	}
	/* Plans page design */
	.site-footer .site-logo {
        max-width: 350px;
    }
	.mobile-chat-footer-span{
		min-height: auto !important;
		position:relative;
	}
	html[lang="ja"] .site-header .header-menu-btn{
		display: block;
	}
	.site-footer .footer-payment-option .payment-opt-img img {
        width: 57%;
    }
    .site-footer .footer-payment-option {
        margin-top: 0px;
    }
	.page-template-tpl-content .plans-banner {
        padding-bottom: 0;
    }
}
@media only screen and (min-width:1023.5px){
	/* Delete my account */
	.page-template-tpl-delete-account .breadcrumbs{
		color: var(--text-primary);
	}
	.page-template-tpl-delete-account .breadcrumbs svg path{
		stroke:var(--surface-primary);
	}
	.page-template-tpl-delete-account h1{
		color:var(--surface-primary);
	}
	.page-template-tpl-delete-account .absolute.left-10 svg path{
		fill: var(--blue);
	}
	.voye-order-section .review-item{
		width: 100%;
		min-width: 380px;
	}
	.voye-coupon-section.discount-coupon-custom-voye { 
	 	max-width: 400px;
	}
	.page-template-tpl-contact .lg\:bg-\[--surface-opposite\] {
        background-color: var(--surface-brand);
    }
	body .breadcrumbs svg path {
        stroke: var(--text-primary);
    }
	body .breadcrumbs {
        color: var(--text-primary);
    }
	.page-template-views h1 {
        color: var(--text-primary);
    }
	.page-template-tpl-supported .lg\:bg-\[--surface-secondary\] {
        background-color: var(--surface-brand);
    }
	.page-template-tpl-delete-account .lg\:bg-\[--surface-opposite\] {
        background-color: var(--surface-brand);
    }
	.page-template-tpl-how-to-install .lg\:bg-\[--surface-opposite\] {
        background-color: var(--surface-brand);
    }
	.page-template-tpl-content .plans-banner {
        background: var(--surface-brand);
    }
}

@media only screen and (min-width: 1023.5px) and (max-width: 1200.5px) {
    .section-mobile-apps .div-mobile-apps-sub .apps-img img {
        max-width: 215px;
    }
}
@media only screen and (min-width: 1200.5px){
		.section-mobile-apps .div-mobile-apps-sub .apps-img img{
		max-width: 335px;
	}
}
@media only screen and (max-width:667.5px){
	.woocommerce-add-payment-method .wc-credit-card-form>.form-row-first{
		padding-inline-end: 0px;
        width: 100%;
		margin-bottom: 10px;
	}
	.woocommerce-add-payment-method .wc-credit-card-form>.form-row-last{
		padding-inline-start: 0px;
		width: 100%;
		margin-bottom: 10px;
	}
	.woocommerce-add-payment-method .wc-credit-card-form .form-row-wide{
		margin-bottom: 10px;
	}
}