/* Font Family Implementation*/
@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('assets/fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('assets/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Italic';
    src: url('assets/fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('assets/fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('assets/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('assets/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html body {
    font-family: 'Roboto-Regular', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto-Bold', sans-serif;
}

footer.site-footer{
	background-color:var(--footer-bg);
}
.home-banner .heading{
	color:var(--text-primary);
}
.site-footer .footer_apps_icons a svg {
    width: 30px;
    height: 30px;
}
.site-footer .footer_social_icons a svg {
    width: 30px;
    height: 30px;
}
.section-mobile-apps .div-mobile-apps-sub{
    background: var(--surface-brand) 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-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: 4px;
	transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
	opacity: 1;
}
.section-voye-offers .offer_button .offer_btn:hover,
.home-plans-explore-div .home-plans-explore-button:hover,
.section-explore .explore_button .explore_btn:hover{
	background-color: var(--btn-brand-hover);
	border-color: var(--btn-brand-hover);
	opacity: 1;
}
.bg-\[url\(\'\.\.\/img\/search\.svg\'\)\]{
    background-image: url(assets/img/search.svg) !important;
}
.search-with-icon, 
.supported-search-input, 
.phone-code-search-input{
	background-image: url(assets/img/search.svg) !important;
}
.section-pad .text-btn.faq-load-more{
    color: var(--surface-brand) !important;
    border-color: var(--border-brand);
}
.home-banner-main .homebanner-heading .search-wrap .search-input{
	border-color:var(--surface-brand);
}
.contact-section .wp-block-social-links .wp-block-social-link.wp-social-link{
	background-color: var(--btn-brand) !important;
}
body .button, body form [type="submit"]{
	background: var(--btn-brand);
	border-radius: 4px;
	border-color: var(--btn-brand);
	color: var(--text-primary);
	opacity: 1;
    transition-property:none;
}
body .button:hover, 
body form [type="submit"]:hover,
body form [type="submit"].button:hover{
	background-color: var(--btn-brand-hover);
	border-color: var(--btn-brand-hover);
	opacity: 1;
}
.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;
}
.easy-select .es-option{
	color:var(--text-secondary) !important;
}
body #section-how .how-swiper-nav .how-line.laststep_active {
    height: 100% !important;
}
.mobile-chat-footer .mobile-chat-footer-span{
	position:relative;
}
.page-template-tpl-supported .supported_device_content{
	background: var(--surface-opposite);
}
.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 p{
	line-height: 25px;
}
.page-template-tpl-supported .supported_device_content ol{
	line-height: 25px;
}
.wcml_currency_switcher .wcml-cs-active-currency a:hover {
    background: var(--surface-brand);
}
body .tabs-header .line{
	background-color: var(--text-brand);
}
body .tab-header-btn.how-to-tab-btn.active{
    border-color: var(--text-brand);
}
body .how-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    color: var(--text-brand);
}
body .plans-results .tabs-plans-header .plans_ntabs.active{
	border-bottom: 2px solid var(--text-brand);
}
body .checkout-shape{
    background-color: var(--surface-secondary);
}
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="ar"] span.error, 
html[lang="ar"] .wpcf7-not-valid-tip, 
html[lang="ar"] 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;
}
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="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;
}
body .loader{
	background-image: url(assets/img/loader.svg);
}
.discount-coupon-custom-voye.voye-coupon-section .wcf-coupon-code-input{
    border-radius: 4px;
}
.woocommerce-page .vg-banner-section {
    padding-bottom: 0px;
}
.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: #4DA2F0;
}
.woocommerce-page .vg-banner-section .vg-svg-icon{
	z-index:1;
}
.single_plus_icon svg path{
	fill:#4DA2F0;
}
.custom-my-account-nav .tab-header-btn:nth-of-type(3) {
    display: none !important;
}
body .button.white{
	color: var(--btn-brand);
}
body .button.white:hover{
	color: var(--text-primary);
}
body .checkbox-wrap{
	text-align: left;
}
.page-template-tpl-plans .plans-banner .breadcrumbs{
	color: var(--text-primary);
}
.page-template-tpl-plans .plans-banner .breadcrumbs svg path{
	stroke: var(--text-primary);
}
.page-template-tpl-plans .plans-banner h1{
	color: var(--text-primary);
}
.page-template-tpl-plans .plans-banner .plans-banner-description{
	color: var(--text-primary);
}


@media only screen and (min-width:1023.5px){
	.home #home-plans h2{
	    color:var(--text-primary);
    }
	.home #home-plans .plans_description {
	    color:var(--text-primary);
    }
    .page-template-views .breadcrumbs{
		color: var(--text-primary);
	}
	.page-template-views .breadcrumbs svg path{
		stroke: var(--text-primary);
	}
	.page-template-views h1{
		color: var(--text-primary);
	}
    .page-template-tpl-supported  .lg\:bg-\[--surface-secondary\] {
        background-color: var(--surface-opposite);
    }
    body .tab-header-btn.active{
		color: var(--text-brand);
	}
    .voye-order-section .review-item{
		width: 100%;
		min-width: 380px;
	}
	.voye-coupon-section.discount-coupon-custom-voye { 
	 	max-width: 400px;
	}   
}
@media only screen and (max-width:1023.5px){
    .tab-header-btn.ios-sub-tab-btn.active{
        border-color: var(--text-brand);
    }
    .page-template-tpl-content .plans-banner .breadcrumbs{
		color: var(--text-primary);
	}
	.page-template-tpl-content .plans-banner .breadcrumbs svg path{
		stroke: var(--text-primary);
	}
	.page-template-tpl-content .plans-banner h1{
		color: var(--text-primary);
	}
    html[lang="ja"] .site-header .header-menu-btn {
        display: block;
    }
    .site-footer .site-logo img{
        max-width:320px;
    }
}