/*
Theme Name: Vector Foiltec Asia
Theme URI: 
Author: Vector-Foiltec Asia
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: vector-foiltec-asia
Tags: 

/* CSS Reset
---------------------------------------------------------------------------- */

/* CSS Reset
---------------------------------------------------------------------------- */

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

b,
strong {
  font-weight: 600;
}

ol,
ul {
  padding: 0;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
  padding-inline-start: var(--wp--preset--spacing--md);
}

div[class*="wp-block-"] figcaption {
  color: var(--wp--preset--color--neutral-9);
  font-size: var(--wp--preset--spacing--xs);
  margin-bottom: 0;
  margin-top: 20px;
  text-align: center;
}

img,
figure {
  max-width: 100%;
  height: auto;
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
  font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
  appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
  color: var(--wp--preset--color--neutral-10);
  border-radius: 5px;
  border: solid 1px var(--wp--preset--color--neutral-10);
  padding: 0.5em 1em;
  font-size: var(--wp--preset--font-size--text-base);
  width: 100%;
}

input:focus-visible,
textarea:focus-visible {
  outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto;
}

label {
  width: 100%;
  display: block;
}

::placeholder {
  color: var(--wp--preset--color--neutral-10);
  font-size: var(--wp--preset--font-size--text-sm);
  opacity: 0.75;
}

/* Post Comment Button */
input[type="submit"].wp-block-button__link {
  padding-top: var(--wp--custom--block--button--padding-y);
  padding-right: var(--wp--custom--block--button--padding-x);
  padding-bottom: var(--wp--custom--block--button--padding-y);
  padding-left: var(--wp--custom--block--button--padding-x);
}

input[type="submit"].wp-block-button__link:hover {
  background-color: var(--wp--preset--color--neutral-12);
  color: var(--wp--preset--color--light);
  border-color: var(--wp--preset--color--neutral-12);
}

:root {
  --focus-ring-color: var(--wp--preset--color--neutral-10);
  --focus-ring-offset: 2px;
}

:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
  outline-color: var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}

.wp-element-button,
.wp-block-button__link {
  transition: all 0.2s ease-in-out;
}

/* Custom CSS */

:root {
  --wp-admin-border-width-focus: 0px !important;
  --focus-ring-color: #ffffff00 !important;
}

/* Home */
.visual-breaker-container {
  display: flex;
}

.footer-email a {
  font-family: var(--wp--preset--font-family--montserrat) !important;
  font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.25), 18px);
  font-style: normal;
  font-weight: 400;
}

.footer-number a {
  font-family: var(--wp--preset--font-family--montserrat) !important;
  font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.25), 18px);
  font-style: normal;
  font-weight: 400;
}

/* featured image */

.mySwiper .swiper-wrapper {
  max-width: 1456px;
  /*     overflow: hidden; */
}

.mySwiper .swiper-slide {
  /* max-width: 340px;
	width: 340px !important; */
  /* max-width: 460px;
	width: 460px !important; */
  /* max-height: 454px; */
  max-height: 614px;
  /* margin-right: 32px !important; */
}

.featured-images-group .swiper-button-prev {
  left: -8%;
  color: #50575d;
}

.featured-images-group .swiper-button-next {
  right: -8%;
  color: #50575d;
}

.swiper-button-next,
.swiper-button-prev {
  z-index: 1 !important;
}

/* what we do */
.what-we-do-container {
  display: flex !important;
  width: 100%;
}

.what-we-do-trailing {
  flex: 1;
}

.service-container {
  display: inline-block !important;
}

li.wp-block-post.service.type-service {
  display: inline-block !important;
  margin-right: 16px;
}

/* video wrapper */
p.youtube-title {
  font-family: var(--wp--preset--font-family--questrial) !important;
  font-weight: 400;
  font-size: var(--wp--preset--font-size--text-4-xl) !important;
  color: #50575d;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}

/* our services */

.services-slider-group-block {
  overflow: clip;
}

/* contact us */
.expert-card {
  background: #fff;
  padding: 1rem;
  border-radius: 10px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  max-width: 250px;
}

.expert-img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  margin-bottom: 0.5rem;
}

.contact-us-main-container {
  overflow: clip !important;
}

img.visual-breaker-image {
  width: 100vw !important;
}

/* work with us floating button */

.floating-button {
  position: fixed;
  bottom: 20px;
  right: 100px;
  z-index: 9999;
}

.floating-button:hover {
  transform: translateY(-4px);
  opacity: 0.95;
}

.floating-button {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.floating-button.show {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0s ease-in;
}

/* work with us btn */
.work-with-us-button a,
.social-media-link,
#to_top_scrollup {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.work-with-us-button a:hover,
.social-media-link:hover,
#to_top_scrollup:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  /* optional for depth effect */
}

.header-text-link {
  padding: 12px 16px !important;
}

.footer-email a,
.footer-number a,
.footer-text-link,
.header-text-link {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.footer-email a:hover,
.footer-number a:hover,
.footer-text-link:hover {
  text-decoration: underline;
}

.header-text-link:hover {
  background-color: #edeeee;
}

.vfasia-home-h1 h1 {
  padding-top: 42px !important;
}

ul#sitemap a {
  color: #50575d !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-family: var(--wp--preset--font-family--questrial) !important;
  font-size: var(--wp--preset--font-size--text-4-xl) !important;
}

.query-loop.why-choose-etfe ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 16px;
}

.query-loop.why-choose-etfe ul>li>h2 {
  margin: 0px !important;
}

/* responsivness */
@media (min-width: 1280px) and (max-width: 1680px) {
  .mySwiper .swiper-wrapper {
    /* max-width: 1080px;  */
    /*     overflow: hidden; */
  }

  .featured-images-group {
    margin: auto !important;
  }

  .featured-images-group .swiper-button-prev {
    left: -3%;
    color: #50575d;
  }

  .featured-images-group .swiper-button-next {
    right: -3%;
    color: #50575d;
  }

  .servicesSwiper .swiper-button-prev,
  .servicesSwiper .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 260px) !important;
    right: auto;
  }

  .servicesSwiper .swiper-button-next,
  .servicesSwiper .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 260px) !important;
    left: auto;
  }

  .testimonial-slider-wrapper .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, -120px) !important;
    right: auto;
  }

  .testimonial-slider-wrapper .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, -120px) !important;
    left: auto;
  }

  .vfasia-home-h1 h1 {
    padding-top: 42px !important;
  }
}

@media (min-width: 1280px) {
  .expert-that-build-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 390px) and (max-width: 400px) {

  .header-second-part {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .vfasia-site-logo {
    max-width: 300px;
    margin-left: 0px !important;
  }

  .contact-us-heading1 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .swiper.expert-swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    max-width: 340px !important;
    /* overflow: visible !important; */
  }

  .mySwiper .swiper-wrapper {
    max-width: 340px;
  }

  /* .mySwiper .swiper-slide {
		width: auto !important;
	} */

  .featured-images-group {
    margin: auto !important;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 24px !important;
  }

  .featured-images-group .swiper-button-prev {
    left: -15%;
    color: #50575d;
  }

  .featured-images-group .swiper-button-next {
    right: -15%;
    color: #50575d;
  }

  .servicesSwiper .swiper-button-prev,
  .servicesSwiper .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 0px) !important;
    right: auto;
  }

  .servicesSwiper .swiper-button-next,
  .servicesSwiper .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 0px) !important;
    left: auto;
  }

  .testimonial-slider-wrapper .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, -10px) !important;
    right: auto;
  }

  .testimonial-slider-wrapper .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, -10px) !important;
    left: auto;
  }

  .testimonial-slider-wrapper {
    max-width: 250px !important;
  }

  .what-we-do-video-wrapper,
  .what-we-do-title-wrapper {
    padding: 0 !important;
  }
}

/* Apple iPhone 16	393 x 852 */

@media (min-width: 390px) and (max-width: 900px) {
  .vfasia-footer {
    padding-bottom: 100px !important;
  }

  .contact-us-heading1 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .home-parent-part>.wp-block-group>.wp-block-group {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .vfasia-home-h1 h1 {
    font-size: 50px !important;
    padding-top: 32px !important;
  }

  /* padding fix */
  .our-services-section {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .home-h2-mobile {
    font-size: 40px !important
  }

  .home-parent-part>.wp-block-group>.wp-block-group.home-h2-mobile-group {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .youtube-video-with-title-wrapper {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .expert-contact-slider-block {
    width: 302px !important;
  }

  .swiper.expert-swiper {
    width: 302px !important;
  }

  .expert-contact-slider-block .swiper.expert-swiper .swiper-wrapper .swiper-slide {
    width: 302px !important;
  }

  .expert-contact-slider-block .swiper.expert-swiper .swiper-wrapper .swiper-slide .expert-card {
    width: 300px !important;
  }

  .contact-us-parent-group {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media (min-width: 390px) and (max-width: 400px) {
  .swiper.mySwiper {
    width: 250px !important;
  }

  .mySwiper .swiper-slide {
    /* max-height: 250px !important; */
    /* min-height: 350px; */
    width: 250px !important;
    max-height: 300px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .mySwiper .swiper-wrapper {
    max-width: 710px;
    /*     overflow: hidden; */
  }

  .mySwiper .swiper-slide {
    max-height: 450px;
    min-height: 450px;
  }

  .mySwiper .swiper-slide .slide-inner {
    height: 100%;
    max-height: 450px;
    min-height: 450px;
    width: 100%;
  }

  .mySwiper .swiper-slide .slide-inner img {
    height: 100%;
    max-height: 450px;
    min-height: 450px;
    width: 100%;
  }

  /* .mySwiper .swiper-slide {
		width: auto !important;
	} */

  .featured-images-group {
    margin: auto !important;
  }

  .featured-images-group .swiper-button-prev {
    left: -4%;
    color: #50575d;
  }

  .featured-images-group .swiper-button-next {
    right: -4%;
    color: #50575d;
  }

  .servicesSwiper .swiper-button-prev,
  .servicesSwiper .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 120px) !important;
    right: auto;
  }

  .servicesSwiper .swiper-button-next,
  .servicesSwiper .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 120px) !important;
    left: auto;
  }

  .testimonial-slider-wrapper .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, -50px) !important;
    right: auto;
  }

  .testimonial-slider-wrapper .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, -50px) !important;
    left: auto;
  }

  .testimonial-slider-wrapper {
    max-width: 600px !important;
  }
}

@media (max-width: 767px) {
  .mySwiper .swiper-slide {
    max-height: 450px;
    min-height: 450px;
  }

  .mySwiper .swiper-slide .slide-inner {
    height: 100%;
    max-height: 450px;
    min-height: 450px;
    width: 100%;
  }

  .mySwiper .swiper-slide .slide-inner img {
    height: 100%;
    max-height: 450px;
    min-height: 450px;
    width: 100%;
  }

  .mySwiper .swiper-wrapper {
    max-width: auto !important;
    width: 100% !important;
    /* overflow: hidden !important; */
  }
}

@media (width: 768px) {
  .featured-images-group .swiper-button-prev {
    left: -6% !important;
  }

  .featured-images-group .swiper-button-next {
    right: -6% !important;
  }
}

@media (max-width: 600px) {
  .before-footer-cover {
    min-height: 430px !important;
  }
}

/* Ipad min 768 max 1366 */
@media (min-width: 768px) and (max-width: 1366px) {
  .mySwiper .swiper-wrapper {
    max-width: 90vw;
    /*     overflow: hidden; */
  }

  .featured-images-group .swiper-button-prev {
    /* left: -4%; */
  }

  .featured-images-group .swiper-button-next {
    /* right: -4%; */
  }

  .vfasia-site-logo.footer-logo {
    max-width: 500px;
  }

  .vfasia-home-h1 h1 {
    font-size: var(--wp--preset--font-size--text-7-xl) !important;
  }

  .header-first-part .wp-block-group.is-content-justification-right {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .header-second-part .vfasia-site-logo {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .home-parent-part {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (width: 1366px) and (height: 768px) {
  .mySwiper .swiper-wrapper {
    /* max-width: 1220px;  */
    /*     overflow: hidden; */
  }

  /* header */
  .header-first-part .wp-block-group.is-content-justification-right {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .header-second-part .vfasia-site-logo {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .home-parent-part {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .vfasia-home-h1 h1 {}
}

@media (width: 1680px) and (height: 900px) {
  .mySwiper .swiper-wrapper {
    max-width: 1390px !important;
    /*     overflow: hidden; */
  }
}

@media (width: 1280px) and (height: 960px) {
  .mySwiper .swiper-wrapper {
    max-width: 1120px;
    /*     overflow: hidden; */
  }

  /* header */
  .header-first-part .wp-block-group.is-content-justification-right {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .header-second-part .vfasia-site-logo {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .home-parent-part {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
}

@media (width: 1440px) and (height: 900px) {
  .mySwiper .swiper-wrapper {
    max-width: 1280px;
    /*     overflow: hidden; */
  }

  /* header */
  .header-first-part .wp-block-group.is-content-justification-right {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .header-second-part .vfasia-site-logo {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .home-parent-part {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .vfasia-home-h1 h1 {
    font-size: var(--wp--preset--font-size--text-7-xl) !important;
  }

  .vfasia-site-logo.footer-logo {
    max-width: 500px;
  }
}

@media (min-width: 852px) and (max-width: 915px) {
  .mySwiper .swiper-wrapper {
    max-width: 715px;
    /*     overflow: hidden; */
  }
}

.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"],
.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: #50575d !important;
}

.cky-notice {
  display: flex;
}

.cky-notice-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
}

.cky-notice .cky-title {
  font-weight: 400 !important;
  font-size: clamp(1px, 5vw, 32px) !important;
  letter-spacing: -0.1px;
}

.cky-consent-bar .cky-notice-des p,
.cky-notice-des a.cky-policy,
.cky-notice-des button.cky-policy {
  font-size: clamp(10px, 2.5vw, 18px) !important;
  letter-spacing: -0.1px !important;
  line-height: clamp(24px, 4vw, 31.2px) !important;
  font-weight: 400 !important;
}

.cky-consent-container .cky-consent-bar {
  border-top: 24px solid !important;

}

.cky-btn:last-child {
  font-size: clamp(14px, 2vw, 16px);
  font-weight: 500;
  line-height: clamp(22px, 3vw, 24px);
  padding: clamp(14px, 3vw, 20px) clamp(20px, 5vw, 32px) !important;
}

.cky-btn-accept {
  border-radius: 999px !important;
}

.cky-consent-bar .cky-banner-btn-close {
  top: -30px !important;
}

.cky-btn {
  padding: 0px !important;
}

.cky-consent-container {
  width: 80% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-bottom: 10px;
}

.cky-btn-reject {
  text-decoration: underline;
  font-weight: 500;
  font-size: 14px !important;
}

.cky-notice-btn-wrapper {
  display: flex;
  flex-direction: column-reverse;
}

/* 
.cky-notice img{
  width: 30px;
  height: 30px;
} */

@media (max-width: 400px){
  .cky-title {
    margin: 0 !important;
    padding: 0 1em !important;
  }

  .cky-notice-btn-wrapper .cky-btn {
    font-size: 10px !important;
  }

  .cky-btn-accept {
    white-space: nowrap !important;

  }

  .cky-notice-des{
    display: none;
  }

  .cky-btn-reject {
    white-space: unset !important;
  }

  .cky-notice-btn-wrapper {
    flex-direction: column;
    width: 120px;
  }

  .cky-notice-btn-wrapper {
    padding: 8px !important;
    width: 100% !important;
  }

  .cky-notice-group{
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    width: 100% !important;
  }

  /* .cky-notice-group {
    max-height: 5em;
    overflow: scroll;
  } */
}