@charset "UTF-8";

/*!
Theme Name: SVB Developers
Theme URI: https://example.com
Author: Marching Ants
Author URI: https://example.com/
Description: This theme is solely for the use of Go2 Renewables
Version: 1.0
Text Domain: svb
 */

/*  Font Face Style */
@import url('assets/fonts/stylesheet.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*  Global */
:root {
    /* / Color / */
    --primaryColor: #012367;
    --secondaryColor: #c49808;
    --orangeColor: #e75304;
    --orangeDarkColor: #a92d04;
    --orangeLightColor: #fb8806;
    --orangeColor2: #DC4804;
    --whiteColor: #ffffff;
    --blackColor: #000000;
    --redColor: #ff0000;
    --grey1: #333333;
    --grey2: #6B6B6B;
    --grey3: #FCF8F7;
    --grey4: #5c5c5c;
    --grey5: #c1c1c1;
    --grey6: #B3B0B0;
    --grey7: #D0CDCD;

    /* / Font-Size / */
    --font100: 100px;
    --font64: 64px;
    --font50: 50px;
    --font40: 40px;
    --font36: 36px;
    --font30: 30px;
    --font28: 28px;
    --font26: 26px;
    --font24: 24px;
    --font22: 22px;
    --font20: 20px;
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    --font12: 12px;

    /* / Font-Family / */
    --font-gilroyregular: 'gilroyregular', sans-serif;
    --font-gilroymedium: 'gilroymedium', sans-serif;
    --font-gilroysemibold: 'gilroysemibold', sans-serif;
    --font-gilroybold: 'gilroybold', sans-serif;
    --font-bebasNeuebold: 'Conv_BebasNeue-Bold', sans-serif;
    --font-bebasNeueregular: 'Bebas Neue', sans-serif;
    --font-helveticaNeueLTPro-MdCn: 'HelveticaNeueLTPro-MdCn', sans-serif;
    --font-helveticaNeueLTPro: 'Helvetica Neue LT Pro', sans-serif;
    --font-helveticaNeueLTProBlkCn: 'Helvetica Neue LT Pro BlkCn', sans-serif;
    --font-roboto: 'Roboto', sans-serif;
    --font-robotoCondensed: 'Roboto Condensed', sans-serif;

    /* / space / */
    --sp100: 100px;
    --sp60: 60px;
    --sp50: 50px;
    --sp40: 40px;
    --sp30: 30px;
    --sp20: 20px;
}
img { max-width:100%; height:auto; }
body { color: var(--grey1); font-size: var(--font16); line-height: 1.5em; background-color: var(--whiteColor); font-family: var(--font-gilroyregular); }
body.menu-overlay { overflow: hidden; }

/* Typography  */
video, audio { max-width:100%; height:auto; }
object { max-width:100%; }
iframe { max-width:100%; }
strong { font-weight:bold; }
a { text-decoration: none; color: var(--primaryColor); }
a:hover { color: var(--secondaryColor); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { clear: both; font-weight: normal; line-height: 1.2; margin: 0 0 15px; color: var(--primaryColor); font-family: var(--font-helveticaNeueLTPro-MdCn); text-transform: uppercase; }
h1, .h1 { font-size: var(--font64); font-family: var(--font-bebasNeuebold); }
h2, .h2 { font-size: var(--font40); }
h3, .h3 { font-size: var(--font36); }
h4, .h4 { font-size: var(--font30); }
h5, .h5 { font-size: var(--font28); }
h6, .h6 { font-size: var(--font26); }
ul { margin: 0 0; }
p { line-height: 1.5; margin-bottom: var(--sp30); text-align: justify; }

/*.loading*/
.loading { position: fixed; top: 0; left: 0; max-width: 100%; width: 100%; height: 100%; background: var(--primaryColor); z-index: 9999; display: flex; align-items: center; justify-content: center; }
.loading img { width: 480px; }

/* Base  */
.site { position: relative; display: flex; flex-direction: column; min-height: 100vh; }
a.disable-link { cursor: default; pointer-events: none; }
.full-link { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; }

/*scrolltop*/
.floting-icons {
    position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 9;
}
.scrolltop { display: none; }
.scrolltop a { background-color: var(--secondaryColor); bottom: 140px; color: var(--whiteColor); border: solid 1px var(--whiteColor); display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; margin: 0 0 15px; text-align: center; transition: all 0.3s linear; z-index: 110; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35); }
.scrolltop a:hover, .scrolltop a:focus, .scrolltop a:active { color: var(--whiteColor); background-color: var(--primaryColor); }
.scrolltop a img { transform: rotate(180deg); width: 16px; filter: brightness(0) invert(1); }
.scrolltop a:hover img, .scrolltop a:focus img, .scrolltop a:active img { filter: brightness(0) invert(1); }
.scrolltop a:before { display: none; }

.single-feature-projects .scrolltop a { background-color: var(--orangeLightColor); color: var(--whiteColor); box-shadow: none; bottom: 3px; }
.single-feature-projects .scrolltop a:hover, .single-feature-projects .scrolltop a:focus, .single-feature-projects .scrolltop a:active { color: var(--whiteColor); background-color: var(--orangeDarkColor); }
.single-feature-projects .scrolltop a img, .single-feature-projects .scrolltop a:hover img, .single-feature-projects .scrolltop a:focus img, .single-feature-projects .scrolltop a:active img { filter: brightness(0) invert(1); }

/* WhatsAPP */

.wa-icon {
    padding: 7.5px 9px;
    background-color: #25d366;
    border-radius: 50%;
    line-height: normal;
}

a.wa-icon.whatsapp-icon.whatsapp-desktop {
    color: #fff ;
}
a.wa-icon.whatsapp-icon.whatsapp-desktop .fa-whatsapp:before {
    font-size: 25px;
}
/*landscape-message*/
.landscape-message { display: none; background: var(--primaryColor); color: var(--whiteColor); text-align:center; padding:20px; width: 100%; height: 100vh; align-items: center; justify-content: center; }
.landscape-message h3 { font-size: 22px; text-transform: none; font-family: var(--font-roboto); font-weight: 500; color: var(--whiteColor); text-align: center; margin-bottom: 0; }
.feature-project-landscape-message { background: var(--orangeColor); }

/* Header  */
.site-header { position: relative; min-height: 220px; background: var(--primaryColor); }
.error404 .site-header, .page-template-template-403 .site-header { min-height: auto; }
.site-logo, .navbar-logo { margin: 0; order: 2;text-align: center;}
:not(.feature-projects-template-default) .site-logo img, :not(.feature-projects-template-default) .navbar-logo img { /*display: block; height: 160px;*/ transition: all 0.4s ease-in-out; max-width: 175px;}
/* .is-sticky .site-logo img, .is-sticky .navbar-logo img {  max-width: 175px;} */
/* .navbar.navbar-light.nav-up .site-logo img, .navbar.navbar-light.nav-down .site-logo img { height: 100px; } */
/* .to-top .navbar.navbar-light.nav-up .site-logo img, .to-top .navbar.navbar-light.nav-down .site-logo img { height: 160px; } */
.site-header-main { min-height: 220px; position: absolute; left: 0; top: 0; width: 100%; z-index: 10; transition: all 0.4s ease-in-out; }
.navbar-post .navbar-post-footer .menu-footer-bottom-container {display: flex; justify-content: center;}
.navbar-post .navbar-post-footer .menu-footer-bottom-container .footer-copyright-menu {margin-top: 3px !important;}
.navbar-post .navbar-post-footer .navbar-post-ma-logo img {width: 42px;}

/*feature-project-header*/
.feature-project-header { position: relative; }
/* .feature-project-header .site-header-main { display: none; } */
.feature-project-header .container { max-width: 1140px;width: 100%; }
.feature-project-header-main { min-height: 10px; position: absolute; left: 0; right: 0; top: 0; width: 100%; z-index: 3; display: flex; align-items: center; justify-content: space-between; max-width: calc(1300px - 2 * 30px); padding: 30px 30px 0; margin: 0 auto; }
.feature-project-header-logo { position: relative; padding: 0 15px; text-align: center; }
.feature-project-header-logo img { max-width: 85%; }
.feature-project-header-navigation { position: relative; min-width: 202px; padding: 0 20px; flex: 1; display: flex; align-items: flex-end; justify-content: flex-end; }
.feature-project-header-navigation#fetureNavMenu {justify-content: flex-start;}
.feature-project-header-btn { background: transparent; position: relative; text-align: center; overflow: hidden; display: block; font-family: var(--font-robotoCondensed); font-size: var(--font16); line-height: 1; font-weight: normal; border-radius: 50px; border: 1px solid var(--whiteColor); color: var(--whiteColor); padding: 14px 25px; }
.feature-project-header-btn:hover, .feature-project-header-btn:focus { background: transparent !important; color: var(--whiteColor); }
.feature-project-header-btn:before { content: ''; display: inline-block; transform: translateY(50%); left: 0; position: absolute; width: 210px; height: 210px; border-radius: 50%; background: var(--orangeColor); z-index: -1; transition: transform ease 1s; opacity: 1; box-shadow: none; }
.feature-project-header-btn:hover::before { transform: translateY(-45%); }

/* Return to site menu link */
a.svb-home {
    color: #fff;
    font-size: 15px;
    display: flex;
    align-items: center;
}

a.svb-home img {
    width: 17px;
    margin: 0 0 0 5px;
}
/*  */

/* mapple left-slide menu */
.navBtn {
    border: solid 1px var(--whiteColor);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: relative;
    padding: 5px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: transparent;
}
#fetureNavMenu {
    color: #fff;
}
.sidebar {
    height: 100%;
    width: 0;
    max-width: 500px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: var(--orangeColor);
    overflow-x: hidden;
    transition: all 0.25s ease;
    padding: 125px 0 0;
  }
  .show .sidebar{
    padding: 125px 50px 50px;
  }
.sidebar .hamburger-inner::before {
    top: 0px;
    transform: rotate(45deg);
}
.sidebar .hamburger-inner::after {
    top: 0;
    transform: rotate(-45deg);
    width: 100%;
}
.sidebar .hamburger-inner {
    background: none;
}
  .show .sidebar {
    width: 100%;
  }
  .show .btnOpen {
    display: none;
  }
  
  .sidebar .navBtn {
    position: absolute;
    top: 55px;
    right: 25px;
   }
   #menu-maple-woods-menu li a{
    color: #ffffff;
    font-family: var(--font-helveticaNeueLTPro);
   }
  .sidebar .close-btn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  .open-nav {
    position: fixed;
    cursor: pointer;
    z-index: 2;
    top: 20px;
    left: 20px;
  }
  ul#menu-maple-woods-menu {
    padding: 0; margin: 0;
  }
  #menu-maple-woods-menu li {
    list-style: none;
    margin-bottom: 20px;
  }
  #menu-maple-woods-menu li:last-child {
    margin: 0;
  }
.conWrap {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}
.conWrap:last-child {margin: 0;}
.conWrap.officeAdd {
    align-items: flex-start;
}
.conWrap p {
    margin: 0;line-height: normal;
}

.icon .footer-feature-project-address-icon{
    margin: 0 15px 0px 0;
}

.featureContact {
    padding: 35px 0 0;
    margin: 35px 0 0 0;
    position: relative;
    color: #fff;
}
.featureContact::before {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 69%,rgba(255,255,255,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.c-text a{
    position: relative;
}
.c-text a, .c-text a:hover{color: #fff;}

/*swiper slider*/
.swiper-button-next, .swiper-button-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width: 46px; height: 46px; background: var(--primaryColor); color: var(--whiteColor); padding: 5px; border-radius: 50%; }
.swiper-button-next:hover, .swiper-button-prev:hover, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover { background: var(--secondaryColor); }
.swiper-button-next::after, .swiper-button-prev::after, .owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { font-size: 0; display: block; background: url("assets/images/icon-arrow-right.svg") no-repeat center; filter: brightness(0) invert(1); width: 24px; height: 14px; background-size: 24px auto; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.8; }
.swiper-button-prev::after, .owl-carousel .owl-nav button.owl-prev span { transform: rotate(180deg); }
.swiper-pagination-bullet { background: none; width: 15px; height: 15px; border: solid 2px var(--grey5); opacity: 1; }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; }
.swiper-pagination-bullet:hover { border-color: var(--orangeDarkColor); }
.swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--orangeColor); background-color: var(--orangeColor); }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { display: inline-flex; align-items: center; justify-content: center; }

/*feature-project-slides-swiper*/
.feature-project-slides-swiper { position: relative; padding-bottom: 40px; margin-bottom: 20px; display: none; }
.feature-project-slides-swiper-card { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.feature-project-slides-swiper-card-media { margin-bottom: 20px; }
.feature-project-slides-swiper-card-content { font-family: var(--font-helveticaNeueLTPro); font-size: var(--font20); color: var(--grey6); }
.feature-project-slides-swiper-card-content p { margin-bottom: 5px; text-align: center; }
.feature-project-slides-swiper-card-content h3 { margin-bottom: 5px; font-size: var(--font26); color: var(--grey1); text-transform: none; }

/*site-slider*/
.site-slider { position: relative; height: 100vh; min-height: 740px; }
.svb-swiper { position: relative; margin-bottom: 0; height: 100%; }
.svb-swiper-media { position: relative; height: 100%; }
.svb-swiper-media img { width: 100%; height: 100%; object-fit: cover; }
.svb-swiper-media:before { content: ''; box-shadow: inset 0 0 250px rgba(0, 0, 0, 0.47); position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: var(--primaryColor); opacity: 0.6; }
.svb-swiper-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; padding: 300px 0 150px; display: flex; flex-direction: column; justify-content: center; text-align: center; color: var(--whiteColor); }
.svb-swiper-container { max-width: none; margin: 0 auto; font-size: 17px; }
.svb-swiper-container .svb-swiper-title { color: var(--whiteColor); line-height: 1; font-size: var(--font64); font-family: var(--font-bebasNeuebold); }
.svb-swiper-container p { max-width: 650px; margin: 0 auto 30px; text-align: center; }
.svb-swiper-container .btn { min-width: 172px; }
.svb-swiper .swiper-pagination-fraction,
.svb-swiper .swiper-pagination { bottom: 125px; font-family: var(--font-helveticaNeueLTPro-MdCn); font-size: var(--font18); color: var(--whiteColor); }
.svb-swiper .swiper-button-next, .svb-swiper .swiper-button-prev { color: var(--secondaryColor); background: none; padding: 0; border-radius: 0; width: 20px; height: 20px; top: auto; bottom: 128px; margin-top: 0; z-index: 11; }
.svb-swiper .swiper-button-next:after, .svb-swiper .swiper-button-prev:after { font-size: var(--font20); background: none; filter: inherit; width: auto; height: auto; }
.svb-swiper .swiper-button-prev { left: calc(50% - 70px); }
.svb-swiper .swiper-button-next { right: calc(50% - 70px); }
.svb-swiper .swiper-button-prev::after { transform: inherit; }
.svb-swiper .swiper-button-next.swiper-button-disabled, .svb-swiper .swiper-button-prev.swiper-button-disabled { opacity: 0.8; color: var(--whiteColor); }
.slide-down-link { position: absolute; left: 50%; bottom: 40px; z-index: 1; transform: translateX(-50%); }
.slide-down-link a { animation: topBottom 2s infinite; border: solid 1px var(--whiteColor); border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; }
.slide-down-link a img { width: 26px; height: 26px; filter: brightness(0) invert(1); }
.svb-swiper .swiper-scrollbar { opacity: 1 !important; bottom: 0; background: var(--primaryColor); width: 100%; border-radius: 0; left: 0; }
.svb-swiper .swiper-scrollbar-drag { background: var(--secondaryColor); }

@keyframes topBottom {
    0% { transform: translateY(0%); opacity:1; }
    50%{ transform: translateY(40%); opacity:1; }
    75%{ transform: translateY(0%); opacity:1; }
    100%{ transform: translateY(0%); opacity:1; }
}

/*svb-banner*/
.svb-banner { position: relative; }
.svb-banner-media { position: relative; height: 100vh; }
.svb-banner-media:before, .error-banner-media:before { content: ''; box-shadow: inset 0 0 250px rgba(0, 0, 0, 0.47); position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: var(--primaryColor); opacity: 0.6; }
.svb-banner-media img, .error-banner-media img { width: 100%; height: 100%; object-fit: cover; }
.svb-banner-wrap, .error-banner-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; padding: 300px 0 50px; display: flex; flex-direction: column; justify-content: center; text-align: center; color: var(--whiteColor); }
.svb-banner-wrap { padding: 270px 0 50px; justify-content: center; }
.svb-banner-wrap p, .error-banner-wrap p { text-align: center; }
.svb-banner-content { max-width: 780px; margin: 0 auto; font-size: 17px; }
.svb-banner-content h1 { color: var(--whiteColor); }
.svb-banner-content > :last-child { margin-bottom: 0; }

/* Banner Progress bar */
.progressBG {
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 4px;
}

.progress__bar {
    opacity: 1;
    position: relative;
    left: 0;
    right: 0;
    width: auto;
    height: 100%;
    background: var(--primaryColor);
}

.progress__bar:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background:var(--secondaryColor);
    content: "";
}

.progress.animate .progress__bar:after {
    transition: width linear;
    width: 100%;
    transition-duration: 5s;
}


/*error-section*/
.error-section { position: relative; }
.error-banner-media { position: relative; height: calc(100vh - 56px); min-height: 600px; }
.error-banner-content { position: relative; }
.error-banner-content h2 { font-size: 28px; color: var(--whiteColor); text-transform: capitalize; }
.error-banner-content a { position: relative; color: var(--whiteColor); }
.error-banner-content a:hover, .error-banner-content a:focus { color: var(--whiteColor); }
.error-banner-content a:after { content: ""; border-bottom: 1px solid var(--whiteColor); transition: width .4s ease-in-out; position: absolute; bottom: 1px; left: 0; right: 0; width: 100%; }
.error-banner-content a:hover::after { border-color: var(--whiteColor); width: 0; }
.error-banner-header { position: relative; }
.error-banner-header h2 { font-size: 60px; margin-bottom: 0; font-weight: bold; text-transform: capitalize; line-height: 1; text-align: center; text-shadow: 0 0 87px rgba(0,0,0,.38); }
.error-banner-header h1 { font-family: var(--font-gilroysemibold); font-size: 150px; color: var(--whiteColor); text-transform: capitalize; font-weight: bold; line-height: 1; text-align: center; text-shadow: 0 0 87px rgba(0,0,0,.38); }

/* Navbar */
.navbar { padding: 30px 10px; position: absolute; left: 0; top: 0; width: 100%; z-index: 9; transition: all 0.4s ease-in-out; }
.navbar.navbar-light { background-color: transparent; }
.navbar.navbar-light.nav-up, .navbar.navbar-light.nav-down { padding: 20px 0; position: fixed; background-color: var(--primaryColor); z-index: 99999; }
.feature-project-header .navbar.navbar-light.nav-down {background-color: rgba(2, 2, 2, 0.69);}
.navbar.navbar-light.nav-up { top: -220px; }
.navbar.navbar-light.nav-down {	top: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
.to-top .navbar.navbar-light.nav-up, .to-top .navbar.navbar-light.nav-down { padding: 30px 0; position: absolute; top: 0; box-shadow: none; background-color: transparent; }
.navbar-expand-lg .offcanvas.offcanvas-top { overflow-y: hidden; position: fixed; z-index: 9999; flex-grow: 1; width: 100% !important; height: auto !important; visibility: visible !important; background-color: var(--secondaryColor) !important; border: 0 !important; transform: translateY(-100%) !important; transition: all 1s ease-in-out; opacity: 1; }
.offcanvas.offcanvas-top.show:not(.hiding), .offcanvas.offcanvas-top.showing { transform: none !important; }
.navbar-feature-project.navbar-expand-lg .offcanvas.offcanvas-top { transform: translateX(-100%) !important; overflow-y: auto; background-color: var(--orangeColor) !important;}
.navbar-feature-project .offcanvas.offcanvas-top.show:not(.hiding), .navbar-feature-project .offcanvas.offcanvas-top.showing { transform: none !important; }
.navbar-expand-lg .offcanvas .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 30px 80px 20px; position: absolute; left: 0; top: 0; z-index: 9; width: 100%; }
.navbar-expand-lg .offcanvas .offcanvas-body { padding-top: 225px; flex: 1;}
.offcanvas-menu-part { width: 30%; padding: 0 80px 20px; overflow-y: auto; max-height: calc(100vh - 225px); }
.offcanvas-media { width: 70%; margin-top: -225px; height: calc(100% + 225px); position: relative; overflow: hidden; }
.offcanvas-media:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); }
.offcanvas-media img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s ease-in-out; }
.offcanvas-header .btn-close { opacity: 1; height: 50px; width: 50px; box-sizing: border-box; padding: 0; background: none; border: solid 1px var(--whiteColor); border-radius: 50%; margin: 0; position: relative; display: flex; align-items: center; justify-content: center; }
.offcanvas-header .btn-close-inner { margin-left: 5px; display: block; height: 40px; width: 40px; position: relative; -webkit-transform:rotate(45deg) scale(.7); transform:rotate(45deg) scale(.7); }
.btn-close:focus { box-shadow: none; opacity: 1; }
.offcanvas-header .btn-close-inner:after,
.offcanvas-header .btn-close-inner:before { content:""; position:absolute; background-color:var(--whiteColor); display:block; width:100%; height:3px; top:0; right:0; margin:6px 0; -webkit-transition:.25s ease-in-out; transition:.25s ease-in-out; }
.offcanvas-header .btn-close-inner:before { height:100%; width:3px; top: -3px; left:40%;  }
.offcanvas-header .btn-close-inner:after { width:100%; height:3px; left: -3px; top: 40%;  }
.offcanvas.show .offcanvas-header .btn-close-inner:before { height:100%;  }
.offcanvas.show .offcanvas-header .btn-close-inner:after { width:100%;  }
.navbar-feature-project.navbar-expand-lg .offcanvas .offcanvas-header { padding: 50px 50px 35px; position: relative;}
.navbar-feature-project.navbar-expand-lg .offcanvas .offcanvas-body { padding: 5px 50px 50px; flex-direction: column; justify-content: center; }
.primary-menu { display: flex; flex-direction: column; align-items: self-start; position: relative; list-style: none; padding: 0; margin: 0; }
.navbar-expand-lg .primary-menu { flex-direction: column; }
.primary-menu li { margin: 0; padding: 5px 0; }
.primary-menu > li { opacity: 0; visibility: hidden; transform: translate3d(0,-100%,0);transition: all .045s cubic-bezier(.4,0,0,1); }
.show .primary-menu > li { opacity: 1; visibility: visible; transform: none; transition: all .45s cubic-bezier(.4,0,0,1); }
.primary-menu > li:nth-child(1) {transition-delay: 75ms;}
.primary-menu > li:nth-child(2) {transition-delay: .15s;}
.primary-menu > li:nth-child(3) {transition-delay: .225s;}
.primary-menu > li:nth-child(4) {transition-delay: .3s;}
.primary-menu > li:nth-child(5) {transition-delay: .375s;}
.primary-menu > li:nth-child(6) {transition-delay: .45s;}
.primary-menu > li:nth-child(7) {transition-delay: .525s;}
.primary-menu > li:nth-child(8) {transition-delay: .6s;}
.primary-menu > li:nth-child(9) {transition-delay: .675s;}
.primary-menu > li:nth-child(10) {transition-delay: .75s;}
.primary-menu > li:nth-child(11) {transition-delay: .825s;}
.primary-menu > li:nth-child(12) {transition-delay: .9s;}
.primary-menu > li:nth-child(13) {transition-delay: .975s;}
.primary-menu > li:nth-child(14) {transition-delay: .105s;}
.primary-menu > li:nth-child(15) {transition-delay: .1125s;}
.navbar-light .primary-menu li a, .feature-nav-menu li a { position: relative; color: var(--whiteColor); text-align: left; font-size: var(--font24); padding: 0; font-family: var(--font-bebasNeueregular); }
.navbar-light .primary-menu li a:before { content: ''; position: absolute; left: 0; bottom: 3px; z-index: 1; width: 0; height: 1px; background-color: var(--whiteColor); transition: all 0.4s ease-in-out; }
.navbar-light .primary-menu li a:focus,
.navbar-light .primary-menu li a:hover,
.navbar-light .primary-menu li.current-menu-item a,
.navbar-light .primary-menu li.current-menu-parent > a,
.navbar-light .primary-menu .show > li a { color: var(--whiteColor); }
.navbar-light .primary-menu li a:hover:before,
.navbar-light .primary-menu li a:focus:before,
.navbar-light .primary-menu li.current-menu-item a:before { width: 100%; }
.navbar-toggler:focus { box-shadow: none; }
.primary-menu li.menu-item-has-children > a { padding-right: 22px; }
.navbar-light .primary-menu li.current-menu-parent > a:before,
.navbar-light .primary-menu li.menu-item-has-children a:hover:before,
.navbar-light .primary-menu li.menu-item-has-children a:focus:before,
.navbar-light .primary-menu li.menu-item-has-children a.active:before { width: calc(100% - 22px); }
.primary-menu li.menu-item-has-children > a:after { content: ''; transition: all 0.4s ease-in-out; position: absolute; right: 0; top: 43%; transform: translateY(-50%); z-index: 1; width: 14px; height: 10px; background: url("assets/images/icon-arrow-bown-white.png") no-repeat center; background-size: 18px 10px; }
.primary-menu li.menu-item-has-children.sopen > a:after { transform: translateY(-50%) rotate(180deg); top: 50%; }
.primary-menu .sub-menu { list-style: none; padding-left: 0; margin: 5px 0 0; display: none; }
.primary-menu li.menu-item-has-children.sopen .sub-menu { display: block; }
.primary-menu .sub-menu li { position: relative; }
.navbar-light .primary-menu .sub-menu a { padding-left: 22px; font-size: var(--font18); }
.primary-menu .sub-menu li a:after { content: ''; position: absolute; left: 0; top: 43%; transform: translateY(-50%) rotate(-90deg); z-index: 1; width: 13px; height: 8px; background: url("assets/images/icon-arrow-bown-white.png") no-repeat center; background-size: 13px 8px; }
.primary-menu .sub-menu li a:before { bottom: 1px; width: 0; left: 22px; }
.primary-menu .sub-menu li.current-menu-item a:before { width: calc(100% - 22px); }

/* hamburger */
.navbar-expand-lg .navbar-toggler.hamburger { order: 1; border: solid 1px var(--whiteColor); border-radius: 50%; width: 50px; height: 50px; margin-right: 50px; position: relative; padding: 5px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; background-color: transparent; }
.hamburger-inner { width: 30px; height: 2px; background-color: var(--whiteColor); border-radius: 4px; display: block; position: relative; opacity: 1; transition: all 0.4s ease-in-out; }
.hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 2px; background-color: var(--whiteColor); border-radius: 4px; position: absolute; left: 0; transition: all 0.4s ease-in-out; content: ""; opacity: 1; }
.hamburger-inner::before { top: -6px; }
.hamburger-inner::after { top: 6px; width: 18px; }
.hamburger:hover .hamburger-inner {  }
.hamburger:hover .hamburger-inner::after { width: 30px; }

/*navbar-post*/
.navbar-post { width: 90%; margin-top: 20px; position: relative; opacity: 0; visibility: hidden; transform: translate3d(0, -60px,0);transition: all .045s cubic-bezier(.4,0,0,1); }
.show .navbar-post { opacity: 1; visibility: visible; transform: none; transition: all .45s cubic-bezier(.4,0,0,1); transition-delay: .75s; }
.navbar-post-card { background-color: var(--primaryColor); color: var(--whiteColor); position: relative; box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.20), 0 0 40px rgba(0, 0, 0, 0.25); }
.navbar-post-card-media { position: relative; }
.navbar-post-card-media img { width: 100%; height: 100%; object-fit: cover; max-height: 220px; }
.navbar-post-card-media h4 { margin: 0; position: absolute; left: 50%; top: 0; z-index: 1; transform: translateX(-50%); text-transform: uppercase; background-color: var(--secondaryColor); color: var(--whiteColor); font-size: var(--font14); line-height: 1; white-space: nowrap; padding: 7px 12px; border-radius: 0 0 6px 6px; }
.navbar-post-card-body { position: relative; padding: 8px; text-align: center; font-size: var(--font12); }
.navbar-post-card-body h3 { color: var(--whiteColor); font-size: var(--font18); margin-bottom: 0; }
.navbar-post-card-body p { margin-bottom: 0; text-align: center; }
.navbar-post-contact { list-style: none; margin-bottom: 20px; padding: 12px 0; display: none; font-size: 16px; position: relative }
.navbar-post-contact:before,
.navbar-post-contact:after { position: absolute; left: 0; width: 100%; height: 11px; content: ""; background: url("assets/images/menu-line.png") center center no-repeat; background-size: 100%; }
.navbar-post-contact:before { top: 0; }
.navbar-post-contact:after { bottom: 0; }
.navbar-post-contact li { padding: 5px 0; }
.navbar-post-contact li a { display: inline-flex; align-items: center; gap: 12px; }
.navbar-post-contact li a, .navbar-post-contact li a:hover, .navbar-post-contact li a:focus { color: var(--whiteColor); }
.navbar-post-contact li a .icon-phone, .navbar-post-contact li a .icon-mail { filter: brightness(0) invert(1); width: 16px; }
.navbar-post-footer { color: var(--whiteColor); display: none; font-size: 14px; }
.navbar-post-footer a, .navbar-post-footer a:hover, .navbar-post-footer a:focus { color: var(--whiteColor); }
.navbar-post-ma-logo { display: block; margin-top: 20px; }

/*navbar-contact*/
.navbar-contact { order: 3; list-style: none; padding-left: 0; margin: 0; display: flex; align-items: center; gap: 12px; position: relative;justify-content: end; }
.navbar-contact li a { position: relative; border: solid 1px var(--whiteColor); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 5px; }
.navbar-contact li a img { filter: brightness(0) invert(1); width: 26px; }
.navbar-contact li.phone a { border: 0 none; }
.navbar-contact li.phone a:after,
.navbar-contact li.phone a:before { content: ""; border-radius: 100%; position: absolute; top: 0; left: 0; width: 50px; height: 50px; transform-origin: center center; box-sizing: border-box; z-index: 9; transition: 0.5s; }
.navbar-contact li.phone a:after { background: var(--whiteColor); animation: lexprofitBackAnim 3s linear infinite; opacity: 0.3; }
.navbar-contact li.phone a:before { border: 1px solid var(--whiteColor); animation: lexprofitBorderAnim 3s -0.5s linear infinite; }
.navbar-contact li.phone a:hover:after { background-color: var(--whiteColor); }
.navbar-contact li.phone a:hover:before { border-color: var(--whiteColor); }
.navbar-contact li.phone a:hover img { animation: lexprofitBoundingAnim 1s linear infinite; }
/* Phone icon Animations  */
@keyframes lexprofitBackAnim {
    0% {
        transform: scaleX(0.75) scaleY(0.75);
    }
    25% {
        transform: scaleX(0.95) scaleY(0.95);
    }
    50% {
        transform: scaleX(1.1) scaleY(1.1);
    }
    65% {
        transform: scaleX(0.95) scaleY(0.95);
        opacity: 0.7;
    }
    100% {
        transform: scaleX(0.75) scaleY(0.75);
        opacity: 0;
    }
}
@keyframes lexprofitBorderAnim {
    0% {
        transform: scaleX(0.9) scaleY(0.9);
    }
    50% {
        transform: scaleX(1) scaleY(1);
    }
    100% {
        transform: scaleX(1.1) scaleY(1.1);
        opacity: 0;
    }
}
@keyframes lexprofitBoundingAnim {
    0% {
        transform: rotate(0deg);
    }
    15% {
        transform: rotate(15deg);
    }
    30% {
        transform: rotate(0deg);
    }
    45% {
        transform: rotate(-15deg);
    }
    60% {
        transform: rotate(0deg);
    }
}


/*search-box*/
.search-box { position: relative; display: block; }
.search-btn-action { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; }
.search-box input.search-btn { font-size: 0; transition: all 0.4s ease-in-out; position: relative; z-index: 3; border: solid 1px var(--whiteColor); width: 50px; height: 50px; min-height: 50px; min-width: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 5px; background: url("assets/images/icon-search-white.svg") no-repeat center; background-size: 20px auto; }
.search-box input.search-btn:hover, .search-box input.search-btn:focus { background-color: var(--secondaryColor); border-color: var(--secondaryColor); width: 50px; height: 50px; }
.search-box .search-txt { outline: none; position: absolute; right: 0; top: 0; z-index: 1; padding: 0; width: 0; max-width: 240px; height: 50px; background-color: var(--primaryColor); border-color: var(--primaryColor); color: var(--whiteColor); border-radius: 30px; transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; }
body.search .search-box .search-txt { background-color: var(--whiteColor); border-color: var(--whiteColor); color: var(--primaryColor); }
.search-box .search-txt::placeholder { color: var(--whiteColor); }
.navbar.navbar-light.nav-up .search-box .search-txt, .navbar.navbar-light.nav-down .search-box .search-txt { background-color: var(--whiteColor); border-color: var(--whiteColor); color: var(--grey1); }
.navbar.navbar-light.nav-up .search-box .search-txt::placeholder, .navbar.navbar-light.nav-down .search-box .search-txt::placeholder { color: var(--grey1); }
.search-box:hover .search-txt,
.search-box .search-txt:focus { width: 250px; padding: 8px 50px 8px 20px; opacity: 1; visibility: visible; }
.search-box:hover .search-btn,
.search-box .search-txt:focus + .search-btn-action .search-btn { background-color: var(--secondaryColor); border-color: var(--secondaryColor); width: 40px; height: 40px; min-height: 40px; min-width: 40px; background-size: 14px auto; }
.search-icon-btn { cursor: pointer; position: absolute; top: 0; right: 0; z-index: 3; display: none; align-items: center; justify-content: center; width: 50px; height: 50px; border: solid 1px var(--whiteColor); padding: 5px; border-radius: 50%; }
.search-icon-btn img { width: 20px; height: 20px; min-width: 20px; }

/* form-field */
.form-field, .form-group { position: relative; margin-bottom: 30px; }
.form-field p, .form-group p { margin-bottom: 0; }
.form-label { margin-bottom: 2px; color: var(--grey1); }
.wpcf7-form label.error { color: var(--orangeLightColor) !important; font-size: 13px !important; position: absolute; bottom: -22px; left: 0; z-index: 1; padding-left: 0 !important; }
.feature-project-form-wh .wpcf7-form label.error,
.contact-us-section .wpcf7-form label.error,
.talk-home-section.svb-golden-section-background .wpcf7-form label.error,
.brochure-form .wpcf7-form label.error { color: var(--whiteColor) !important; transform: inherit !important; bottom: -20px; }
.form-floating label.error { top: auto !important; height: auto !important; padding: 0 !important; border: 0 none !important; }
.wpcf7 form .wpcf7-response-output { margin: 0; /*position: absolute; left: 0; right: 0; bottom: 0;*/margin: 18px 0 0; font-size: 14px; z-index: 0; border: 0 none; padding: 0; }
.wpcf7 form .wpcf7-response-output span { display: block; padding: 0.2em 1em; border: 2px solid var(--secondaryColor); background-color: var(--secondaryColor); color: var(--whiteColor); text-align: center; }
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output { display: none; }
.svb-golden-section-background .wpcf7 form .wpcf7-response-output span,
.svb-white-section-background .wpcf7 form .wpcf7-response-output span { border-color: var(--whiteColor); background-color: var(--primaryColor); color: var(--whiteColor); }

/*form-btn-field*/
.form-btn-field { display: block; text-align: center; }
.form-btn-field .wpcf7-spinner { display: none; }
.text-mandatory { color: var(--primaryColor); text-align: center !important; margin-bottom: 0 !important; font-size: var(--font16) !important; margin-top: 12px !important; }

/* Input Groups */
.form-control, input[type="number"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { padding: 12px 20px; border-radius: 0; max-width: 100%; font-size: var(--font18); color: var(--grey4); background-color: var(--whiteColor); border: solid 1px var(--grey4); font-family: var(--font-gilroyregular); line-height: 1.45; width: 100%; }
.form-select { background-position: right 1.25rem center; border-radius: 0; padding: 12px 16px; border: solid 1px var(--grey4); background-color: var(--whiteColor); color: var(--blackColor); font-size: var(--font18); font-family: var(--font-gilroymedium); }
.form-control:focus, .form-select:focus { box-shadow: none; border-color: var(--grey4); color: var(--blackColor); }
.input-group > .form-control, .input-group > .form-select { min-width: 100px; }
::-webkit-input-placeholder { color: var(--grey2); opacity: 1; }
::-moz-placeholder { color: var(--grey2); opacity: 1; }
:-ms-input-placeholder { color: var(--grey2); opacity: 1; }
:-moz-placeholder { color: var(--grey2); opacity: 1; }
.form-control::placeholder { color: var(--grey2); opacity: 1; }
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* Firefox */
input[type=number] { -moz-appearance: textfield; }
input:focus-visible { outline: none; }

textarea.form-control { height: 180px; }
input[type="file"].form-control { min-height: 3.25625rem; }

/* Form Floating */
.form-floating label { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 10px 0 12px; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out,transform .1s ease-in-out; }
.form-floating .form-control, .form-floating .form-control-plaintext, .form-floating .form-select { height: 46px; min-height: 46px; line-height: 1.25; padding-top: 10px; padding-bottom: 6px; }
.form-floating .form-control-plaintext::placeholder, .form-floating .form-control::placeholder { color: transparent; }
.form-floating .form-control-plaintext ~ label, .form-floating .form-control:focus ~ label, .form-floating .form-control:not(:placeholder-shown) ~ label, .form-floating .form-select ~ label { color: rgba(var(--primaryColor),.65); transform: scale(1) translateY(-1.1rem) translateX(0); padding: 5px 20px; height: 100%; }
.form-floating { position: relative; }
.wpcf7-not-valid-tip { font-size: var(--font16); display: block; position: absolute; left: 0; bottom: -22px; z-index: 1; color: var(--secondaryColor); }

/* Select2 Container */
.select2.select2-container { width: 100% !important; }
.select2-container .select2-selection--single { height: 52px; }
.select2-container--default .select2-selection--single { background-color: var(--whiteColor); border: 1px solid var(--grey4); border-radius: 0; }
.select2-container .select2-selection__clear { display: none; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 20px; padding-right: 50px; font-weight: 400; font-size: var(--font18); font-family: var(--font-gilroyregular); }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--grey4); line-height: 52px; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--grey4); }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; top: 0; right: 20px; width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { transition: all 0.4s ease-in-out; background: url("assets/images/icon-arrow-gray.png") no-repeat center; background-size: 16px auto; border: 0 none; height: 27px; width: 16px; left: 50%; margin-left: -8px; margin-top: -13px; position: absolute; top: 50%; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent; border-width: 0; transform: rotate(180deg); }
.select2-container.select2-container--open { z-index: 1058; }
.select2-dropdown { border-color: var(--primaryColor); background-color: var(--primaryColor); }
.select2-container--default .select2-search--dropdown .select2-search__field { border-color: var(--primaryColor); background-color: var(--whiteColor); color: var(--grey4); }
.select2-results__option { padding: 6px 20px; font-size: var(--font18); color: var(--whiteColor); margin-top: 1px; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--grey4); }
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--secondaryColor); color: var(--whiteColor); }
.select2-search--dropdown.select2-search--hide { display: none; }

/* Buttons */
.btn, input[type=button], input[type=submit], input[type=reset] { display: inline-flex; align-items: center; justify-content: center; font-size: var(--font18); padding: 11px 24px; border: 0 none; border-radius: 0; box-sizing: border-box; font-weight: normal; text-transform: uppercase; font-family: var(--font-helveticaNeueLTPro-MdCn); min-height: 50px; min-width: 200px; }
input[type=button], input[type=submit], input[type=reset], .btn-primary { color: var(--whiteColor); background-color: var(--primaryColor); }
input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=reset]:hover, input[type=reset]:focus, .btn-primary:hover, .btn-primary:focus,
.btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary.show, .btn-primary:first-child:active, :not(.btn-check) + .btn-primary:active, .btn-primary:focus-visible,
.btn-primary.disabled, .btn-primary:disabled, fieldset:disabled .btn-primary { color: var(--whiteColor); background-color: var(--primaryColor); box-shadow: none; }
.btn-group-sm > .btn, .btn-sm { border-radius: 0; font-size: var(--font14); padding: 8px 20px; }
.btn-group-lg > .btn, .btn-lg { border-radius: 0; font-size: var(--font18); padding: 15px 30px; }
.btn-secondary { color: var(--whiteColor); background-color: var(--secondaryColor); box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); }
.btn-secondary:hover, .btn-secondary:focus,
.btn-secondary.disabled, .btn-secondary:disabled, fieldset:disabled .btn-secondary,
.btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary.show, .btn-secondary:first-child:active, :not(.btn-check) + .btn-secondary:active, .btn-secondary:focus-visible { color: var(--whiteColor); background-color: var(--secondaryColor); box-shadow: none; }
.btn-wd200 { min-width: 200px; }

/* Animation Buttons */
.btn-primary, .btn-secondary, .btn-effect-anim { position: relative; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.btn-primary:before, .btn-primary:after, .btn-secondary:before, .btn-secondary:after, .btn-effect-anim:before, .btn-effect-anim:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.5s; z-index: 0; }
.btn-primary:before, .btn-primary:after { background-color: var(--secondaryColor); }
.btn-effect-anim:before, .btn-effect-anim:after { background-color: var(--primaryColor); }
.btn-secondary:before, .btn-secondary:after { background-color: var(--primaryColor); }
.btn-primary:before, .btn-secondary:before, .btn-effect-anim:before { width: 0; opacity: 1; }
.btn-primary:after, .btn-secondary:after, .btn-effect-anim:after { z-index: 0; opacity: 1; height: 0; }
.btn-primary:hover:before, .btn-secondary:hover:before, .btn-effect-anim:hover:before { width: 100%; }
.btn-primary:hover:after, .btn-secondary:hover:after, .btn-effect-anim:hover:after { transition-delay: 0.4s; height: 100%; width: 100%; }
.btn-primary:hover, .btn-secondary:hover { transition-delay: 0.5s; }
.btn-primary span, .btn-secondary span, .btn-effect-anim .btn-input-anim { position: relative; z-index: 3; }
.btn-effect-anim { background-color: var(--secondaryColor); display: inline-flex; }
.btn-input-anim, .btn-effect-anim input[type="submit"] { background-color: transparent !important; position: relative; z-index: 3; }
.btn-input-anim:hover, .btn-effect-anim input[type="submit"]:hover { background-color: transparent !important; transition-delay: 0.5s; }
.btn-effect-anim p { margin: 0; }
.btn-effect-anim p .wpcf7-spinner { display: none; }
.btn-effect-anim.btn-white { background-color: var(--whiteColor); color: var(--secondaryColor); }
.btn-effect-anim.btn-white:before, .btn-effect-anim.btn-white:after { background-color: var(--primaryColor); }
.btn-effect-anim.btn-white span { color: var(--secondaryColor); position: relative; z-index: 3; }
.btn-effect-anim.btn-white:hover span { color: var(--whiteColor); transition-delay: .5s; }

/*btn-effect-anim2*/
.btn-effect-anim2 { position: relative; display: inline-block; overflow: hidden; border: solid 1px var(--orangeLightColor); color: var(--whiteColor); box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.43); background-color: var(--orangeLightColor); border-radius: 50px; }
.btn-effect-anim2:before { content: ''; z-index: 1; display: inline-block; transform: translateY(70%); left: -10px; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: var(--orangeColor); transition: transform ease 1s; opacity: 1; box-shadow: none; }
.btn-effect-anim2:hover::before,
.btn-effect-anim2:focus::before { transform: translateY(-30%); }
.btn-effect-anim2 input[type="button"], .btn-effect-anim2 input[type="submit"], .btn-effect-anim2 input[type="reset"] { background-color: transparent; position: relative; z-index: 3; }
.btn-effect-anim2 p { margin-bottom: 0; }

/*input[type="file"]*/
input[type="file"] { text-indent: -99999px; }
input[type="file"]::-webkit-file-upload-button,
input[type="file"]::file-selector-button { display: none; }
.upload-field .wpcf7-form-control-wrap { position: relative; }
.upload-field .upload-file-name,
.upload-field .upload-file-name-pancard,
.upload-field .upload-file-name-RERA-Certificate { position: absolute; pointer-events: none; top: 12px; left: 20px; color: var(--grey4); font-size: var(--font18); font-family: var(--font-gilroymedium); }
.upload-field .wpcf7-form-control-wrap::after { content: ''; pointer-events: none; position: absolute; right: 20px; top: 16px; z-index: 1; width: 20px; height: 20px; background: url("assets/images/icon-upload.png") no-repeat center; }

/*btn-action*/
.btn-action { position: relative; }
.btn-action-group { display: flex; align-items: center; gap: 25px; }

/* Main Content */
.site-main { flex: 1; }
.section { position: relative; padding: var(--sp60) 0; }
.sec-header { margin-bottom: var(--sp60); position: relative; }
.sec-title { font-size: var(--font40); text-transform: uppercase; margin-bottom: var(--sp30); font-family: var(--font-helveticaNeueLTPro-MdCn); }
.sec-title-eyebrow { color: var(--secondaryColor); font-size: var(--font16); margin-bottom: 8px; }

/**
 * Social Icons
 */
.social-link-list { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; }
.social-link-list li { margin-bottom: 15px; }
.social-link-list li a { color: var(--grey1); text-transform: uppercase; }
.social-link-list li a:focus, .social-link-list li a:hover { color: var(--secondaryColor); }

/*  Footer= */
.site-footer { background-color: var(--primaryColor); color: var(--grey1); font-size: var(--font16); }
.site-footer a { color: var(--whiteColor); }
.site-footer a:hover, .site-footer a:focus { color: var(--secondaryColor); }

/*site-footer-primary*/
.site-footer-primary { position: relative; background: url("assets/images/footer-background.jpg") no-repeat center; background-size: cover; color: var(--whiteColor); padding: var(--sp60) 0; }
.site-footer-primary:before { content: ""; opacity: 0.9; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; background-color: var(--primaryColor); }
.site-footer-primary > * { position: relative; z-index: 3; }
.site-footer-logo { text-align: center; margin-bottom: var(--sp60); }
.footer-widget { position: relative; }
.footer-widget p { font-family: var(--font-gilroymedium); margin-bottom: 0; text-align: center; line-height: 1; }
.footer-widget address { margin-bottom: 15px; margin-top: 6px }
.footer-widget address p { line-height: 1.5; }
.footer-widget-title { font-family: var(--font-gilroymedium); font-size: var(--font18); color: var(--whiteColor); text-transform: capitalize; margin-bottom: 25px; }
.footer-widget .menu { list-style: none; padding-left: 0; margin: 0; line-height: 1; }
.footer-widget .menu li:not(:last-child) { margin-bottom: 14px; }
.footer-widget .menu li a { color: var(--whiteColor); font-family: var(--font-gilroyregular); font-size: var(--font16); line-height: 1; }
.footer-widget .menu li a:hover, .footer-widget .menu li a:focus, .footer-widget .menu li.current-menu-item a { color: var(--secondaryColor); }
.footer-contact-list { list-style: none; padding-left: 0; margin: 0; line-height: 1; font-family: var(--font-gilroymedium); }
.footer-contact-list li:not(:last-child) { margin-bottom: 15px; }
.footer-contact-list li a, .footer-contact-list .time {  font-family: var(--font-gilroyregular); }
.footer-widget .menu .sub-menu { list-style: none; padding-left: 0; margin: 8px 0 0; line-height: 1; }
.footer-widget .menu .sub-menu li a { position: relative; padding-left: 10px; }
.footer-widget .menu .sub-menu li a:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 1px; background-color: var(--whiteColor); }
.footer-widget .menu .sub-menu li a:hover:before, .footer-widget .menu .sub-menu li a:focus:before, .footer-widget .menu .sub-menu li.current-menu-item a:before { background-color: var(--secondaryColor); }
.footer-project-widget .menu > li:not(:last-child) { margin-bottom: 24px; }

/*  Footer Copyright */
.footer-copyright { overflow: hidden; position: relative; padding: 10px 0; background-color: var(--secondaryColor); color: var(--whiteColor); }
.footer-copyright-main { display: flex; align-items: center; justify-content: space-between; }
.footer-copyright-content { position: relative; font-family: var(--font-gilroymedium); font-size: var(--font16); display: flex; align-items: center; }
.footer-copyright-content a { position: relative; }
.footer-copyright-content p { margin-bottom: 0; }
.footer-copyright-content p .copy-icon { display: inline-block; }
.footer-ma-logo { position: static; }
.footer-ma-tooltip { position: relative; }
.footer-ma-tooltip img { width: 60px; }
.footer-copyright a:hover, .footer-copyright a:focus, .footer-copyright a.active { color: var(--primaryColor); }
.footer-copyright-menu { padding-left: 5px; list-style: none; margin: 0; display: flex; align-items: center; }
.footer-copyright-menu li { position: relative; border-left: solid 1px var(--whiteColor); line-height: 1; padding: 0 5px; }
.footer-copyright-menu li a { color: var(--whiteColor); }
.footer-copyright-menu li a:hover, .footer-copyright-menu li a:focus, .footer-copyright-menu li.current-menu-item a { color: var(--primaryColor); }

.footer-ma-hover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 2rem; cursor: default; text-align: center; background: var(--secondaryColor); transform: translateX(100%); transition: transform linear 1s; display: flex; align-items: center; justify-content: center; z-index: 111; }
.walking-ants-action { display: flex; align-items: center; }
.walking-ant { display: inline-block; width: 30px; height: 30px; transform: rotateY(180deg); right: -30px; position: absolute; bottom: -5px; }
.walking-ant svg { position: absolute; left: 0; bottom: 0; z-index: 1; }
.walking-ant svg path { fill: var(--whiteColor); }
.footer-ma-hover-link { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
.footer-copyright a.footer-ma-hover-link:hover, .footer-copyright a.footer-ma-hover-link:focus { color: var(--whiteColor); }

@keyframes walkingAntOne {0% {right: -30px;}100% {right: 100%;}}
@keyframes walkingAntTwo {0% {right: -30px;}100% {right: 100%;}}
@keyframes walkingAntThree {0% {right: -30px;}100% {right: 100%;}}
@keyframes walkingAntFour {0% {right: -30px;}100% {right: 100%;}}
@keyframes walkingAntFive {0% {right: -30px;}100% {right: 100%;}}

.footer-ma-tooltip:hover {background: transparent;}
.footer-ma-tooltip:hover + .footer-ma-hover, .footer-ma-hover:hover {transform: translateX(0); }
.footer-ma-hover:hover > .walking-ants-container .walking-ant:nth-child(1),
.footer-ma-tooltip:hover + .footer-ma-hover > .walking-ants-container .walking-ant:nth-child(1) { animation: walkingAntOne 60s infinite forwards linear; }
.footer-ma-hover:hover > .walking-ants-containeraction .walking-ant:nth-child(2),
.footer-ma-tooltip:hover + .footer-ma-hover > .walking-ants-container .walking-ant:nth-child(2) { animation: walkingAntTwo 60s 10s infinite forwards linear; }
.footer-ma-hover:hover > .walking-ants-container .walking-ant:nth-child(3),
.footer-ma-tooltip:hover + .footer-ma-hover > .walking-ants-container .walking-ant:nth-child(3) { animation: walkingAntThree 60s 15.5s infinite forwards linear; }
.footer-ma-hover:hover > .walking-ants-container .walking-ant:nth-child(4),
.footer-ma-tooltip:hover + .footer-ma-hover > .walking-ants-container .walking-ant:nth-child(4) { animation: walkingAntFour 60s 30s infinite forwards linear; }
.footer-ma-hover:hover > .walking-ants-container .walking-ant:nth-child(5),
.footer-ma-tooltip:hover + .footer-ma-hover > .walking-ants-container .walking-ant:nth-child(5) { animation: walkingAntFive 60s 38s infinite forwards linear; }

.footer-ma-hover:hover > .walking-ants-container .walking-ant:nth-child(1),
.footer-ma-tooltip:hover + .footer-ma-hover > .walking-ants-container .walking-ant:nth-child(1) { animation: walkingAntOne 60s infinite forwards linear; }
.footer-ma-hover:hover > .walking-ants-container .walking-ant:nth-child(2),
.footer-ma-tooltip:hover + .footer-ma-hover > .walking-ants-container .walking-ant:nth-child(2) { animation: walkingAntTwo 60s 10s infinite forwards linear; }
.footer-ma-hover:hover > .walking-ants-container .walking-ant:nth-child(3),
.footer-ma-tooltip:hover + .footer-ma-hover > .walking-ants-container .walking-ant:nth-child(3) { animation: walkingAntThree 60s 15.5s infinite forwards linear; }
.footer-ma-hover:hover > .walking-ants-container .walking-ant:nth-child(4),
.footer-ma-tooltip:hover + .footer-ma-hover > .walking-ants-container .walking-ant:nth-child(4) { animation: walkingAntFour 60s 30s infinite forwards linear; }
.footer-ma-hover:hover > .walking-ants-container .walking-ant:nth-child(5),
.footer-ma-tooltip:hover + .footer-ma-hover > .walking-ants-container .walking-ant:nth-child(5) { animation: walkingAntFive 60s 38s infinite forwards linear; }

/*who-we-section*/
.who-we-section { position: relative; background: url("assets/images/who-we-are-background.jpg") no-repeat center; background-size: cover; }
.who-we-media, .svb-careers-media { box-shadow: 0 0 15px rgba(0, 0, 0, 0.52); position: relative; overflow: hidden; height: 100%; margin-right: 5px; }
.svb-careers-section .svb-careers-media { height: calc(100% - 8px); margin-top: 3px; }
.who-we-media img, .svb-careers-media img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.who-we-content, .svb-careers-content { position: relative; margin-left: 0; }
.who-we-content > :last-child, .svb-careers-content > :last-child { margin-bottom: 0; }
.counter-area { padding-top: var(--sp100); position: relative; display: flex; flex-wrap: wrap; font-family: var(--font-helveticaNeueLTPro-MdCn); font-size: var(--font24); text-align: center; text-transform: uppercase; color: var(--primaryColor); }
.counter-area-item { padding: 0 20px; position: relative; display: flex; flex-direction: column; align-items: center; }
.counter-area-item:nth-child(1) { width: 16%; padding-left: 0; align-items: flex-start; }
.counter-area-item:nth-child(2) { width: 32%; }
.counter-area-item:nth-child(3) { width: 24%; }
.counter-area-item:nth-child(4) { width: 28%; padding-right: 0; align-items: flex-end; }
.counter-area-item:not(:first-child):before { content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; z-index: 1; background: linear-gradient(to top, transparent, var(--secondaryColor) 50%, transparent), linear-gradient(to bottom, transparent, var(--secondaryColor) 50%, transparent); }
.counter-area-item-inner { display: flex; flex-direction: column; align-items: center; padding: 20px 0; }
.counter-area p { margin-bottom: 0; line-height: 1; text-align: center; }
.counter-nos { color: var(--secondaryColor); display: inline-flex; align-items: last baseline; gap: 8px; margin-bottom: 10px; font-size: var(--font100); font-family: var(--font-helveticaNeueLTProBlkCn); line-height: 1; }
.counter-nos .unit, .who-we-swiper-item h3 .unit { font-size: var(--font18); font-family: var(--font-helveticaNeueLTPro-MdCn); display: inline-flex; text-align: left; line-height: 1; margin-bottom: 1px; }
.who-we-desktop, .work-svb-group-desktop, .channel-partners-desktop, .contact-info-desktop, .about-ourselves-desktop, .about-division-desktop, .discover-desktop { display: block; }
.who-we-mobile, .work-svb-group-mobile, .channel-partners-mobile, .contact-info-mobile, .about-ourselves-mobile, .about-division-mobile, .discover-mobile { display: none; }
.who-we-mobile-header, .work-svb-group-mobile-header, .channel-partners-mobile-header, .contact-info-mobile-header, .about-ourselves-mobile-header, .about-division-mobile-header, .discover-mobile-header { text-align: center; margin-bottom: var(--sp30); }
.who-we-mobile .btn-action, .channel-partners-mobile .svb-careers-content .btn-action { margin-top: 30px; text-align: center; }
.who-we-swiper { padding: 30px 0 50px; position: relative; margin-bottom: 50px; }
.who-we-swiper-item { text-align: center; color: var(--primaryColor); font-size: var(--font24); text-transform: uppercase; }
.who-we-swiper-item p { text-align: center; font-family: var(--font-helveticaNeueLTPro-MdCn); }
.who-we-swiper-item h3 { color: var(--secondaryColor); font-size: var(--font100); font-family: var(--font-helveticaNeueLTProBlkCn); line-height: 0.8; display: inline-flex; gap: 8px; align-items: flex-end; }
.who-we-swiper .swiper-horizontal > .swiper-pagination-bullets,
.who-we-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.who-we-swiper .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; }
.who-we-swiper .swiper-pagination-bullet { border: solid 1px var(--blackColor); width: 12px; height: 12px; }
.who-we-swiper .swiper-pagination-bullet:hover { border-color: var(--secondaryColor); }
.who-we-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--secondaryColor); background-color: var(--secondaryColor); }

/*featured-project-section*/
.featured-project-section { background-repeat: no-repeat; background-position: center; background-size: cover; background-color: var(--secondaryColor); color: var(--whiteColor); }
.featured-project-section .sec-header, .featured-project-section .sec-header p { text-align: center; }
.featured-project-section .sec-title-eyebrow, .featured-project-section .sec-title { color: var(--whiteColor); }
.featured-project-swiper { position: relative; padding-bottom: 70px; }
.featured-project-swiper.featured-project-swiper-nav-disable,
.featured-project-swiper.featured-project-swiper-nav-disable .swiper-slide { padding-bottom: 0; }
.featured-project-swiper-media { position: relative; margin-right: 120px; margin-bottom: 55px; box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); }
.featured-project-swiper-media img { width: 100%; height: 100%; max-height: 624px; min-height: 624px; object-fit: cover; }
.featured-project-swiper-card { flex: 1; max-width: 520px; transition: all 0.6s ease-in-out; opacity: 0; visibility: hidden; transform: translateY(100%); position: absolute; right: 12px; bottom: 0px; z-index: 3; background-color: var(--whiteColor); color: var(--grey1); padding: 45px 55px 55px; box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); }
.swiper-slide-active .featured-project-swiper-card { transform: translateY(0); transition-delay: .2125s; opacity: 1; visibility: visible; }
.featured-project-swiper .swiper-slide { overflow: hidden; padding: 0 12px 30px 0; height: auto; flex-grow: 1; display: flex; flex-direction: column; }
.featured-project-swiper-card h2 { color: var(--secondaryColor); text-transform: none; margin-bottom: 10px; }
.featured-project-swiper-card p { margin-bottom: 12px; font-size: 15px; }
.featured-project-swiper-card > :last-child { margin-bottom: 0; }
.featured-project-swiper-card .btn-action-group { gap: 15px; }
.featured-project-swiper-card .btn { min-width: 160px; }
.featured-project-swiper-card h6 { margin-bottom: 20px; font-family: var(--font-gilroysemibold); text-transform: capitalize; color: var(--blackColor); font-size: 15px; }
.featured-project-swiper .swiper-button-next, .featured-project-swiper .swiper-button-prev { top: auto; margin-top: 0; bottom: 0; background: transparent; border: solid 1px var(--whiteColor); color: var(--whiteColor); }
.featured-project-swiper .swiper-button-next:hover, .featured-project-swiper .swiper-button-prev:hover { background: var(--whiteColor); }
.featured-project-swiper .swiper-button-next::after, .featured-project-swiper .swiper-button-prev::after { background-image: url("assets/images/icon-arrow-right-colored.svg"); filter: brightness(0) invert(1); }
.featured-project-swiper .swiper-button-next:hover::after, .featured-project-swiper .swiper-button-prev:hover::after { filter: inherit; }
.featured-project-swiper .swiper-scrollbar { background-color: var(--whiteColor); bottom: 22px; opacity: 1 !important; height: 1px; left: 150px; width: calc(100% - 160px); right: 10px; }
.featured-project-swiper .swiper-button-prev { left: 0; }
.featured-project-swiper .swiper-button-next { right: auto; left: 62px; }
.featured-project-swiper .swiper-scrollbar-drag { background-color: #e7d69c; }
.featured-project-swiper .swiper-pagination { text-align: left; }
.featured-project-swiper .swiper-pagination-custom, .featured-project-swiper .swiper-pagination-fraction { bottom: -2px; text-align: right; padding-left: 32px; padding-right: 10px; margin-left: 120px; width: calc(100% - 120px); }

/*our-project-section*/
.our-project-section { position: relative; background: url("assets/images/our-project-background.jpg") no-repeat center; background-size: cover; }
.our-project-section .sec-header, .our-project-section .sec-header p { text-align: center; }
.our-project-swiper-card { box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); position: relative; overflow: hidden; }
.our-project-swiper-media { position: relative; }
.our-project-swiper-media:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)); }
.our-project-swiper-media img { width: 100%; height: 100%; max-height: 530px; min-height: 530px; object-fit: cover; transition: transform 1000ms cubic-bezier(.215,.61,.355,1); }
.our-project-swiper-card:hover .our-project-swiper-media img { transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.15,1.15); }
.our-project-swiper-content { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: 20px; text-align: center; color: var(--whiteColor); }
.our-project-swiper-content:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)); filter: blur(8px); }
.our-project-swiper-content > * { position: relative; z-index: 3; }
.our-project-swiper-content h3 { color: var(--secondaryColor); font-size: var(--font26); margin-bottom: 5px; }
.our-project-swiper-content h4 { color: var(--whiteColor); font-size: var(--font16); margin-bottom: 0; }
.our-project-swiper-content p { text-align: center; margin-bottom: 0; }
.our-project-swiper-content .show-content { transition: transform 1000ms cubic-bezier(.215,.61,.355,1); transform: translateX(0px) translateY(58px) translateZ(0px) rotate(0deg) scale(1); }
.our-project-swiper-card:hover .our-project-swiper-content .show-content { transform: translateY(0); }
.our-project-swiper-content .more { display: block; min-height: 60px; padding-top: 12px; opacity: 0; box-sizing: border-box; transform: translateY(100%); transition: 1000ms cubic-bezier(.215,.61,.355,1); transition-property: opacity,transform; }
.our-project-swiper-card:hover .our-project-swiper-content .more { opacity: 1; transform: translateY(0); }
.our-project-swiper { position: relative; padding: 10px 15px 100px; margin: 0 -15px; }
.our-project-swiper.our-project-swiper-nav-disable { padding-bottom: 0; }
.our-project-swiper .swiper-button-next, .our-project-swiper .swiper-button-prev { top: auto; bottom: 0; }
.our-project-swiper .swiper-button-prev { left: calc(50% - 60px); }
.our-project-swiper .swiper-button-next { right: calc(50% - 60px); }
.our-project-tabs { border-bottom: 0 none; display: flex; align-items: center; justify-content: center; gap: 25px; margin-bottom: var(--sp30); }
.our-project-tabs .nav-link { position: relative; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); min-width: 255px; background-color: var(--primaryColor); color: var(--whiteColor); border: 0 none; border-radius: 0; box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); font-family: var(--font-helveticaNeueLTPro-MdCn); font-size: var(--font18); text-transform: uppercase; padding: 11px 26px; }
.our-project-tabs .nav-link:hover { transition-delay: 0.5s; }
.our-project-tabs .nav-item.show .nav-link, .our-project-tabs .nav-link.active { color: var(--whiteColor); background-color: var(--secondaryColor); }
.our-project-tabs .nav-link:before, .our-project-tabs .nav-link:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.5s; z-index: 0; }
.our-project-tabs .nav-link:before, .our-project-tabs .nav-link:after { background-color: var(--secondaryColor); }
.our-project-tabs .nav-item.show .nav-link:before, .our-project-tabs .nav-link.active:before, .our-project-tabs .nav-item.show .nav-link:after, .our-project-tabs .nav-link.active:after { background-color: var(--primaryColor); }
.our-project-tabs .nav-link:before { width: 0; opacity: 1; }
.our-project-tabs .nav-link:after { z-index: 0; opacity: 1; height: 0; }
.our-project-tabs .nav-link:hover:before { width: 100%; }
.our-project-tabs .nav-link:hover:after { transition-delay: 0.4s; height: 100%; width: 100%; }
.our-project-tabs .nav-link span { position: relative; z-index: 3; }

/*contact-us-section*/
.contact-us-section { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: var(--secondaryColor); color: var(--whiteColor); }
.contact-us-section .sec-header { text-align: center; }
.contact-us-section .sec-header p { text-align: center; }
.contact-us-section .sec-header .sec-title-eyebrow { color: var(--whiteColor); }
.contact-us-section .sec-header .sec-title { color: var(--whiteColor); }
.form-checkbox { position: relative; margin-bottom: 30px; }
.form-checkbox a { position: relative; color: var(--grey1); display: inline-block; }
.form-checkbox a:before { content: ''; transition: width 0.4s ease-in-out; position: absolute; left: 0; bottom: 0; z-index: 1; height: 1px; width: 100%; background-color: var(--grey1); }
.form-checkbox a:hover:before { width: 0; background-color: var(--secondaryColor); }
.form-checkbox a:hover { color: var(--secondaryColor); }
.feature-project-get-touch-form .form-checkbox a:hover { color: var(--orangeColor); }
.feature-project-get-touch-form .form-checkbox a:hover:before { width: 0; background-color: var(--orangeColor); }
.contact-us-section .form-checkbox a, .contact-us-section .form-checkbox a:hover { color: var(--whiteColor); }
.contact-us-section .form-checkbox a:before, .contact-us-section .form-checkbox a:hover:before { background-color: var(--whiteColor); }
.wpcf7-list-item { margin: 0; }
.form-checkbox p span { display: block; }
.form-checkbox label { display: flex; }
.form-checkbox label span { padding-left: 29px; position: relative; display: block; max-width: 100%; line-height: 1.5; }
.form-checkbox label span::before { content: ''; position: absolute; left: 0; top: 1px; z-index: 1; width: 20px; min-width: 20px; height: 20px; border: solid 1px var(--grey1); }
.contact-us-section .form-checkbox label span::before { border-color: var(--whiteColor); }
.form-checkbox label span::after { content: ''; position: absolute; left: 3px; top: 4px; z-index: 1; width: 14px; min-width: 14px; height: 14px; background: url("assets/images/form-check-copy.webp") no-repeat center; display: none; }
.contact-us-section .form-checkbox label span::after { filter: brightness(0) invert(1); }
.form-checkbox label input[type="checkbox"]:checked + span::after { display: block; }
.form-checkbox input[type="checkbox"] { position: absolute; width: 0; height: 0; min-width: 0; accent-color: var(--whiteColor); opacity: 0; visibility: hidden; }
.contact-us-section .form-control,
.contact-us-section input[type="number"],
.contact-us-section input[type="text"],
.contact-us-section input[type="email"],
.contact-us-section input[type="password"],
.contact-us-section input[type="tel"],
.contact-us-section input[type="search"],
.contact-us-section input[type="url"],
.contact-us-section textarea,
.contact-us-section select { border-color: var(--whiteColor); color: var(--secondaryColor); }
.contact-us-section ::-webkit-input-placeholder { color: var(--secondaryColor); }
.contact-us-section ::-moz-placeholder { color: var(--secondaryColor); }
.contact-us-section :-ms-input-placeholder { color: var(--secondaryColor); }
.contact-us-section :-moz-placeholder { color: var(--secondaryColor); }
.contact-us-section .form-control::placeholder { color: var(--secondaryColor); }
.contact-us-section .btn-secondary { color: var(--secondaryColor); background-color: var(--whiteColor); }
.contact-us-section .btn-secondary:hover { color: var(--whiteColor); }
.contact-us-section .btn-effect-anim { background-color: var(--whiteColor); }
.contact-us-section .btn-effect-anim .btn-input-anim,
.contact-us-section .btn-effect-anim input[type="submit"] { position: relative; z-index: 3; color: var(--secondaryColor); background-color: transparent !important; }
.contact-us-section .btn-effect-anim .btn-input-anim:hover,
.contact-us-section .btn-effect-anim input[type="submit"]:hover { color: var(--whiteColor); background-color: transparent !important; transition-delay: 0.5s; }
.contact-us-section .btn-effect-anim::before,
.contact-us-section .btn-effect-anim::after { background-color: var(--primaryColor); }
.contact-us-section .btn-effect-anim p { margin: 0; }
.contact-us-section .btn-effect-anim .wpcf7-spinner { display: none; }
.contact-us-section .form-control:focus, .contact-us-section .form-select:focus { border-color: var(--whiteColor); }
.contact-us-section .select2-container--default .select2-selection--single { border-color: var(--whiteColor); }
.contact-us-section .select2-container--default .select2-selection--single .select2-selection__rendered,
.contact-us-section .select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--secondaryColor); }
.contact-us-section .select2-container--default .select2-selection--single .select2-selection__arrow b { background: url("assets/images/icon-arrow-bown-colored.png") no-repeat center; background-size: 20px auto; }
.wpcf7-form-control-wrap { display: block; width: 100%; }
.contact-us-section .text-mandatory, .contact-us-section .wpcf7-not-valid-tip { color: var(--primaryColor); }
.contact-us-main .row { margin: 0 -15px; }
.contact-us-main .row [class*="col-"]  { padding: 0 15px; }
.contact-us-section .wpcf7 form .wpcf7-response-output { /*bottom: -40px;*/ border: 0 none; }
.contact-us-section .wpcf7 form .wpcf7-response-output span { border-color: var(--whiteColor); color: var(--whiteColor); background-color: var(--primaryColor); }
.form-checkbox span { display: block; }

/*map-section*/
.map-section.section { padding: 0; position: relative; }
.responsive-map { overflow: hidden; padding-bottom: 40%; position: relative; height: 0;  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.responsive-map iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
.responsive-map:before { content: ''; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; box-shadow: 0 0 120px 24px rgba(0,0,0,0.4) inset; }
.responsive-map:hover { filter: none; -webkit-filter: grayscale(0%); }
.responsive-map:hover:before { display: none; }

/*brochure-modal */
.brochure-modal .modal-dialog { max-width: 633px; }
.brochure-modal .modal-body { padding: 80px var(--sp60) 50px; }
.brochure-modal .modal-content { padding: 0; border-radius: 0; border: none; background-color: var(--secondaryColor); color: var(--whiteColor); }
.brochure-modal .modal-body button.btn-close { position: absolute; text-shadow: none; opacity: 1; z-index: 9999; width: 40px; height: 40px; border-radius: 50%; padding: 0; background: url("assets/images/icon-close-white.png") no-repeat center; background-size: 16px auto; border: solid 1px var(--whiteColor); -webkit-appearance: none; right: 20px; top: 20px; display: flex; line-height: 1; cursor: pointer; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; }
.brochure-modal .modal-body button.btn-close:hover { transform: rotate(90deg); }
.brochure-main { position: relative; font-size: var(--font16); }
.brochure-main h3 { margin-bottom: 20px; color: var(--whiteColor); text-align: center; }
.brochure-main p { margin-bottom: 20px; text-align: justify; font-size: var(--font18); }
.brochure-main a { color: var(--whiteColor); position: relative; display: inline-block; }
.brochure-main a:hover, .brochure-main a:focus { color: var(--whiteColor); }
.brochure-main a:before { content: ''; transition: all 0.4s ease-in-out; position: absolute; left: 0; bottom: 3px; z-index: 1; height: 1px; width: 100%; background-color: var(--whiteColor); }
.brochure-main a:hover:before { width: 0; background-color: var(--whiteColor); }
.brochure-main ul { list-style: disc; padding-left: 15px; margin-bottom: 20px; }
.brochure-main ul li { margin-bottom: 6px; font-size: var(--font18); }
.brochure-main :last-child { margin-bottom: 0; }
.brochure-form { padding-bottom: 30px; }
.brochure-form .form-group { margin-bottom: 38px; }
.brochure-form .form-floating br { display: none; }
.brochure-form .form-control,
.brochure-form input[type="number"],
.brochure-form input[type="text"],
.brochure-form input[type="email"],
.brochure-form input[type="password"],
.brochure-form input[type="tel"],
.brochure-form input[type="search"],
.brochure-form input[type="url"],
.brochure-form textarea,
.brochure-form select { background-color: transparent; border: 0 none; border-bottom: solid 1px var(--whiteColor); color: var(--whiteColor); }
.brochure-form .form-floating label { color: var(--whiteColor); font-size: var(--font18); }
.brochure-form .form-floating .form-control,
.brochure-form .form-floating .form-control-plaintext,
.brochure-form .form-floating .form-select,
.brochure-form .form-floating label { padding-left: 0; padding-right: 0; }
.brochure-form .form-control:focus, .brochure-form .form-select:focus { color: var(--whiteColor); }
.brochure-form .form-floating .form-control-plaintext ~ label,
.brochure-form .form-floating .form-control:focus ~ label,
.brochure-form .form-floating .form-control:not(:placeholder-shown) ~ label,
.brochure-form .form-floating .form-select ~ label { color: rgba(var(--whiteColor),.65); padding-left: 0; padding-right: 0; }
.brochure-form .form-field { margin-bottom: 12px; }
.brochure-form .form-checkbox { margin: 10px 0 var(--sp30); }
.brochure-form .form-checkbox label span::after { top: 3px; }
.brochure-form .text-mandatory { color: var(--primaryColor) !important; }
.brochure-form .btn-effect-anim:before, .brochure-form .btn-effect-anim:after { background-color: var(--primaryColor); }
.brochure-form .btn-effect-anim { background-color: var(--whiteColor); }
.brochure-form .btn-input-anim { color: var(--secondaryColor) !important; }
.brochure-form .btn-input-anim:hover { color: var(--whiteColor) !important; }
.brochure-form .form-btn-field .btn-effect-anim + p { display: none; }
.brochure-form .form-checkbox label span::before { border-color: var(--whiteColor); }
.brochure-form .form-checkbox label span::after { filter: brightness(0) invert(1); top: 4px; }
.brochure-form p { font-size: var(--font16); }
.brochure-form .wpcf7-not-valid-tip { color: var(--primaryColor); }
.brochure-form .wpcf7 form .wpcf7-response-output { border-color: transparent; background-color: transparent; }
.brochure-form .wpcf7 form .wpcf7-response-output span { border-color: var(--whiteColor); color: var(--whiteColor); background-color: var(--primaryColor); }

/*navbar-feature-project*/
.mobile-main-nav { display: -ms-flexbox; display: -ms-flex; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; list-style: none; padding-left: 0; }
.mobile-main-nav>li { position: relative; display: -ms-flexbox; display: -ms-flex; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.mobile-main-nav>li>a { text-decoration: none; position: relative; display: -ms-flexbox; display: -ms-flex; display: flex; -ms-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 0 20px 0; justify-content:left; }
.mobile-main-nav>li:last-child>a{margin: 0;}
.mobile-main-nav li > a .menu-text, .mobile-main-nav li > a{ position: relative; /*text-transform: uppercase;*/ font-family: var(--font-helveticaNeueLTPro); font-weight: normal; color: var(--whiteColor); font-size: 18px; line-height:18px;}
.mobile-main-nav li:nth-child(2) > a .menu-text{text-transform: none;}
.mobile-main-nav li:nth-child(8) > a .menu-text{text-transform: none;}
.mobile-main-nav > li > a .menu-item-text { position: relative; }
.mobile-main-nav > li > a .menu-item-text:before { position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; content: ""; background: var(--whiteColor); transition: all 0.3s ease; }
.mobile-main-nav > li > a:hover .menu-item-text::before, .mobile-main-nav > li > a:focus::before { left: 0; width: 100%; }
.mobile-mini-widgets-in-menu { position: relative; margin: 5px 0; width: 100%; justify-content: center; display: flex; }
.mobile-mini-widgets-nav { padding: 0; margin: 0; list-style: none; width: 100%; }
.mobile-mini-widgets-nav p{margin: 0;}
.mobile-mini-widgets-nav li { display: block; margin: 25px 0; position: relative; font-family: var(--font-gilroyregular); font-size: var(--font14); color: var(--whiteColor); text-align: center; }
.mobile-mini-widgets-nav li:first-child { padding: 25px 0;}
.mobile-mini-widgets-nav li:last-child { margin: 25px 0 0; }
.mobile-mini-widgets-nav li:first-child::before,
.mobile-mini-widgets-nav li:first-child::after { position: absolute; left: 0; width: 100%; height: 2px; content: ""; background-size: 100%;    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 1) 69%, rgba(255, 255, 255, 0) 100%); }
.mobile-mini-widgets-nav li:first-child::before { top: 0; }
.mobile-mini-widgets-nav li:first-child::after { bottom: 0; }
.mobile-mini-widgets-nav li a.mobile-menu-bt { background-color: var(--whiteColor); color: var(--orangeColor); font-family: var(--font-robotoCondensed); font-size: 20px; font-weight: 500; padding: 16px 20px 16px; border-radius: 50px; display: block; text-decoration: none; line-height: 20px; text-transform: uppercase; max-width: 260px; margin: 0 auto; box-shadow: 5px 5px 10px rgba(0,0,0,0.3); text-align: center; }
.mobile-mini-widgets-nav li a {color: var(--whiteColor);}.mobile-mini-widgets-nav li span.pipe a { display: inline-block; border-left: 2px solid #fff; padding-left: 5px; line-height: 14px;}
.mobile-mini-widgets-nav li a img { filter: brightness(0) invert(1); width: 50px; }
.mobile-main-nav li > a:after {
    content: '';
    display: block;
    width: 0%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 1s ease;
}
.mobile-main-nav li > a:hover::after {
    width: 100%;
}


/*feature-project-banner*/
.feature-project-banner { position: relative; height: 100vh; }
.feature-project-banner-media { position: fixed; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; }
.feature-project-banner-media img { width: 100%; height: 100%; object-fit: cover; background-attachment: fixed; }
.feature-project-banner-content { max-width: 1140px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; padding-top: 90px; }
.feature-project-banner-content .heading-title { text-align: center; font-family: var(--font-bebasNeueregular); font-weight: normal; color: var(--whiteColor); font-size: 82px; text-transform: uppercase; line-height: 1; position: relative; padding-top: 15px; width: 49%; margin: 0 auto; background-repeat: no-repeat; background-position-x: 0; background-position-y: 0; background-size: 100%; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: rgba(0, 0, 0, 0); }
.feature-project-banner-content .heading-title span { font-size: 56px; display: block; position: relative; }
.feature-project-banner-content .slide-down-link { position: relative; left: auto; bottom: auto; transform: none; margin-top: 70px; }
.feature-project-banner-wrap { width: 100%; height: 100%; padding: 10% 0 0; display: flex; flex-direction: column; color: var(--whiteColor); min-height: 600px; }
.feature-project-banner-inner { flex: 1; min-height: 83vh; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.feature-project-banner-inner .container { max-width: 100%; padding: 0; }
.feature-project-banner-btn, .feature-project-btn-primary { background: var(--orangeColor); font-family: var(--font-robotoCondensed); font-size: var(--font18); line-height: 1; font-weight: normal; border-radius: 50px; color: var(--whiteColor); padding: 16px 30px; position: relative; overflow: hidden; display: inline-flex; text-transform: uppercase; }
.feature-project-banner-btn { margin-top: 70px; }
.feature-project-banner-btn:hover, .feature-project-banner-btn:focus,
.feature-project-btn-primary:hover, .feature-project-btn-primary:focus { color: var(--whiteColor); }
.feature-project-banner-btn:before,
.feature-project-btn-primary:before { content: ''; display: inline-block; transform: translateY(40%); left: -10px; position: absolute; width: 260px; height: 260px; border-radius: 50%; background: var(--whiteColor); z-index: 0; transition: transform ease 1s; opacity: 1; box-shadow: none; }
.feature-project-banner-btn:before { left: -15px; }
.feature-project-banner-btn:hover::before,
.feature-project-btn-primary:hover::before { transform: translateY(-35%); }
.feature-project-banner-btn span, .feature-project-btn-primary span { position: relative; z-index: 3; transition: all 0.6s ease; transition-delay: .1s; color: var(--whiteColor); }
.feature-project-banner-btn:hover span, .feature-project-btn-primary:hover span { color: var(--orangeColor); transition-delay: .3s; }
.feature-project-btn-primary { box-shadow: -5px 8px 11px -5px rgba(0, 0, 0, 0.23); }

/*feature-project-offcanvas*/
.feature-project-offcanvas.offcanvas { background-color: var(--orangeColor2); }
.feature-project-offcanvas.offcanvas.offcanvas-end { width: 580px; }
.feature-project-offcanvas .offcanvas-header { justify-content: flex-end; position: absolute; right: 0; top: 0; z-index: 1; }
.feature-project-offcanvas .offcanvas-body { padding: 90px 60px 60px; /*display: flex;*/ flex-direction: column; justify-content: center; position: relative; }
.feature-project-offcanvas-main { position: relative; }
.feature-project-offcanvas-main-header { position: relative; text-align: center; font-family: var(--font-gilroyregular); font-size: 17px; color: var(--whiteColor); }
.feature-project-offcanvas-main-header p { text-align: center; margin-bottom: 25px; }
.feature-project-offcanvas-main-header h2 { text-align: center; text-transform: capitalize; display: block; font-family: var(--font-helveticaNeueLTPro-MdCn); font-size: var(--font40); color: var(--whiteColor); line-height: 1.5; }
.feature-project-offcanvas .offcanvas-header .btn-close { width: 40px; height: 40px; }
.feature-project-offcanvas .offcanvas-header .btn-close-inner { width: 34px; height: 34px; }
.feature-project-offcanvas .offcanvas-header .btn-close-inner::before { top: -2px; }
.feature-project-offcanvas .offcanvas-header .btn-close-inner::after { left: -2px; }
.feature-project-form-wh { position: relative; }
.feature-project-form-wh .form-field,
.feature-project-form-wh .form-group { margin-bottom: 28px; }
.feature-project-form-wh input[type="number"],
.feature-project-form-wh input[type="text"],
.feature-project-form-wh input[type="email"],
.feature-project-form-wh input[type="password"],
.feature-project-form-wh input[type="tel"],
.feature-project-form-wh input[type="search"],
.feature-project-form-wh input[type="url"],
.feature-project-form-wh textarea,
.feature-project-form-wh select { background-color: transparent; border: 1px solid var(--whiteColor); border-radius: 2px; font-family: var(--font-gilroyregular); color: var(--whiteColor); height: 50px; font-size: var(--font16); }
.feature-project-form-wh input:focus { box-shadow: none; outline: none; }
.feature-project-form-wh ::placeholder,
.feature-project-form-wh .form-control::placeholder { color: var(--whiteColor); opacity: 1; }
.feature-project-form-wh label.error { position: absolute; left: 0; bottom: -18px; z-index: 1; color: var(--whiteColor); font-size: 12px; font-weight: 300; }
.feature-project-form-wh label { color: var(--whiteColor); font-family: var(--font-gilroymedium); font-size: 15px; }
.feature-project-form-wh .text-mandatory { color: var(--whiteColor) !important; }
.feature-project-form-wh .wpcf7-spinner { display: none; }
.feature-project-form-wh .wpcf7 form .wpcf7-response-output { border-color: transparent; color: var(--whiteColor); background-color: transparent; text-align: center; position: relative; top: auto; left: 0; bottom: auto; margin: 18px 0 0; font-size: 14px; }
.feature-project-form-wh .wpcf7 form .wpcf7-response-output span { border-color: var(--whiteColor); color: var(--whiteColor); background-color: var(--secondaryColor); }
/* .feature-project-offcanvas.offcanvas .feature-project-form-wh .wpcf7 form .wpcf7-response-output { bottom: -50px; } */
.feature-project-offcanvas.offcanvas .feature-project-form-wh .wpcf7 form .wpcf7-response-output span,
.feature-project-brochure-modal .feature-project-form-wh .wpcf7 form .wpcf7-response-output span,
.feature-project-brochure-modal .wpcf7 form .wpcf7-response-output span { border-color: var(--whiteColor); color: var(--orangeColor); background-color: var(--whiteColor); }
.feature-project-form-wh .form-btn-field .btn-effect-anim2 { border-color: var(--whiteColor); color: var(--orangeColor); background-color: var(--whiteColor); }
.feature-project-form-wh .form-btn-field .btn-effect-anim2:before { background: var(--orangeColor); }
.feature-project-form-wh input[type="button"],
.feature-project-form-wh input[type="submit"],
.feature-project-form-wh input[type="reset"],
.feature-project-form-wh .btn-primary { transition: all 0.6s ease; transition-delay: .1s; color: var(--orangeColor); background-color: transparent; position: relative; z-index: 3; box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.43); font-family: var(--font-robotoCondensed); font-weight: 500; font-size: var(--font20); line-height: 1.3; }
.feature-project-form-wh input[type="button"]:hover,
.feature-project-form-wh input[type="submit"]:hover,
.feature-project-form-wh input[type="reset"]:hover,
.feature-project-form-wh .btn-primary:hover { color: var(--whiteColor); background-color: transparent; }
.feature-project-form-wh .form-checkbox label span::before { border-color: var(--whiteColor); }
.feature-project-form-wh .form-checkbox label span::after { filter: brightness(0) invert(1); }
.feature-project-offcanvas-main .feature-project-form-wh .form-checkbox label span::before,
.feature-project-brochure-main .feature-project-form-wh .form-checkbox label span::before { border-color: var(--whiteColor); background-color: var(--whiteColor); }
.feature-project-offcanvas-main .feature-project-form-wh .form-checkbox label span::after,
.feature-project-brochure-main .feature-project-form-wh .form-checkbox label span::after { filter: none; }
.feature-project-form-wh #datepicker { background: url('assets/images/calendar.png') right 10px top 12px no-repeat; }
.feature-project-form-wh .wpcf7-not-valid-tip { color: var(--whiteColor); }
.feature-project-form-wh .form-checkbox a, .feature-project-form-wh .form-checkbox a:hover { color: var(--whiteColor);display: inline-block; }
.feature-project-form-wh .form-checkbox a:before, .feature-project-form-wh .form-checkbox a:hover:before { background-color: var(--whiteColor); }

/*feature-project-brochure-modal*/
.feature-project-brochure-modal .modal-dialog { max-width: 550px; }
.feature-project-brochure-modal .modal-body { padding: 80px 50px 50px; }
.feature-project-brochure-modal .modal-content { padding: 0; border-radius: 0; border: none; background-color: var(--orangeColor2); color: var(--whiteColor); }
.feature-project-brochure-modal .modal-body button.btn-close { position: absolute; text-shadow: none; opacity: 1; z-index: 9999; width: 40px; height: 40px; border-radius: 50%; padding: 0; background: url("assets/images/icon-close-white.png") no-repeat center; background-size: 15px auto; border: solid 1px var(--whiteColor); -webkit-appearance: none; right: 20px; top: 20px; display: flex; line-height: 1; cursor: pointer; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; }
.feature-project-brochure-modal .modal-body button.btn-close:hover { transform: rotate(90deg); }
.feature-project-brochure-main { position: relative; font-size: var(--font16); }
.feature-project-brochure-main h3 { margin-bottom: 25px; color: var(--whiteColor); text-align: center; font-size: var(--font30); text-transform: capitalize; line-height: 48px; }
.feature-project-brochure-main p { margin-bottom: 20px; text-align: justify; font-size: var(--font18); }
.feature-project-brochure-main .feature-project-form-wh p { text-align: left; }
.feature-project-brochure-main a { color: var(--whiteColor); position: relative; display: inline-block; }
.feature-project-brochure-main a:before { content: ''; transition: all 0.4s ease-in-out; position: absolute; left: 0; bottom: 3px; z-index: 1; height: 1px; width: 100%; background-color: var(--whiteColor); }
.feature-project-brochure-main a:hover:before { width: 0; }
.feature-project-brochure-main ul { list-style: disc; padding-left: 15px; margin-bottom: 20px; }
.feature-project-brochure-main ul li { margin-bottom: 6px; font-size: var(--font18); }
.feature-project-brochure-main :last-child { margin-bottom: 0; }
.feature-project-brochure-main .feature-project-form-wh .form-field,
.feature-project-brochure-main .feature-project-form-wh .form-group { margin-bottom: 30px; }

/*privacy-term-section*/
.privacy-term-section { position: relative; }
.privacy-term-container { position: relative; padding: 0; margin: 0; }
.privacy-term-container > :last-child { margin-bottom: 0; }
.privacy-term-container a, .svb-careers-content a { color: var(--grey1); position: relative; display:inline-block; }
.privacy-term-container a:hover, .privacy-term-container a:focus,
.svb-careers-content a:hover, .svb-careers-content a:focus { color: var(--secondaryColor); }
.privacy-term-container a:after,
.svb-careers-content a:after { content: ""; border-bottom: 1px solid var(--grey1); transition: width .4s ease-in-out; position: absolute; bottom: 1px; left: 0; right: 0; width: 100%; }
.privacy-term-container a:hover::after,
.svb-careers-content a:hover::after { border-color: var(--secondaryColor); width: 0; }
.privacy-term-container a[href^='tel']:after { display: none; }
.privacy-term-container ul { margin-bottom: var(--sp30); padding-left: 17px; list-style: disc; text-align: justify; }
.privacy-term-container ul li:not(:last-child) { margin-bottom: 8px; }
.privacy-term-container ul ul { margin-top: 20px; }
.privacy-term-container ul li::marker { color: var(--primaryColor); }
.privacy-term-container ul ul { list-style: none; padding-left: 0; }
.privacy-term-container ul ul li { padding-left: 17px; position: relative; }
.privacy-term-container ul ul li:before { content: ''; position: absolute; left: 0; top: 9px; z-index: 1; width: 6px; height: 6px; border-radius: 50%; border: solid 1px var(--primaryColor); }
.privacy-term-container ul ul ul li:before { top: 13px; width: 6px; height: 1px; border-radius: 0; border: 0 none; background-color: var(--primaryColor); }
.svb-careers-content a.btn-secondary, .svb-careers-content a.btn-primary { color: var(--whiteColor); }
.svb-careers-content a.btn:after { border-bottom: 0 none; }
.svb-careers-content a.btn:hover::after { width: 100%; }
.privacy-term-container a[href^="tel:"]:after,
.svb-careers-content a[href^="tel:"]:after { display: none; }
.privacy-term-container a[href*="tel"]:after {
    width:100%;
    display: block;
}
.privacy-term-container a[href*="tel"]:hover:after {
    display: block;
    width: 0;
}
/*feature-project-content-area*/
.feature-project-content-area { position: relative; z-index: 9; background-color: var(--whiteColor); }

/*footer-feature-project*/
.footer-feature-project { position: relative; }
.footer-feature-project .container { max-width: 1140px; }
.footer-feature-project-primary { display: flex; flex-direction: column; gap: 20px; background-color: var(--orangeLightColor); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 50px 0 50px; }
.footer-feature-project-primary a, .footer-feature-project-primary a:hover, .footer-feature-project-primary a:focus { color: var(--whiteColor); }
.footer-feature-project-logo { position: relative; text-align: center; max-width: 1140px; margin: 0 auto 50px; }
.footer-feature-project-logo img { max-width: 175px; }
.footer-feature-project-main { position: relative; display: flex; flex-direction: column; gap: 20px; max-width: 1140px; margin: 0 auto; }
.footer-feature-project-address { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.footer-feature-project-address-icon { margin-bottom: 15px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 5px; border: 1px solid var(--whiteColor); border-radius: 50%; }
.footer-feature-project-address-icon svg { width: 20px; color: var(--whiteColor); fill: var(--whiteColor); }
.footer-feature-project-address-content { display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--whiteColor); }
.footer-feature-project-address-content h4, .footer-feature-project-heading { margin-bottom: 0; font-family: var(--font-gilroymedium); text-transform: inherit; font-size: var(--font18); color: var(--whiteColor); line-height: 30px; }
.footer-feature-project-address-content p { margin-bottom: 0; font-size: 17px; text-align: center; }
.footer-feature-project-location-link { color: var(--whiteColor); margin-top: 15px; font-family: var(--font-gilroymedium); font-size: var(--font16); position: relative; }
.footer-feature-project-location-link:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; background-color: var(--whiteColor); height: 1px; transition: all 0.5s ease; }
.footer-feature-project-location-link:hover:before { width: 0; }
.footer-feature-project-widget { padding: 12px 0; display: flex; align-items: center; justify-content: center; }
.footer-feature-project-widget-media { margin-right: 15px; min-width: 45px; width: 45px; height: 45px; border: solid 1px var(--whiteColor); padding: 5px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.footer-feature-project-widget-media > * { width: 25px; height: 25px; object-fit: contain; }
.footer-feature-project-widget-content { position: relative; }
.footer-feature-project-heading span { position: relative; }
.footer-feature-project-heading span:before, .c-text a::before { position: absolute; content: ""; left: 0; bottom: 0px; height: 1px; width: 0; background-color: var(--whiteColor); transition: all 0.5s ease; }
.footer-feature-project-widget:hover .footer-feature-project-heading span:before, .c-text a:hover:before { width: 100%; }
.c-text a::before {width: 100%;} .c-text a:hover:before { width: 0; }
.footer-feature-project .footer-copyright { padding: 10px 0; background-color: var(--whiteColor); color: var(--orangeLightColor); }
.footer-feature-project .footer-copyright-content { font-size: 15px; }
.footer-feature-project .footer-copyright-content a { color: var(--orangeLightColor); position: relative; }
.footer-feature-project .footer-copyright-content a:before { position: absolute; content: ""; left: 0; bottom: 0; width: 0; height: 2px; background-color: var(--orangeLightColor); transition: all 0.5s ease; }
.footer-feature-project .footer-copyright-content a:hover:before { width: 100%; }
.footer-feature-project .footer-ma-tooltip img { width: 49px; height: 29px; }
.footer-feature-project .footer-copyright-main { max-width: 1140px; margin: 0 auto; }
.footer-feature-project .footer-ma-hover { background: var(--orangeLightColor); color: var(--whiteColor); }
.footer-feature-project .footer-ma-hover a { color: var(--whiteColor); }
.footer-feature-project-main .col-12:first-child .footer-feature-project-widget { justify-content: flex-start; }
.footer-feature-project-main .col-12:last-child .footer-feature-project-widget { justify-content: flex-end; }
.footer-feature-project .footer-copyright-menu li { border-left: solid 1px var(--orangeLightColor);}
.footer-feature-project .footer-copyright-content a:hover {color: var(--orangeLightColor);}

/*feature-project-section*/
.feature-project-section { position: relative; padding: 50px 0; }
.feature-project-section .container, .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1140px; padding-right: 10px; padding-left: 10px; width: 96%; }
.feature-project-overview-section { position: relative; }
.feature-project-heading-title { text-transform: inherit; color: var(--orangeColor); font-family: var(--font-helveticaNeueLTPro-MdCn); font-size: var(--font36); line-height: 50px; text-align: center; }
.feature-project-heading-title span, .feature-project-heading-title-eyebrow { font-family: var(--font-helveticaNeueLTPro-MdCn); font-size: var(--font18); color: var(--orangeColor); display: block; text-transform: uppercase; /*line-height: 40px;*/ }
.feature-project-heading-title-eyebrow { margin-bottom: 0; }
.feature-project-slides { position: relative; display: flex; flex-wrap: wrap; margin: 20px 0 36px; }
.feature-project-slides:before, .feature-project-slides:after { content: ''; width: 2px; height: 100%; position: absolute; top: 0; z-index: 1; background-image: url("https://www.svbdevelopers.com/maple-woods/wp-content/uploads/2023/09/line-center-1.webp"); background-position: center; background-repeat: no-repeat; }
.feature-project-slides:before { left: 33.33%; }
.feature-project-slides:after { right: 33.33%; }
.feature-project-slides-item { position: relative; width: 33.33%; padding: 12px; gap: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.feature-project-slides-media { width: 120px; height: 120px; position: relative; border-radius: 50%; border: 1px solid #e75304; margin: 0 auto; overflow: hidden;}
.feature-project-slides-media:before { position: absolute; left: 0; bottom: -120%; width: 100%; height: 100%; background: #e75304; transition: all 1s ease; content:""; z-index: 0;}
.feature-project-slides-media:hover:before { bottom: 0; transition: all 0.6s ease;}
.feature-project-slides-media img { max-width: 70px;}
.feature-project-slides-media img.icon1 { position: absolute; left: calc(50% - 35px); top: calc(50% - 35px); transition: all 0.6s ease;}
.feature-project-slides-media:hover img.icon1 { top: 200%; transition: all 0.6s ease;}
.feature-project-slides-media img.icon2 { position: absolute; left: calc(50% - 35px); top: -200px; filter: invert(1) brightness(100); transition: all 1s ease;}
.feature-project-slides-media:hover img.icon2 { top: calc(50% - 35px);; transition: all 1s ease; }
.feature-project-slides-content { text-align: center; position: relative; font-family: var(--font-helveticaNeueLTPro); color: var(--grey1); font-size: var(--font16); }
.feature-project-slides-content > :last-child { margin-bottom: 0; }
.feature-project-slides-content p { text-align: center; }
.feature-project-slides-content h3 { font-family: var(--font-helveticaNeueLTPro-MdCn); color: var(--grey1); font-size: 22px; text-transform: inherit; margin-bottom: 0; }
.feature-project-overview-content { position: relative; padding: 0px 0; }
.feature-project-overview-content > :last-child { margin-bottom: 0; }
.feature-project-btn-view { text-align: center; margin-top: 20px; }
.feature-project-overview-content .feature-project-btn-view { margin-top: 50px; }
.feature-project-overview-content .feature-project-btn-primary:before { width: 320px; height: 320px; }
.feature-project-overview-content .feature-project-btn-primary:hover::before { transform: translateY(-48%); }

/*feature-project-usp-section*/
.feature-project-usp-section { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; color: var(--whiteColor); background-color: var(--orangeColor); }
.feature-project-section-header { text-align: center; margin-bottom: 36px; }
.feature-project-usp-section .feature-project-heading-title-eyebrow,
.feature-project-usp-section .feature-project-heading-title { color: var(--whiteColor); }
.feature-project-usp-section .feature-project-heading-title-eyebrow { text-transform: inherit; }
.feature-project-usp-section .featured-project-swiper-card { display: flex; flex-direction: column; max-width: 520px; min-height: 350px; justify-content: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); padding: 45px 55px; }
.feature-project-usp-section .featured-project-swiper-card h2 { font-family: var(--font-helveticaNeueLTPro-MdCn); text-transform: capitalize; font-size: var(--font28); color: var(--orangeColor); margin-bottom: 20px; }
.feature-project-usp-content { position: relative; text-align: center; margin-top: 30px; margin-bottom: 0px; }
.feature-project-usp-content > :last-child { margin-bottom: 0; }
.feature-project-usp-content p { text-align: center; }

/*feature-project-location-section*/
.feature-project-location-section { position: relative; overflow: hidden; }
.feature-project-location-section .feature-project-section-header { margin-bottom: 32px; }
.feature-project-location-main { position: relative; margin-bottom: 0px; }
.feature-project-map { overflow: hidden; padding-bottom: 45%; position: relative; height: 0;  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; margin: 55px 0; }
.feature-project-map iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
.feature-project-map:before { content: ''; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; box-shadow: 0 0 120px 24px rgba(0,0,0,0.4) inset; }
.feature-project-map:hover { filter: none; -webkit-filter: grayscale(0%); }
.feature-project-map:hover:before { display: none; }
.feature-project-location-accordion { margin: 6px 0; position: relative; }

/*accordion*/
.accordion-item { color: var(--grey1); background-color: var(--grey3); border: 0 none; margin-bottom: 4px; }
.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; }
.accordion-item:last-of-type, .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.accordion-button { padding: 10px 25px; font-size: var(--font24); font-family: var(--font-robotoCondensed); background-color: var(--orangeColor); color: var(--whiteColor); }
.accordion-button:not(.collapsed) { color: var(--whiteColor); background-color: var(--orangeColor); box-shadow: none; }
.accordion-button:focus { border-color: transparent; box-shadow: none; }
.accordion-button::after { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--whiteColor); background: url("assets/images/icon-arrow-down.svg") no-repeat center; color: var(--whiteColor); transition: all 0.3s ease; filter: brightness(0) invert(1); display: flex; align-items: center; justify-content: center; }
.accordion-button:not(.collapsed)::after { background: url("assets/images/icon-arrow-down.svg") no-repeat center; filter: brightness(0) invert(1); }
.accordion-body { padding: 15px 35px 15px 25px; }

/*feature-project-table-format*/
.feature-project-table-format { position: relative; }
.feature-project-table-format p { margin-bottom: 0; padding: 5px 10px 5px 5px; white-space: nowrap; font-family: var(--font-gilroymedium); color: var(--grey1); font-size: 15px; }
.feature-project-table-format-tr { padding-right: 8px; display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; }
.feature-project-table-format-td { padding: 5px 10px 5px 5px; white-space: nowrap; font-family: var(--font-gilroysemibold); color: var(--grey1); font-size: var(--font18); }
.feature-project-table-format-td span { padding-right: 15px; position: relative; }
.feature-project-table-format-td:last-child { font-family: var(--font-gilroyregular); }
.feature-project-table-format-td:last-child .first { margin-right: 15px; }
.feature-project-table-format-td:last-child .first:before { content: ''; position: absolute; right: 1px; top: 50%; transform: translateY(-50%); width: 2px; height: 16px; background-color: var(--grey1); }
.feature-project-table-format-td:last-child .last { padding-right: 0; min-width: 110px; display: inline-block; }

/*feature-project-feature-grid*/
.feature-project-feature-grid { position: relative; color: var(--whiteColor); background-color: var(--orangeDarkColor); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.feature-project-feature-grid .feature-project-heading-title,
.feature-project-feature-grid .feature-project-heading-title span,
.feature-project-feature-grid .feature-project-heading-title-eyebrow { color: var(--whiteColor); }
.feature-project-feature-grid p { text-align: center; }

/*feature-project-flip*/
.feature-project-flip { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.feature-project-flip-item { padding: 10px; width: 25%; }
.feature-project-flip-card { height: 263px; perspective: 1000px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; position: relative; }
.feature-project-flip-card-front,
.feature-project-flip-card-back {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 0;
    -webkit-transform: translate3d(0,0,0);
    visibility: visible;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    position: absolute; width: 100%; height: 100%; border: solid 1px var(--whiteColor); transition: all .6s ease-in-out; }
.feature-project-flip-card-back { transform: rotateX(0) rotateY(-180deg); opacity: 0; visibility: hidden; }
.feature-project-flip-card-layer { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: stretch; text-align: center; padding: 35px 25px; color: var(--whiteColor); justify-content: flex-end; }
.feature-project-flip-card-media { margin-bottom: 20px; }
.feature-project-flip-card-media img { filter: brightness(0) invert(1); max-width: 80px; }
.feature-project-flip-card-content { position: relative; }
.feature-project-flip-card-content > :last-child { margin-bottom: 0; }
.feature-project-flip-card-content h3 { margin-bottom: 8px; font-family: var(--font-helveticaNeueLTPro); font-size: 20px; color: var(--whiteColor); line-height: 1.35; text-transform: uppercase; }
.feature-project-flip-card-content a.pdf-btn { position: relative; }
.feature-project-flip-card-content a.pdf-btn h3 { display: inline-block; }
.feature-project-flip-card-content a.pdf-btn:after { content: ""; border-bottom: 1px solid var(--whiteColor); transition: width .4s ease-in-out; position: absolute; bottom: 1px; left: 0; right: 0; width: 100%; }
.feature-project-flip-card-content a.pdf-btn:hover::after { width: 0; }
.feature-project-flip-card:focus-visible .feature-project-flip-card-front,
.feature-project-flip-card:hover .feature-project-flip-card-front { transform: rotateX(0) rotateY(180deg); }
.feature-project-flip-card:focus-visible .feature-project-flip-card-back,
.feature-project-flip-card:hover .feature-project-flip-card-back { transform: none; opacity: 1; visibility: visible; }
.feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-front,
.feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-back,
.feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-front,
.feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-back,
.feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-front,
.feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-back,
.feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-front,
.feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-back { background-color: var(--whiteColor); }
.feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-media img,
.feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-media img,
.feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-media img,
.feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-media img { filter: none; }
.feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-content h3,
.feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-content h3,
.feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-content h3,
.feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-content h3,
.feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-content p,
.feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-content p,
.feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-content p,
.feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-content p { color: var(--orangeDarkColor); }
.feature-project-feature-grid .feature-project-btn-view { margin-top: 45px; }
.feature-project-feature-grid .feature-project-btn-primary { color: var(--orangeDarkColor); background: var(--whiteColor); }
.feature-project-feature-grid .feature-project-btn-primary:before { background: var(--orangeColor); width: 200px; height: 200px; }
.feature-project-feature-grid .feature-project-btn-primary span { color: var(--orangeDarkColor); }
.feature-project-feature-grid .feature-project-btn-primary:hover span { color: var(--whiteColor); }
.svb-feature-project-flip .feature-project-flip-card { height: 265px; }
.svb-feature-project-flip .feature-project-flip-card-front, .svb-feature-project-flip .feature-project-flip-card-back { border-width: 2px; }
.svb-feature-project-flip .feature-project-flip-card-layer { justify-content: center; }
.svb-feature-project-flip .feature-project-flip-card-media { width: 128px; height: 128px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--whiteColor); margin: 0 auto 16px; }
.svb-feature-project-flip .feature-project-flip-card-media img { filter: inherit; max-width: 80px; }
.svb-feature-project-flip .feature-project-flip-card-content h3 { margin-bottom: 0; }
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-content h3,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-content h3,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-content h3,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-content h3,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-content p,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-content p,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-content p,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-content p { color: var(--secondaryColor); }
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-media,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-media,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-media,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-media { background-color: var(--secondaryColor); }
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-content a.pdf-btn:after,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-content a.pdf-btn:after,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-content a.pdf-btn:after,
.svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-content a.pdf-btn:after { border-bottom-color: var(--secondaryColor); }

/*feature-project-flip-swiper*/
.feature-project-flip-swiper { position: relative; padding: 0 85px; display: none; }
.feature-project-flip-swiper-card { border: solid 1px var(--whiteColor); padding: 30px; width: 100%; flex-grow: 1; display: flex; flex-direction: column; text-align: center; justify-content: center; align-items: center; }
.feature-project-flip-swiper-card-media { position: relative; }
.feature-project-flip-swiper-card-content { margin: 15px 0 5px; }
.feature-project-flip-swiper-card-content h3 { margin: 0; font-family: var(--font-helveticaNeueLTPro); text-transform: none; color: var(--whiteColor); font-size: 24px; line-height: 34px; }
.feature-project-flip-swiper .swiper-button-next, .feature-project-flip-swiper .swiper-button-prev { color: var(--whiteColor); background: transparent; border: solid 1px var(--whiteColor); }
.feature-project-flip-swiper .swiper-button-next:hover, .feature-project-flip-swiper .swiper-button-prev:hover { background: var(--whiteColor); }
.feature-project-flip-swiper .swiper-button-next::after, .feature-project-flip-swiper .swiper-button-prev::after { background-image: url("assets/images/icon-arrow-right-dark-orange.svg"); }
.feature-project-flip-swiper .swiper-button-next:hover::after, .feature-project-flip-swiper .swiper-button-prev:hover::after { filter: none; }
.feature-project-flip-swiper .swiper-button-prev { left: 0; }
.feature-project-flip-swiper .swiper-button-next { right: 0; }
.feature-project-flip-swiper .swiper-slide { opacity: 0; flex-grow: 1; height: auto; display: flex; flex-direction: column; }
.feature-project-flip-swiper .swiper-slide.swiper-slide-active,
.feature-project-flip-swiper .swiper-slide.swiper-slide-next { opacity: 1; }

/*feature-project-who-we-are-section*/
.feature-project-who-we-are-section { position: relative; }
.feature-project-who-we-are-section .feature-project-heading-title-eyebrow,
.feature-project-get-touch-section .feature-project-heading-title-eyebrow,
.feature-project-who-we-are-section .feature-project-heading-title,
.feature-project-get-touch-section .feature-project-heading-title { color: var(--orangeLightColor); }
.feature-project-who-we-are-media { position: relative; margin-bottom: 0px; margin-top: 55px; }
.feature-project-who-we-are-media img { width: 100%; }

/*feature-project-faq-section*/
.feature-project-faq-section { background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: var(--orangeLightColor); color: var(--whiteColor); }
.feature-project-faq-section .feature-project-heading-title-eyebrow,
.feature-project-faq-section .feature-project-heading-title { color: var(--whiteColor); }
.feature-project-faq-section .feature-project-heading-title-eyebrow { text-transform: inherit; }
.feature-project-faq-main { position: relative; }
.feature-project-faq-main p { text-align: center; }
.feature-project-faq-accordion { margin-top: 50px; margin-bottom: 10px; }
.feature-project-faq-accordion .accordion-item { background-color: #FB8806B0; color: var(--whiteColor); }
.feature-project-faq-accordion .accordion-item a { color: var(--whiteColor); }
.feature-project-faq-accordion .accordion-button,
.feature-project-faq-accordion .accordion-button:not(.collapsed) { background-color: var(--whiteColor); color: var(--orangeLightColor); }
.feature-project-faq-accordion .accordion-button::after,
.feature-project-faq-accordion .accordion-button:not(.collapsed)::after { color: var(--orangeLightColor); border-color: var(--orangeLightColor); background-image: url("assets/images/icon-arrow-down-colored.svg"); filter: none; }
.feature-project-faq-accordion-main { position: relative; }
.feature-project-faq-accordion-main p { text-align: justify; }
.feature-project-faq-accordion-main > :last-child { margin-bottom: 0; }

/*feature-project-get-touch-section*/
.feature-project-get-touch-section { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.feature-project-get-touch-main { position: relative; }
.feature-project-get-touch-main > p { text-align: center; }
.feature-project-get-touch-form { margin-top: 50px; position: relative; }
.feature-project-get-touch-form input[type="number"],
.feature-project-get-touch-form input[type="text"],
.feature-project-get-touch-form input[type="email"],
.feature-project-get-touch-form input[type="password"],
.feature-project-get-touch-form input[type="tel"],
.feature-project-get-touch-form input[type="search"],
.feature-project-get-touch-form input[type="url"],
.feature-project-get-touch-form textarea,
.feature-project-get-touch-form select { border-radius: 2px; height: 60px; font-size: var(--font16); box-shadow: 0px 5px 10px rgba(0,0,0,0.05); }
.feature-project-get-touch-form textarea { height: 100px; }
.feature-project-get-touch-form textarea:focus-visible { outline: 0; }
.feature-project-get-touch-form ::placeholder { color: var(--grey4); opacity: 1; }
.feature-project-get-touch-form form .wpcf7-response-output { /*position: absolute; left: 0; bottom: -44px;*/ width: 100%; right: 0; transition: none; transform: none; justify-content: center; margin: 0; padding: 0; color: var(--whiteColor); background-color: transparent; border: 0 none; text-align: center; }
.feature-project-get-touch-form form .wpcf7-response-output span { padding: 0.2em 1em; color: var(--whiteColor); background-color: var(--orangeColor); border-color: var(--orangeColor); }
.feature-project-get-touch-form .wpcf7-not-valid-tip { color: var(--orangeLightColor); }

/*feature-project-gallery-section*/
.feature-project-gallery-section { position: relative; }
.feature-project-gallery-section .feature-project-heading-title-eyebrow,
.feature-project-gallery-section .feature-project-heading-title { color: var(--orangeDarkColor); }
.feature-project-gallery-main { position: relative; padding: 0 12px; margin-bottom: 60px; }
.feature-project-gallery-main p { text-align: center; }
.feature-project-gallery-swiper { position: relative; margin-bottom: 8px; }
.feature-project-gallery-swiper .swiper-slide { width: 70%; }
.feature-project-gallery-swiper .swiper-button-next, .feature-project-gallery-swiper .swiper-button-prev { top: 40%; border: 1px solid var(--orangeDarkColor); background-color: transparent; height: 50px; width: 50px; }
.feature-project-gallery-swiper .swiper-button-next.swiper-button-disabled, .feature-project-gallery-swiper .swiper-button-prev.swiper-button-disabled { opacity: 0.3; }
.feature-project-gallery-swiper .swiper-button-prev { left: 14%; }
.feature-project-gallery-swiper .swiper-button-next { right: 14%; }
.feature-project-gallery-swiper .swiper-button-next:hover, .feature-project-gallery-swiper .swiper-button-prev:hover { background-color: var(--orangeDarkColor); }
.feature-project-gallery-swiper .swiper-button-next:after, .feature-project-gallery-swiper .swiper-button-prev:after { background-image: url("assets/images/icon-arrow-right-dark-orange.svg"); filter: none; }
.feature-project-gallery-swiper .swiper-button-next:hover:after, .feature-project-gallery-swiper .swiper-button-prev:hover:after { filter: brightness(0) invert(1); }
.feature-project-gallery-viewport { padding: 0 70px; }
.feature-project-gallery-media { position: relative; }
.feature-project-gallery-media img { width: 100%; opacity: 0.56; transition:all 0.5s ease; }
.swiper-slide-active .feature-project-gallery-media img { opacity: 1; }
.feature-project-gallery-card { display: flex; align-items: flex-end; justify-content: space-between; position: absolute; left: 20px; bottom: 50px; z-index: 1; width: 40%; background-color: var(--orangeDarkColor); color: var(--whiteColor); padding: 35px 40px; transition:all 0.5s ease; opacity: 0; }
.swiper-slide-active .feature-project-gallery-card { opacity: 1; }
.plus-icon { margin-left: 20px; min-width: 40px; }
.feature-project-gallery-card h2 { color: var(--whiteColor); font-size: var(--font28); line-height: 1.418; text-transform: none; margin-bottom: 0; max-width: 270px; }

/*feature-project-plan-section*/
.feature-project-plan-section { overflow: hidden; padding-top: 42px; padding-bottom: 50px; position: relative; color: var(--whiteColor); background-color: var(--orangeDarkColor); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.feature-project-plan-section .feature-project-heading-title-eyebrow,
.feature-project-plan-section .feature-project-heading-title { color: var(--whiteColor); }
.feature-project-plan-main { position: relative; }
.feature-project-plan-main p { text-align: center; }
.feature-project-plan-media { position: relative; }
.feature-project-plan-media img { width: 100%; }
.feature-project-plan-media br { display: none; }
.feature-project-exterior-hotspot { position: relative; height: 100%; margin: 50px 0 0px; }
.feature-project-exterior-hotspot ul{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; margin: 0px; padding: 0px;}
.feature-project-exterior-hotspot ul li{list-style: none; cursor: pointer; position: absolute;}
.feature-project-exterior-hotspot ul li:before {content: ""; position: absolute;z-index: 0; display: block;width: 16px;height: 16px; border-radius: 50%;animation: ripple 2s ease-out infinite; border: 1px solid var(--whiteColor);}
.feature-project-exterior-hotspot ul li::after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 20px; height: 20px; background: #781e00; border-radius: 50%; border: 5px solid var(--whiteColor); }
.feature-project-exterior-hotspot ul li p{background: var(--whiteColor); padding:5px 7px; font-size: var(--font14); line-height: 18px; font-weight: 600; color: #06365b; display: inline-block; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 4px;  transition: all 0.6s ease; max-width: 150px; text-align: center;}
.feature-project-exterior-hotspot ul li:hover p{background: rgba(247, 201, 3, 0.9);transition: all 0.6s ease;}
.feature-project-exterior-hotspot ul li div{width:160px; display: inline-block; padding:18px 10px 18px; background: rgba(255,255,255,1); border-radius: 4px; visibility: hidden; opacity: 0; position: absolute; top: -50px; right: -260px; transition: all 0.6s ease; z-index: 99; font-family: var(--font-helveticaNeueLTPro-MdCn); font-size: var(--font18);color: var(--orangeDarkColor);line-height:25px;text-align: center; box-shadow: 0px 14px 18px 0px rgba(0,0,0,0.06); }
.feature-project-exterior-hotspot ul li div span{display: block;font-family: var(--font-helveticaNeueLTPro); ;font-size: var(--font18);color: var(--orangeDarkColor);}
.feature-project-exterior-hotspot ul li span.line{position: absolute; right: 100%; top: 25px; width: 0px; height: 3px; background: var(--whiteColor); content: "";transition: all 0.6s ease;}
.feature-project-exterior-hotspot ul li:hover span.line{width: 110px; transition: all 0.6s ease;}
.feature-project-exterior-hotspot ul li:hover div{transform: translate(-30px,0px); visibility: visible; opacity: 1; transition: all 0.6s ease; transition-delay: 0.3s;}

@keyframes ripple {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
        transform:scale(3);
    }
}
@-webkit-keyframes ripple {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
        transform:scale(3);
    }
}

.feature-project-exterior-hotspot ul li.dot-1 {left: 21.4%;top: 8.1%;}
.feature-project-exterior-hotspot ul li.dot-1::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-1:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-1 div {right: -127px;top: 70px;}
.feature-project-exterior-hotspot ul li:hover.dot-1 div{transform: translate(0px,-30px);}
.feature-project-exterior-hotspot ul li.dot-1 span.line {right: -49px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-1:hover span.line {height: 70px;width: 3px;}

.feature-project-exterior-hotspot ul li.dot-2 {left: 19.5%;top: 18%;}
.feature-project-exterior-hotspot ul li.dot-2::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-2:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-2 div {right: -30px;top: -70px;}
.feature-project-exterior-hotspot ul li.dot-2 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-2:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-3 {left: 24%;top: 25.3%;}
.feature-project-exterior-hotspot ul li.dot-3::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-3:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-3 div {right: 20px;top: -70px;}
.feature-project-exterior-hotspot ul li.dot-3 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-3:hover span.line{width:100px;}

.feature-project-exterior-hotspot ul li.dot-4 {left: 18.3%;top: 31%;}
.feature-project-exterior-hotspot ul li.dot-4::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-4:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-4 div {right:-20px;top: -70px;}
.feature-project-exterior-hotspot ul li.dot-4 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-4:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-5 {left: 22.7%;top: 41%;}
.feature-project-exterior-hotspot ul li.dot-5::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-5:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-5 div {right: 30px;top: -70px;}
.feature-project-exterior-hotspot ul li.dot-5 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-5:hover span.line {width: 120px;}

.feature-project-exterior-hotspot ul li.dot-6 {left: 16.8%;top: 46%;}
.feature-project-exterior-hotspot ul li.dot-6::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-6:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-6 div {right: -20px;top: -70px;}
.feature-project-exterior-hotspot ul li.dot-6 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-6:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-7 {left: 22%;top: 54%;}
.feature-project-exterior-hotspot ul li.dot-7::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-7:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-7 div {right: 50px;top: -70px;}
.feature-project-exterior-hotspot ul li.dot-7 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-7:hover span.line {width: 140px;}

.feature-project-exterior-hotspot ul li.dot-8 {left: 16%;top: 60.5%;}
.feature-project-exterior-hotspot ul li.dot-8::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-8:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-8 div {right:-20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-8 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-8:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-9 {left: 16%;top: 69%;}
.feature-project-exterior-hotspot ul li.dot-9::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-9:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-9 div {right:-20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-9 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-9:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-10 {left: 32%;top: 10%;}
.feature-project-exterior-hotspot ul li.dot-10::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-10:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-10 div {right: -20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-10 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-10:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-11 {left: 39%;top: 12%;}
.feature-project-exterior-hotspot ul li.dot-11::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-11:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-11 div {right: -20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-11 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-11:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-12 {left: 34.3%;top: 37.5%;}
.feature-project-exterior-hotspot ul li.dot-12::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-12:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-12 div {right: -20px;top: -71px; width:220px}
.feature-project-exterior-hotspot ul li.dot-12 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-12:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-13 {left: 31%;top: 67%;}
.feature-project-exterior-hotspot ul li.dot-13::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-13:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-13 div {right: -20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-13 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-13:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-14 {left: 36.3%;top: 74%;}
.feature-project-exterior-hotspot ul li.dot-14::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-14:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-14 div {right: -20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-14 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-14:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-15 {left: 43%;top: 36%;}
.feature-project-exterior-hotspot ul li.dot-15::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-15:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-15 div {right: -20px;top: -58px;}
.feature-project-exterior-hotspot ul li.dot-15 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-15:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-16 {left: 49%;top: 14%;}
.feature-project-exterior-hotspot ul li.dot-16::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-16:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-16 div {right: -20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-16 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-16:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-17 {left: 55.4%;top: 15%;}
.feature-project-exterior-hotspot ul li.dot-17::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-17:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-17 div {right: -20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-17 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-17:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-18 {left: 51.8%;top: 33.8%;}
.feature-project-exterior-hotspot ul li.dot-18::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-18:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-18 div {right: -20px;top: -71px; width:220px}
.feature-project-exterior-hotspot ul li.dot-18 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-18:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-19 {left: 45%;top: 68%;}
.feature-project-exterior-hotspot ul li.dot-19::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-19:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-19 div {right: -20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-19 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-19:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-20 {left: 55%;top: 58%;}
.feature-project-exterior-hotspot ul li.dot-20::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-20:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-20 div {right: -20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-20 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-20:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-21 {left: 69%;top: 18%;}
.feature-project-exterior-hotspot ul li.dot-21::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-21:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-21 div {right: -20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-21 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-21:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-22 {left: 73.3%;top: 27%;}
.feature-project-exterior-hotspot ul li.dot-22::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-22:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-22 div {right: -20px;top: -58px;}
.feature-project-exterior-hotspot ul li.dot-22 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-22:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-23 {left: 67%;top: 46%;}
.feature-project-exterior-hotspot ul li.dot-23::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-23:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-23 div {right: -20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-23 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-23:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-24 {left: 70.5%;top: 59%;}
.feature-project-exterior-hotspot ul li.dot-24::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-24:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-24 div {right: -20px;top: -58px;}
.feature-project-exterior-hotspot ul li.dot-24 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-24:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-25 {left: 62.5%;top: 76.4%;}
.feature-project-exterior-hotspot ul li.dot-25::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-25:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-25 div {right: -20px;top: -58px;}
.feature-project-exterior-hotspot ul li.dot-25 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-25:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-26 {left: 75.5%;top: 88.4%;}
.feature-project-exterior-hotspot ul li.dot-26::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-26:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-26 div {right: -20px;top: -58px;}
.feature-project-exterior-hotspot ul li.dot-26 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-26:hover span.line{width: 70px;}

.feature-project-exterior-hotspot ul li.dot-27 {left: 68%;top: 33%;}
.feature-project-exterior-hotspot ul li.dot-27::after {left: 37px;top: -38px;}
.feature-project-exterior-hotspot ul li.dot-27:before{left: 39px; top: -36px;}
.feature-project-exterior-hotspot ul li.dot-27 div {right: -20px;top: -71px;}
.feature-project-exterior-hotspot ul li.dot-27 span.line{right: -45px;top: -29px;}
.feature-project-exterior-hotspot ul li.dot-27:hover span.line{width: 70px;}

/* .feature-project-plan-section .container,
.feature-project-faq-section .container,
.feature-project-who-we-are-section .container { padding-right: 0; padding-left: 0; } */

.img-desktop { display: block !important; }
.img-ipad, .img-mobile { display: none !important; }

/*Fancybox*/
.lg-container .lg-next, .lg-container .lg-prev,
.fancybox-navigation .fancybox-button--arrow_right, .fancybox-navigation .fancybox-button--arrow_left { padding: 0; width: 50px; height: 50px; border: solid 1px var(--orangeLightColor); border-radius: 50%; color: var(--orangeLightColor); }
.lg-container .lg-next:hover, .lg-container .lg-prev:hover,
.fancybox-navigation .fancybox-button--arrow_right:hover, .fancybox-navigation .fancybox-button--arrow_left:hover { background-color: var(--orangeLightColor); color: var(--whiteColor); }
.lg-container .lg-toolbar .lg-icon,
.fancybox-button { color: var(--orangeLightColor); background: none; }
.lg-container .lg-toolbar .lg-icon:hover,
.fancybox-button:hover { color: var(--whiteColor); }
.fancybox-navigation .fancybox-button { top: calc(50% - 60px); }
.fancybox-navigation .fancybox-button--arrow_left { left: 25px !important; }
.fancybox-navigation .fancybox-button--arrow_right { right: 25px !important; }

/*svb-careers-section*/
.svb-careers-section,
.channel-partners-section { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.channel-partners-section .svb-careers-media, .about-division-section .svb-careers-media, .who-we-section .who-we-media { height: calc(100% - 3px); margin-top: 3px; }

/*explore-categories-section*/
.explore-categories-section, .eligibility-section, .about-shaping-section { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: var(--secondaryColor); color: var(--whiteColor); }
.explore-categories-section .sec-header, .eligibility-section .sec-header { text-align: center; margin-bottom: 36px; }
.explore-categories-section .sec-header p, .eligibility-section .sec-header p, .about-shaping-section .sec-header p { text-align: center; }
.explore-categories-section .sec-title-eyebrow,
.about-shaping-section .sec-title-eyebrow,
.explore-categories-section .sec-title,
.about-shaping-section .sec-title,
.eligibility-section .sec-title-eyebrow,
.eligibility-section .sec-title { color: var(--whiteColor); }
.eligibility-section .svb-feature-project-flip .feature-project-flip-card-back .feature-project-flip-card-content h3 { margin-bottom: 12px; }
.svb-btn-effect-anim-view { position: relative; /*margin-top: 45px;*/ text-align: center; }
.svb-flip-swiper { display: none; position: relative; padding: 50px 85px; margin: -50px 5% 0; }
.svb-flip-swiper .swiper-slide { flex-grow: 1; height: auto; display: flex; flex-direction: column; opacity: 0; }
.svb-flip-swiper .swiper-slide.swiper-slide-active, .svb-flip-swiper .swiper-slide.swiper-slide-next { opacity: 1; }
.svb-flip-swiper-card { border: solid 1px var(--whiteColor); padding: 30px; width: 100%; flex-grow: 1; display: flex; flex-direction: column; text-align: center; justify-content: center; align-items: center; }
.svb-flip-swiper-card-media { width: 128px; height: 128px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--whiteColor); margin: 0 auto 16px; }
.svb-flip-swiper-card-media img { filter: inherit; max-width: 80px; }
.svb-flip-swiper-card-content { margin: 15px 0 5px; }
.svb-flip-swiper-card-content h3 { margin: 0 0 30px; text-transform: uppercase; font-family: var(--font-helveticaNeueLTPro); color: var(--whiteColor); font-size: 24px; line-height: 34px; }
.svb-flip-swiper .swiper-button-next, .svb-flip-swiper .swiper-button-prev { width: 40px; height: 40px; background: none; color: var(--whiteColor); border: solid 1px var(--whiteColor); }
.svb-flip-swiper .swiper-button-next:hover, .svb-flip-swiper .swiper-button-prev:hover { background: var(--whiteColor); }
.svb-flip-swiper .swiper-button-next::after, .svb-flip-swiper .swiper-button-prev::after { background: url("assets/images/icon-arrow-right-colored.svg") no-repeat center; background-size: 24px auto; }
.svb-flip-swiper .swiper-button-next:hover:after, .svb-flip-swiper .swiper-button-prev:hover:after { filter: none; }
.svb-flip-swiper-card-content a { color: var(--whiteColor); position: relative; }
.svb-flip-swiper-card-content a:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1px; background-color: var(--whiteColor); transition: width 0.4s ease-in-out; }
.svb-flip-swiper-card-content a:hover:after, .svb-flip-swiper-card-content a:focus:after { width: 0; }
.svb-flip-swiper .feature-project-flip-card-layer { justify-content: center; }
.explore-categories-section .feature-project-flip-card-media img,
.eligibility-section .feature-project-flip-card-media img { filter: none; }
.explore-categories-section .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-media img,
.explore-categories-section .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-media img,
.explore-categories-section .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-media img,
.explore-categories-section .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-media img,
.eligibility-section .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-media img,
.eligibility-section .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-media img,
.eligibility-section .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-media img,
.eligibility-section .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-media img { filter: brightness(0) invert(1); }

/*career-application-section*/
.career-application-section, .reg-form-section { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.career-application-section .sec-header, .reg-form-section .sec-header { text-align: center; }
.career-application-section .sec-header p, .reg-form-section .sec-header p { text-align: center; }
.career-application-section .form-checkbox label span::after,
.reg-form-section .form-checkbox label span::after { background: url("assets/images/form-check-black.png") no-repeat center; background-size: 12px auto; }
.career-application-section .form-control,
.career-application-section input[type="number"],
.career-application-section input[type="text"],
.career-application-section input[type="email"],
.career-application-section input[type="password"],
.career-application-section input[type="tel"],
.career-application-section input[type="search"],
.career-application-section input[type="url"],
.career-application-section textarea,
.career-application-section select,
.reg-form-section .form-control,
.reg-form-section input[type="number"],
.reg-form-section input[type="text"],
.reg-form-section input[type="email"],
.reg-form-section input[type="password"],
.reg-form-section input[type="tel"],
.reg-form-section input[type="search"],
.reg-form-section input[type="url"],
.reg-form-section textarea,
.reg-form-section select {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-color: var(--grey7);
}

.career-application-section .select2-container--default .select2-selection--single,
.reg-form-section .select2-container--default .select2-selection--single { border-color: var(--grey7); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); }
.career-application-section .form-checkbox label span::before,
.reg-form-section .form-checkbox label span::before { border-color: var(--grey7); }

/*eligibility-main*/
.eligibility-main { position: relative; text-align: center; margin: 36px 0 0; }
.eligibility-main p { text-align: center; }
.eligibility-main > :last-child { margin-bottom: 0; }

/*contact-info-section*/
.contact-info-section { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.contact-info-map { box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); position: relative; min-height: 150px; height: 100%; overflow: hidden; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.contact-info-map iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
.contact-info-map iframe:focus { outline: none; border: 0 none !important; }
.contact-info-map:before { content: ''; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; box-shadow: 0 0 120px 24px rgba(0,0,0,0.4) inset; }
.contact-info-map:hover { filter: none; -webkit-filter: grayscale(0%); }
.contact-info-map:hover:before { display: none; }
.contact-info-address { position: relative; display: flex; align-items: flex-start; }
.contact-info-address .icon, .contact-info-action .icon, .contact-info-action canvas { width: 44px; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; padding: 5px; border: solid 1px var(--secondaryColor); border-radius: 50%; margin-right: 16px; }
.contact-info-address address, .contact-info-address address p { margin-bottom: 0; }
.contact-info-address address { margin-top: 12px; }
.contact-info-address address span, .privacy-term-container span.hyphen, .footer-widget address span.hyphen { font-family: var(--font-bebasNeueregular); font-size: 12px; position: relative; }
.contact-info-action:not(:last-child), .contact-info-address { margin-bottom: 16px; }
.contact-info-action { position: relative; display: flex; align-items: center; }
.contact-info-action canvas { background: none !important; color: var(--secondaryColor); fill: var(--secondaryColor); }

/*conversation-section*/
.conversation-section .sec-header { position: relative; }

.wpcf7 .wpcf7-submit:disabled { cursor: not-allowed !important; opacity: .65; }

/*search-result-section*/
.search-result-section { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.search-result-section .page-header { margin-bottom: 30px; }
.search-result-section .status-publish { border-bottom: solid 1px var(--primaryColor); padding-bottom: 20px; margin-bottom: 30px; }

/*about-ourselves-section*/
.about-ourselves-section { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.about-ourselves-section .svb-careers-media, .discover-section .svb-careers-media { height: calc(100% - 8px); margin-top: 3px; }

/*desc-txt-dv*/
.desc-txt-dv { position: relative; height: 100%; align-content: center; display: flow-root list-item; padding: 0 10px; scrollbar-width: thin; scrollbar-color: var(--whiteColor) transparent; overflow-y: scroll; }
.desc-txt-dv p { margin-bottom: 10px; }
.desc-txt-dv > :last-child { margin-bottom: 0;text-align: center; }

/*about-shaping-section*/
.about-shaping-section { position: relative; }
.about-shaping-section .sec-header { text-align: center; margin-bottom: 26px; }
.about-shaping-section .sec-header .sec-title { margin-bottom: 0; }
.about-shaping-tab-container { position: relative; display: flex; flex-direction: column-reverse; }
.about-shaping-tab-container .feature-project-flip-item { padding-top: 0; padding-bottom: 0; }
.about-shaping-tabs { border-bottom: 0 none; justify-content: center; margin-top: 30px; }
.about-shaping-tabs .nav-item { padding: 0 20px; position: relative; }
.about-shaping-tabs .nav-item:not(:first-child):before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 18px; background-color: var(--whiteColor); }
.about-shaping-tabs .nav-link { margin-bottom: 0; border: 0 none; color: var(--whiteColor); font-size: 24px; text-transform: uppercase; font-family: var(--font-helveticaNeueLTPro-MdCn); border-top-left-radius: 0; border-top-right-radius: 0;  border-bottom: solid 2px transparent; padding: 0; line-height: 1; }
.about-shaping-tabs .nav-link:hover, .about-shaping-tabs .nav-link:focus { border-bottom-color: var(--whiteColor); }
.about-shaping-tabs .nav-link.active { border-bottom-color: var(--whiteColor); background-color: transparent; color: var(--whiteColor); }
.about-shaping-tab-main { position: relative; }
.about-shaping-tab-media { position: relative; margin-bottom: 30px; text-align: center; }
.about-shaping-tab-media img { width: 542px; height: 290px; filter: brightness(0) invert(1); }
.about-shaping-tab-main > :last-child { margin-bottom: 0; }
.about-shaping-tab-main p { text-align: center; }
.about-shaping-tab-main .feature-project-flip-card p { text-align: center; margin-bottom: 10px; }
.about-shaping-tab-main .feature-project-flip-card p:last-child { margin-bottom: 0; }
.about-shaping-tab-main .feature-project-flip-card .read-more,
.eligibility-section .feature-project-flip-card .read-more,
.svb-flip-swiper .feature-project-flip-card .read-more { color: var(--whiteColor); position: relative; }
.about-shaping-tab-main .feature-project-flip-card .read-more:before,
.eligibility-section .feature-project-flip-card .read-more:before,
.svb-flip-swiper .feature-project-flip-card .read-more:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--whiteColor); z-index: 1; transition: width 0.4s ease-in-out; }
.about-shaping-tab-main .feature-project-flip-card .read-more:hover:before,
.about-shaping-tab-main .feature-project-flip-card .read-more:focus:before,
.eligibility-section .feature-project-flip-card .read-more:hover:before,
.eligibility-section .feature-project-flip-card .read-more:focus:before,
.svb-flip-swiper .feature-project-flip-card .read-more:hover:before,
.svb-flip-swiper .feature-project-flip-card .read-more:focus:before { width: 0; }
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card .read-more,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card .read-more,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card .read-more,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card .read-more,
.eligibility-section .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card .read-more,
.eligibility-section .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card .read-more,
.eligibility-section .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card .read-more,
.eligibility-section .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card .read-more { color: var(--secondaryColor); }
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card .read-more:before,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card .read-more:before,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card .read-more:before,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card .read-more:before,
.eligibility-section .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card .read-more:before,
.eligibility-section .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card .read-more:before,
.eligibility-section .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card .read-more:before,
.eligibility-section .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card .read-more:before { background-color: var(--secondaryColor); }
.about-shaping-tab-main .feature-project-flip-card-front .feature-project-flip-card-layer,
.eligibility-section .feature-project-flip-card-front .feature-project-flip-card-layer { padding: 35px 0; }
.about-shaping-tab-main .feature-project-flip-card-back .feature-project-flip-card-layer,
.eligibility-section .feature-project-flip-card-back .feature-project-flip-card-layer,
.svb-flip-swiper .feature-project-flip-card-back .feature-project-flip-card-layer { padding: 20px 10px; }
.about-shaping-tab-main .feature-project-flip-card-back .feature-project-flip-card-content,
.eligibility-section .feature-project-flip-card-back .feature-project-flip-card-content,
.svb-flip-swiper .feature-project-flip-card-back .feature-project-flip-card-content { height: 100%; }
.about-shaping-tab-main .feature-project-flip-card-back .less-more,
.svb-flip-swiper .feature-project-flip-card-back .less-more { padding-top: 10px; }
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-back .desc-txt-dv,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-back .desc-txt-dv,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-back .desc-txt-dv,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-back .desc-txt-dv,
.eligibility-section .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-back .desc-txt-dv,
.eligibility-section .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-back .desc-txt-dv,
.eligibility-section .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-back .desc-txt-dv,
.eligibility-section .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-back .desc-txt-dv,
.svb-flip-swiper .feature-project-flip-card-back .desc-txt-dv { scrollbar-color: var(--secondaryColor) transparent; }
.about-shaping-tab-main .svb-feature-project-flip .feature-project-flip-card-media,
.about-shaping-section .svb-flip-swiper .feature-project-flip-card-media { width: auto; height: auto; display: flex; align-items: center; justify-content: center; border-radius: 0; background-color: transparent; margin: 0 0 20px; }
.about-shaping-tab-main .svb-feature-project-flip .feature-project-flip-card-media img,
.about-shaping-section .svb-flip-swiper .feature-project-flip-card-media img { max-width: 100%; max-height: 146px; min-height: 146px;  filter: brightness(0) invert(1); object-fit: contain; }
.about-shaping-tab-main .feature-project-flip-card-front .feature-project-flip-card-content,
.about-shaping-section .svb-flip-swiper .feature-project-flip-card-front .feature-project-flip-card-content { margin-top: 0; }
.about-shaping-tab-main .feature-project-flip-item:last-child .feature-project-flip-card-media img { max-width: 80%; }
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-media,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-media,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-media,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-media { background-color: transparent; }
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-media img,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-media img,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-media img,
.about-shaping-tab-main .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-media img { filter: none; }

/*about-division-section*/
.about-division-section { position: relative; }
.about-division-section .svb-careers-media { margin-right: 0; margin-left: 10px; }

/*svb-white-section-background & svb-golden-section-background*/
.svb-white-section-background, .svb-golden-section-background { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.svb-white-section-background:before, .svb-golden-section-background:before { content: ""; opacity: 0.9; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; }
.svb-white-section-background:before { background-color: var(--whiteColor); }
.svb-golden-section-background:before { background-color: var(--secondaryColor); }
.svb-white-section-background > *, .svb-golden-section-background > * { position: relative; z-index: 3; }
.svb-golden-section-background { color: var(--whiteColor); }
.svb-golden-section-background .sec-title-eyebrow,
.svb-golden-section-background .sec-title { color: var(--whiteColor); }

/*svb-timeline-section*/
.svb-timeline-section { position: relative; }
.svb-timeline-section .sec-header { text-align: center; }
.timeline-slider { padding: 0 40px; overflow: hidden; }
.timeline-slider.owl-carousel .owl-stage-outer { overflow: visible; }
.timeline-slider.owl-carousel.owl-drag .owl-item { opacity: 0; }
.timeline-slider.owl-carousel.owl-drag .owl-item.active { opacity: 1; }
.timeline-slide { position: relative; padding: 0 30px; }
.timeline-slide-media { padding: 30px 0; }
.center .timeline-slide-media { padding: 0; }
.timeline-slide-media img { width: 100%; display: block; filter: grayscale(100%); max-height: 300px; min-height: 300px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); }
.center .timeline-slide-media img { filter: none; max-height: 360px; min-height: 360px; }
.timeline-slide-content { position: relative; margin-top: 60px; padding-top: 40px; font-family: var(--font-gilroyregular); text-align: center; }
.timeline-slide-content p { text-align: center;margin-bottom: -10px;}
.center .timeline-slide-content { font-family: var(--font-gilroysemibold); padding-top: 30px; }
.timeline-slide-content h5 { font-family: var(--font-helveticaNeueLTPro); color: var(--whiteColor); font-size: var(--font22); }
.center .timeline-slide-content h5 { font-family: var(--font-helveticaNeueLTPro-MdCn); font-size: var(--font36); }
.timeline-slide-content:before { content: ''; position: absolute; left: -70px; right: -70px; top: 0; z-index: 1; height: 1px; width: calc(100% + 2 * 70px); background-color: var(--whiteColor); }
.timeline-slide-content:after { content: ''; position: absolute; left: 50%; top: -8px; z-index: 2; transform: translateX(-50%); width: 16px; height: 16px; border-radius: 50%; background-color: var(--whiteColor); }
.center .timeline-slide-content:after { width: 20px; height: 20px; top: -10px; }
.timeline-slider.owl-carousel .owl-nav button.owl-next, .timeline-slider.owl-carousel .owl-nav button.owl-prev { margin: 0; position: absolute; top: 157px; z-index: 1; border: solid 1px var(--whiteColor); background: none; color: var(--whiteColor); }
.timeline-slider.owl-carousel .owl-nav button.owl-next:hover, .timeline-slider.owl-carousel .owl-nav button.owl-prev:hover { border-color: var(--whiteColor); background: var(--whiteColor); color: var(--secondaryColor); }
.timeline-slider.owl-carousel .owl-nav button.owl-next span, .timeline-slider.owl-carousel .owl-nav button.owl-prev span { background: url("assets/images/icon-arrow-right-colored.svg") no-repeat center; background-size: 24px auto; }
.timeline-slider.owl-carousel .owl-nav button.owl-next:hover span, .timeline-slider.owl-carousel .owl-nav button.owl-prev:hover span { filter: none; }
.timeline-slider.owl-carousel .owl-nav button.owl-prev { left: 0; }
.timeline-slider.owl-carousel .owl-nav button.owl-next { right: 0; }
.timeline-slider.owl-carousel .owl-nav button.owl-next.disabled:hover, .timeline-slider.owl-carousel .owl-nav button.owl-prev.disabled:hover { background: none; color: var(--whiteColor); }
.timeline-slider.owl-carousel .owl-nav button.owl-next.disabled:hover span, .timeline-slider.owl-carousel .owl-nav button.owl-prev.disabled:hover span { filter: brightness(0) invert(1); }

/*about-quote-section*/
.about-quote-section { position: relative; }
.about-quote-mark { position: absolute; left: -50px; top: -60px; z-index: 1; width: 100px; height: 130px; padding: 20px 20px 60px; display: flex; align-items: center; justify-content: center; background-color: var(--secondaryColor); color: var(--whiteColor); clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 70%, 0% 100%); }
.about-quote-container { position: relative; z-index: 3; max-width: 980px; margin: 0 auto; text-align: center; }
.about-quote-container p { text-align: center; }
.about-quote-container > :last-child { margin-bottom: 0; }
.about-quote-signature { margin: -36px 0 -20px; }
.svb-flip-swiper .feature-project-flip-card-layer .click-detail { position: relative; color: var(--whiteColor); display: inline-block; align-self: center; }
.svb-flip-swiper .feature-project-flip-card-layer .click-detail:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; z-index: 1; transition: width 0.4s ease-in-out; background-color: var(--whiteColor); }
.svb-flip-swiper .feature-project-flip-card-layer .click-detail:hover:before { width: 0; }

/*discover-section*/
.discover-section { position: relative; }

/*why-choose-section*/
.why-choose-section { position: relative; }
.why-choose-section .sec-header, .why-choose-section .sec-header p { text-align: center; }
.why-choose-section .feature-project-flip-card-front .feature-project-flip-card-layer { padding: 35px 5px; }
.why-choose-section .feature-project-flip-card-back .feature-project-flip-card-layer { padding: 20px 10px; }
.why-choose-section .feature-project-flip-card-back .feature-project-flip-card-content { height: 100%; }
.why-choose-section .feature-project-flip-card-back .less-more { padding-top: 10px; }
.why-choose-section .feature-project-flip-card p { text-align: center; margin-bottom: 10px; }
.why-choose-section .feature-project-flip-card p:last-child { margin-bottom: 0; }
.why-choose-section .feature-project-flip-card .read-more { position: relative; }
.why-choose-section .feature-project-flip-card .read-more:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; z-index: 1; transition: width 0.4s ease-in-out; }
.why-choose-section .feature-project-flip-card .read-more:hover:before { width: 0; }

.why-choose-section .feature-project-flip-card-front,
.why-choose-section .feature-project-flip-card-back { border-color: var(--secondaryColor); }
.why-choose-section .feature-project-flip-card-layer { color: var(--grey1); }
.why-choose-section .feature-project-flip-card-content h3 { color: var(--secondaryColor); }
.why-choose-section .svb-feature-project-flip .feature-project-flip-card-media { background-color: var(--secondaryColor); }
.why-choose-section .feature-project-flip-card .read-more { color: var(--secondaryColor); }
.why-choose-section .feature-project-flip-card .read-more:before { background-color: var(--secondaryColor); }
.why-choose-section .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card .read-more,
.why-choose-section .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card .read-more,
.why-choose-section .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card .read-more,
.why-choose-section .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card .read-more,
.why-choose-section .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-content h3,
.why-choose-section .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-content h3,
.why-choose-section .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-content h3,
.why-choose-section .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-content h3,
.why-choose-section .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-content p,
.why-choose-section .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-content p,
.why-choose-section .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-content p,
.why-choose-section .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-content p { color: var(--whiteColor); }
.why-choose-section .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card .read-more:before,
.why-choose-section .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card .read-more:before,
.why-choose-section .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card .read-more:before,
.why-choose-section .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card .read-more:before,
.why-choose-section .svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-media,
.why-choose-section .svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-media,
.why-choose-section .svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-media,
.why-choose-section .svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-media { background-color: var(--whiteColor); }
.why-choose-section .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-front,
.why-choose-section .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-back,
.why-choose-section .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-front,
.why-choose-section .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-back,
.why-choose-section .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-front,
.why-choose-section .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-back,
.why-choose-section .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-front,
.why-choose-section .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-back { background-color: var(--secondaryColor); }
.why-choose-section .feature-project-flip-card-back .desc-txt-dv { scrollbar-color: var(--secondaryColor) transparent; }
.why-choose-section .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-back .desc-txt-dv,
.why-choose-section .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-back .desc-txt-dv,
.why-choose-section .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-back .desc-txt-dv,
.why-choose-section .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-back .desc-txt-dv { scrollbar-color: var(--whiteColor) transparent; }

.why-choose-section.svb-white-section-background .feature-project-flip-card-media img { filter: brightness(0) invert(1); }
.why-choose-section.svb-white-section-background .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-media img,
.why-choose-section.svb-white-section-background .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-media img,
.why-choose-section.svb-white-section-background .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-media img,
.why-choose-section.svb-white-section-background .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-media img { filter: none; }
.why-choose-section.svb-white-section-background .feature-project-flip-card-front,
.why-choose-section.svb-white-section-background .feature-project-flip-card-back { border-color: var(--secondaryColor); }
.why-choose-section.svb-white-section-background .feature-project-flip-card-layer,
.why-choose-section.svb-white-section-background .swiper-pagination-custom { color: var(--secondaryColor); }
.why-choose-section.svb-white-section-background .feature-project-flip-card-content h3 { color: var(--secondaryColor); }
.why-choose-section.svb-white-section-background .svb-flip-swiper .feature-project-flip-card-media { background-color: var(--secondaryColor); }
.why-choose-section.svb-white-section-background .feature-project-flip-card .read-more { color: var(--secondaryColor); }
.why-choose-section.svb-white-section-background .feature-project-flip-card .read-more:before { background-color: var(--secondaryColor); }
.why-choose-section.svb-white-section-background .svb-flip-swiper .swiper-button-next,
.why-choose-section.svb-white-section-background .svb-flip-swiper .swiper-button-prev { border: solid 1px var(--secondaryColor); }
.why-choose-section.svb-white-section-background .svb-flip-swiper .swiper-button-next:focus,
.why-choose-section.svb-white-section-background .svb-flip-swiper .swiper-button-next:hover,
.why-choose-section.svb-white-section-background .svb-flip-swiper .swiper-button-prev:focus,
.why-choose-section.svb-white-section-background .svb-flip-swiper .swiper-button-prev:hover { border-color: var(--secondaryColor); background-color: var(--secondaryColor); }
.why-choose-section.svb-white-section-background .svb-flip-swiper .swiper-button-next::after,
.why-choose-section.svb-white-section-background .svb-flip-swiper .swiper-button-prev::after { filter: none; }
.why-choose-section.svb-white-section-background .svb-flip-swiper .swiper-button-next:focus:after,
.why-choose-section.svb-white-section-background .svb-flip-swiper .swiper-button-next:hover:after,
.why-choose-section.svb-white-section-background .svb-flip-swiper .swiper-button-prev:focus:after,
.why-choose-section.svb-white-section-background .svb-flip-swiper .swiper-button-prev:hover:after,
.why-choose-section.svb-white-section-background .svb-flip-swiper .feature-project-flip-card-media img { filter: brightness(0) invert(1); }
.why-choose-section.svb-white-section-background .svb-flip-swiper .feature-project-flip-card-layer .click-detail { color: var(--secondaryColor); }
.why-choose-section.svb-white-section-background .svb-flip-swiper .feature-project-flip-card-layer .click-detail:before { background-color: var(--secondaryColor); }

.why-choose-section.svb-golden-section-background .feature-project-flip-card-media img { filter: none; }
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-media img,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-media img,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-media img,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-media img { filter: brightness(0) invert(1); }
.why-choose-section.svb-golden-section-background .feature-project-flip-card-front,
.why-choose-section.svb-golden-section-background .feature-project-flip-card-back { border-color: var(--whiteColor); }
.why-choose-section.svb-golden-section-background .feature-project-flip-card-layer { color: var(--whiteColor); }
.why-choose-section.svb-golden-section-background .feature-project-flip-card-content h3 { color: var(--whiteColor); }
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-card-media { background-color: var(--whiteColor); }
.why-choose-section.svb-golden-section-background .feature-project-flip-card .read-more { color: var(--whiteColor); }
.why-choose-section.svb-golden-section-background .feature-project-flip-card .read-more:before { background-color: var(--whiteColor); }
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card .read-more,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card .read-more,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card .read-more,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card .read-more,
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-content h3,
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-content h3,
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-content h3,
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-content h3,
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-content p,
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-content p,
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-content p,
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-content p { color: var(--secondaryColor); }
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card .read-more:before,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card .read-more:before,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card .read-more:before,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card .read-more:before,
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-media,
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-media,
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-media,
.why-choose-section.svb-golden-section-background .svb-feature-project-flip .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-media { background-color: var(--secondaryColor); }
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-front,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-back,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-front,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-back,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-front,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-back,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-front,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-back { background-color: var(--whiteColor); }
.why-choose-section.svb-golden-section-background .feature-project-flip-card-back .desc-txt-dv { scrollbar-color: var(--whiteColor) transparent; }
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 2) .feature-project-flip-card-back .desc-txt-dv,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 4) .feature-project-flip-card-back .desc-txt-dv,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 5) .feature-project-flip-card-back .desc-txt-dv,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n + 7) .feature-project-flip-card-back .desc-txt-dv { scrollbar-color: var(--secondaryColor) transparent; }
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n+2) .feature-project-flip-card-media img,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n+4) .feature-project-flip-card-media img,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n+5) .feature-project-flip-card-media img,
.why-choose-section.svb-golden-section-background .feature-project-flip-item:nth-child(8n+7) .feature-project-flip-card-media img { filter: brightness(0) invert(1); }
.why-choose-section.svb-golden-section-background .svb-flip-swiper .feature-project-flip-card-layer .click-detail { color: var(--whiteColor); }
.why-choose-section.svb-golden-section-background .svb-flip-swiper .feature-project-flip-card-layer .click-detail:before { background-color: var(--whiteColor); }

/*talk-home-section*/
.talk-home-section { position: relative; }
.talk-home-section .sec-header, .talk-home-section .sec-header p { text-align: center; }
.talk-home-section .btn-effect-anim p { margin: 0; }
.talk-home-section .btn-effect-anim .wpcf7-spinner { display: none; }
.talk-home-section .wpcf7 form .wpcf7-response-output { /*bottom: -40px;*/ border: 0 none; }

.talk-home-section.svb-golden-section-background { color: var(--whiteColor); }
.talk-home-section.svb-golden-section-background .sec-header .sec-title-eyebrow { color: var(--whiteColor); }
.talk-home-section.svb-golden-section-background .sec-header .sec-title { color: var(--whiteColor); }
.talk-home-section.svb-golden-section-background .form-checkbox a, .contact-us-section .form-checkbox a:hover { color: var(--whiteColor); display:inline-block; }
.talk-home-section.svb-golden-section-background .form-checkbox a:before, .contact-us-section .form-checkbox a:hover:before { background-color: var(--whiteColor); }
.talk-home-section.svb-golden-section-background .form-checkbox label span::before { border-color: var(--whiteColor); }
.talk-home-section.svb-golden-section-background .form-checkbox label span::after { filter: brightness(0) invert(1); }
.talk-home-section.svb-golden-section-background .form-control,
.talk-home-section.svb-golden-section-background input[type="number"],
.talk-home-section.svb-golden-section-background input[type="text"],
.talk-home-section.svb-golden-section-background input[type="email"],
.talk-home-section.svb-golden-section-background input[type="password"],
.talk-home-section.svb-golden-section-background input[type="tel"],
.talk-home-section.svb-golden-section-background input[type="search"],
.talk-home-section.svb-golden-section-background input[type="url"],
.talk-home-section.svb-golden-section-background textarea,
.talk-home-section.svb-golden-section-background select { border-color: var(--whiteColor); color: var(--secondaryColor); }
.talk-home-section.svb-golden-section-background ::-webkit-input-placeholder { color: var(--secondaryColor); }
.talk-home-section.svb-golden-section-background ::-moz-placeholder { color: var(--secondaryColor); }
.talk-home-section.svb-golden-section-background :-ms-input-placeholder { color: var(--secondaryColor); }
.talk-home-section.svb-golden-section-background :-moz-placeholder { color: var(--secondaryColor); }
.talk-home-section.svb-golden-section-background .form-control::placeholder { color: var(--secondaryColor); }
.talk-home-section.svb-golden-section-background .btn-secondary { color: var(--secondaryColor); background-color: var(--whiteColor); }
.talk-home-section.svb-golden-section-background .btn-secondary:hover { color: var(--whiteColor); }
.talk-home-section.svb-golden-section-background .btn-effect-anim { background-color: var(--whiteColor); }
.talk-home-section.svb-golden-section-background .btn-effect-anim .btn-input-anim,
.talk-home-section.svb-golden-section-background .btn-effect-anim input[type="submit"] { position: relative; z-index: 3; color: var(--secondaryColor); background-color: transparent !important; }
.talk-home-section.svb-golden-section-background .btn-effect-anim .btn-input-anim:hover,
.talk-home-section.svb-golden-section-background .btn-effect-anim input[type="submit"]:hover { color: var(--whiteColor); background-color: transparent !important; transition-delay: 0.5s; }
.talk-home-section.svb-golden-section-background .btn-effect-anim::before,
.talk-home-section.svb-golden-section-background .btn-effect-anim::after { background-color: var(--primaryColor); }
.talk-home-section.svb-golden-section-background .form-control:focus,
.talk-home-section.svb-golden-section-background .form-select:focus { border-color: var(--whiteColor); }
.talk-home-section.svb-golden-section-background .select2-container--default .select2-selection--single { border-color: var(--whiteColor); }
.talk-home-section.svb-golden-section-background .select2-container--default .select2-selection--single .select2-selection__rendered,
.talk-home-section.svb-golden-section-background .select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--secondaryColor); }
.talk-home-section.svb-golden-section-background .select2-container--default .select2-selection--single .select2-selection__arrow b { background: url("assets/images/icon-arrow-bown-colored.png") no-repeat center; background-size: 20px auto; }
.talk-home-section.svb-golden-section-background .text-mandatory,
.talk-home-section.svb-golden-section-background .wpcf7-not-valid-tip { color: var(--primaryColor); }
.talk-home-section.svb-golden-section-background .wpcf7 form .wpcf7-response-output span { border-color: var(--whiteColor); color: var(--whiteColor); background-color: var(--primaryColor); }

.talk-home-section.svb-white-section-background .form-checkbox label span::after { background: url("assets/images/form-check-black.png") no-repeat center; background-size: 12px auto; }
.talk-home-section.svb-white-section-background .form-control,
.talk-home-section.svb-white-section-background input[type="number"],
.talk-home-section.svb-white-section-background input[type="text"],
.talk-home-section.svb-white-section-background input[type="email"],
.talk-home-section.svb-white-section-background input[type="password"],
.talk-home-section.svb-white-section-background input[type="tel"],
.talk-home-section.svb-white-section-background input[type="search"],
.talk-home-section.svb-white-section-background input[type="url"],
.talk-home-section.svb-white-section-background textarea,
.talk-home-section.svb-white-section-background select { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); border-color: var(--grey6); }
.talk-home-section.svb-white-section-background .select2-container--default .select2-selection--single { border-color: var(--grey6); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); }
.talk-home-section.svb-white-section-background .form-checkbox label span::before { border-color: var(--grey6); }

/*svb-apartment-section*/
.svb-apartment-section { position: relative; }
.svb-apartment-section .sec-header { text-align: center; }
.svb-apartment-section .sec-header p { text-align: center; }
.svb-apartment-section .sec-header h5 { font-family: var(--font-gilroyregular); font-size: 16px; word-break: break-all; margin-bottom: var(--sp30); }
.svb-apartment-section .sec-header h5 strong { margin-right: 4px; display: inline-block; }
.svb-apartment-header-read-more-action { position: relative; }
.svb-apartment-header-read-more-action .read-more { display: inline-flex; align-items: center; gap: 10px; text-transform: uppercase; }
.svb-apartment-header-read-more-action .read-more .parentspan { position: relative; }
.svb-apartment-header-read-more-action .read-more .parentspan:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; z-index: 1; transition: width 0.4s ease-in-out; }
.svb-apartment-header-read-more-action .read-more:hover .parentspan:before { width: 0; }
.svb-apartment-header-read-more-action .read-more img { transition: all 0.4s ease-in-out; }
.svb-apartment-header-read-more-action .read-more.show img { transform: rotate(180deg); }
.svb-apartment-petal-container { display: flex; flex-direction: column; }
.svb-apartment-petal { display: flex; flex-direction: column; position: relative; }
.svb-apartment-petal-media { position: relative; margin-right: 120px; margin-bottom: 55px; box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); }
.svb-apartment-petal-media img { width: 100%; height: 100%; max-height: 624px; min-height: 624px; object-fit: cover; }
.svb-apartment-petal-card { max-width: 540px; position: absolute; right: 0; bottom: 0; z-index: 3; background-color: var(--whiteColor); color: var(--grey1); padding: 45px 55px 55px; box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); }
.svb-apartment-petal-card h2 { color: var(--secondaryColor); text-transform: none; }
.svb-apartment-petal-card p { margin-bottom: 12px; font-size: 15px; }
.svb-apartment-petal-card > :last-child { margin-bottom: 0; }
.svb-apartment-petal-card .btn { min-width: 172px; }
.svb-apartment-petal-card .btn span { display: inline-flex; align-items: center; gap: 10px; }
.svb-apartment-petal-card .btn img { width: 18px; transition: all 0.4s ease-in-out; }
.svb-apartment-petal-card .btn.open img { transform: rotate(180deg); }
.svb-apartment-petal-highlight { display: grid; grid-template-rows: 1fr; transition: grid-template-rows 450ms ease, opacity 300ms ease-out; max-height: 100%; }
.svb-apartment-petal-highlight.show { animation: highlight-toggle 300ms ease; opacity: 1; }
.svb-apartment-petal-highlight.no-show { grid-template-rows: 0fr; opacity: 0; }
.svb-apartment-petal-highlight-action { overflow: hidden; padding-top: var(--sp50); max-height: 100%; }
.svb-apartment-petal-highlight.no-show .svb-apartment-petal-highlight-action { padding-top: 0; }
@keyframes highlight-toggle {
    from {
        opacity: 0;
        grid-template-rows: 0fr;
    }
    to {
        opacity: 1;
        grid-template-rows: 1fr;
    }
}
@keyframes highlight-toggle {
    from {
        opacity: 0;
        grid-template-rows: 0fr;
    }
    to {
        opacity: 1;
        grid-template-rows: 1fr;
    }
}
.svb-apartment-petal-highlight-title { text-align: center; margin-bottom: var(--sp30); }
.svb-apartment-petal-highlight-grid { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 40px; text-align: center; }
.svb-apartment-petal-highlight-grid-item { display: flex; flex-direction: column; align-items: center; max-width: 170px; width: 100%; }
.svb-apartment-petal-highlight-grid-item p { text-align: center; margin-bottom: 0; }
.svb-apartment-petal-highlight-grid-media { margin-bottom: 20px; border: solid 1px transparent; border-radius: 50%; width: 110px; height: 110px; display: flex; align-items: center; justify-content: center; }
.svb-apartment-petal-highlight-grid-media img { width: 60px; height: 60px; object-fit: contain; }
.svb-apartment-petal-highlight-swiper { display: none; position: relative; padding-bottom: 60px; width: 100%; height: 100%; margin-left: auto; margin-right: auto; max-height: 460px; min-height: 460px; }
.svb-apartment-petal-highlight-swiper .swiper-slide { display: flex; flex-direction: column; align-items: center; text-align: center; }
.svb-apartment-petal-highlight-swiper .swiper-slide p { text-align: center; margin-bottom: 0; }
.svb-apartment-petal-highlight-swiper .swiper-button-next,
.svb-apartment-petal-highlight-swiper .swiper-button-prev { border: solid 1px transparent; top: auto; bottom: 0; }
.svb-apartment-petal-highlight-swiper .swiper-pagination-custom { margin: 0 60px; bottom: 12px; width: calc(100% - 2 * 60px); }

.svb-apartment-section.svb-golden-section-background .sec-header h5,
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-title,
.svb-apartment-section.svb-golden-section-background .svb-apartment-header-read-more-action .read-more { color: var(--whiteColor); }
.svb-apartment-section.svb-golden-section-background .svb-apartment-header-read-more-action .read-more img { filter: brightness(0) invert(1); }
.svb-apartment-section.svb-golden-section-background .svb-apartment-header-read-more-action .read-more .parentspan:before { background-color: var(--whiteColor); }
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-grid-media { border-color: var(--whiteColor); }
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-grid-media img { filter: brightness(0) invert(1); }
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-swiper .swiper-button-next,
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-swiper .swiper-button-prev { background: none; color: var(--whiteColor); border-color: var(--whiteColor); }
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-swiper .swiper-button-next:hover,
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-swiper .swiper-button-next:focus,
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-swiper .swiper-button-prev:hover,
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-swiper .swiper-button-prev:focus { background: var(--whiteColor); color: var(--secondaryColor); border-color: var(--whiteColor); }
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-swiper .swiper-button-next::after,
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-swiper .swiper-button-prev::after { background-image: url("assets/images/icon-arrow-right-colored.svg"); }
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-swiper .swiper-button-next:hover:after,
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-swiper .swiper-button-next:focus:after,
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-swiper .swiper-button-prev:hover:after,
.svb-apartment-section.svb-golden-section-background .svb-apartment-petal-highlight-swiper .swiper-button-prev:focus:after { filter: none; }

.svb-apartment-section.svb-white-section-background .svb-apartment-petal-highlight-title { color: var(--primaryColor); }
.svb-apartment-section.svb-white-section-background .sec-header h5,
.svb-apartment-section.svb-white-section-background .svb-apartment-header-read-more-action .read-more { color: var(--grey1); }
.svb-apartment-section.svb-white-section-background .svb-apartment-header-read-more-action .read-more img { filter: none; }
.svb-apartment-section.svb-white-section-background .svb-apartment-header-read-more-action .read-more .parentspan:before { background-color: var(--grey1); }
.svb-apartment-section.svb-white-section-background .svb-apartment-petal-highlight-grid-media { border-color: var(--primaryColor); }
.site-footer-logo img {max-width: 175px;}
/*moving*/
.moving { position: relative; overflow: hidden; cursor: none; }
.square { opacity: 0; visibility: hidden; background: none; border: solid 2px var(--secondaryColor); height: 100px; width: 100px; z-index: 999; border-radius: 50%; color: var(--whiteColor); display: flex; align-items: center; justify-content: center; padding: 10px; text-align: center; position: absolute; right: -60px; top: 50%; font-weight: 600; margin-top: -60px; }
.moving:hover .square { opacity: 1; visibility: visible; }
.square:before { content: ''; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; background: var(--secondaryColor); }
.moving .full-link { cursor: none; }

/* Home banner Fullscreen Zoom-in Ken Burns effect*/
.swiper-slide .svb-swiper-media {
  transition-timing-function: linear;
  transition-duration: 10s;
  transform: scale(1);
}
.swiper-slide-active .svb-swiper-media {
  transform: scale(1.3);
}



/* Tooltip css  */

.tool-tip{
	position: relative;
	transition: all 0.3s ease;
}

.tool-tip:before{
	content: 'To be updated';
	width: 120px;
	padding: 4px 10px;
	background: #c49808;
	border-radius: 5px;
	color: #fff;
	position: absolute;
	z-index: 9;
	text-align: center;
	font-size: 12px;
	bottom: -30px;
	right: 0;
	left: auto;
	transform: translateX(15%);
	opacity: 0;
	visibility: hidden;
}

.tool-tip:after{
	content: '';
	height: 10px;
	width: 10px;
	position: absolute;
	background: #c49808;
	transform: translateX(0%) rotate(45deg);
	bottom: -15px;
	left: auto;
	right: 10%;
	opacity: 0;
	visibility: hidden;
}

.tool-tip:hover:before,
.tool-tip:hover:after{opacity: 1;visibility: visible;transition: all 0.3s ease;}
.tool-tip.blog-link::before {left: -60px;}
.tool-tip.blog-link::after {left: 10px;}
/* Tooltip css end*/


/*  Media Queries */
@media (max-width: 1699px) {
    .feature-project-gallery-swiper .swiper-button-next, .feature-project-gallery-swiper .swiper-button-prev { top: 28%; }
}
@media (max-width: 1599px) {
    .scrolltop a, .wa-icon { right: 30px; }
}

@media screen and (min-width: 992px) {
    .navbar-feature-project.navbar-expand-lg .offcanvas.offcanvas-top {
        max-width: 500px;
    }
}
@media (max-width: 1499px) {
    .scrolltop a, .wa-icon { right: 12px; }
    /* .site-logo img, .navbar-logo img { height: 130px; } */
    /* .navbar.navbar-light.nav-up .site-logo img, .navbar.navbar-light.nav-down .site-logo img { height: 100px; } */
    /* .to-top .navbar.navbar-light.nav-up .site-logo img, .to-top .navbar.navbar-light.nav-down .site-logo img { height: 130px; } */
    .site-header { min-height: 190px; }
    .site-header-main { min-height: 190px; }
    .navbar.navbar-light.nav-up { top: -190px; }
    .navbar-expand-lg .offcanvas .offcanvas-body { padding-top: 190px; }
    .offcanvas-menu-part { max-height: calc(100vh - 190px); }
    .offcanvas-media { margin-top: -190px; height: calc(100% + 190px); }
    /* .featured-project-swiper-media, .svb-apartment-petal-media { margin-bottom: 86px; } */
    .featured-project-swiper-media img, .svb-apartment-petal-media img { max-height: 550px; min-height: 550px; }
    .sec-header { margin-bottom: var(--sp50); }
    .featured-project-swiper .swiper-slide { padding-bottom: 0; }
    .svb-apartment-petal-card { padding: 35px 45px 45px; }
    .featured-project-swiper-card { padding: 35px 45px 45px; }
    .feature-project-usp-section .featured-project-swiper-card { padding: 35px 45px; bottom: 0; }
    .our-project-swiper { padding-bottom: 86px; }
    textarea.form-control { height: 150px; }
    .svb-swiper-wrap { padding: 225px 0 125px; }
    .svb-banner-wrap, .error-banner-wrap { padding: 220px 0 30px; }
    .feature-project-offcanvas .offcanvas-body { justify-content: flex-start; }
    .navbar-expand-lg .offcanvas .offcanvas-body { padding-top: 170px; }
    .navbar-light .primary-menu li a, .feature-nav-menu li a { font-size: var(--font20); }
    .btn-wd200 { min-width: 180px; }
}

@media (max-width: 1480px) {
    .feature-project-gallery-swiper .swiper-button-prev { left: 13%; top: 35%; }
    .feature-project-gallery-swiper .swiper-button-next { right: 13%; top: 35%; }
    .feature-project-gallery-card { padding: 25px 39px; }
    .feature-project-gallery-card h2 { font-size: var(--font24); }
}

@media (max-width: 1439px) {
    /*.scrolltop a { right: 5px; }*/
    .error-banner-content h2 { font-size: 24px; }
    .error-banner-header h2 { font-size: 50px; }
    .error-banner-header h1 { font-size: 120px;  }
}

@media (max-width: 1399px) {
    :root {
        /* / Font-Size / */
        --font100: 60px;
        --font64: 50px;
        --font50: 40px;
        --font40: 38px;
        --font36: 32px;

        /* / space / */
        --sp100: 60px;
        --sp60: 50px;
        --sp50: 40px;
        --sp40: 32px;
        --sp30: 26px;
    }
    /* .scrolltop a { right: 20px; } */
    /* .site-logo img, .navbar-logo img { height: 120px; } */
    /* .navbar.navbar-light.nav-up .site-logo img, .navbar.navbar-light.nav-down .site-logo img { height: 100px; } */
    /* .to-top .navbar.navbar-light.nav-up .site-logo img, .to-top .navbar.navbar-light.nav-down .site-logo img { height: 120px; } */
    .site-header { min-height: 180px; }
    .site-header-main { min-height: 180px; }
    .navbar.navbar-light.nav-up { top: -180px; }
    .navbar-expand-lg .offcanvas .offcanvas-body { padding-top: 160px; }
    .offcanvas-menu-part { max-height: calc(100vh - 160px); padding: 0 40px 20px; width: 28%; }
    .offcanvas-media { margin-top: -160px; height: calc(100% + 160px); width: 72%; }
    .offcanvas-header .btn-close-inner { height: 30px; width: 30px; margin-top: -2px; }
    .offcanvas-header .btn-close-inner::before { top: -2px; }
    .offcanvas-header .btn-close-inner::after { left: -2px; }
    .navbar-expand-lg .offcanvas .offcanvas-header { padding: 20px 40px; }
    .navbar-contact li a, .navbar-contact li.phone a::after, .navbar-contact li.phone a::before { width: 40px; height: 40px; }
    .navbar-expand-lg .navbar-toggler.hamburger { width: 40px; height: 40px; margin-right: 40px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger:hover .hamburger-inner::after { width: 24px; }
    .hamburger-inner::after { width: 16px; }
    .navbar-contact li a img { width: 18px; }
    .offcanvas-header .btn-close, .search-btn-action, .search-icon-btn { width: 40px; height: 40px; }
    .search-box input.search-btn { width: 40px; height: 40px; min-height: 40px; min-width: 40px; }
    .search-box input.search-btn:hover, .search-box input.search-btn:focus { width: 40px; height: 40px; }
    .search-box:hover .search-btn, .search-box .search-txt:focus + .search-btn-action .search-btn { width: 35px; height: 35px; min-height: 35px; min-width: 35px; }
    .search-box .search-txt { height: 40px; }
    .navbar-post-card-media img { max-height: 130px; }
    .counter-area { padding-top: var(--sp60); font-size: var(--font20); }
    .primary-menu li { padding: 3px 0; /*line-height: 1;*/ }
    .slide-down-link { bottom: 30px; }
    .slide-down-link a { width: 40px; height: 40px; }
    .slide-down-link a img { width: 20px; height: 20px; }
    .feature-project-banner-content .slide-down-link a { width: 50px; height: 50px; }
    .feature-project-banner-content .slide-down-link a img { width: 26px; height: 26px; }
    .btn-wd200 { min-width: 140px; }
    .form-control, input[type="number"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { font-size: var(--font16); padding: 10px 20px; }
    .brochure-form .form-floating label { font-size: var(--font16); }
    .select2-container .select2-selection--single { height: 45.2px; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 45px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 43px; }
    .select2-container .select2-selection--single .select2-selection__rendered { font-size: var(--font16); }
    .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: -11px; }
    .upload-field .upload-file-name,
    .upload-field .upload-file-name-pancard,
    .upload-field .upload-file-name-RERA-Certificate { top: 10px; font-size: var(--font16); }
    .upload-field .wpcf7-form-control-wrap::after { top: 13px; background-size: 16px auto; }
    .btn, input[type="button"], input[type="submit"], input[type="reset"] { padding: 11px 26px 9px; min-height: 40px; font-size: var(--font16); }
    .feature-project-section .btn, .feature-project-section input[type="button"], .feature-project-section input[type="submit"], .feature-project-section input[type="reset"] { padding: 11px 26px; font-size: 18px; }
    .our-project-swiper-media img { max-height: 494px; min-height: 494px; }
    textarea.form-control { height: 120px; }
    .site-slider { min-height: 610px; }
    .svb-swiper-wrap { padding: 165px 0 85px; }
    .svb-banner-wrap, .error-banner-wrap { padding: 165px 0 60px; }
    .svb-swiper .swiper-pagination-fraction, .svb-swiper .swiper-pagination { bottom: 110px; }
    .svb-swiper .swiper-button-next, .svb-swiper .swiper-button-prev { bottom: 111px; }
    .footer-ma-tooltip img { width: 50px; }
    .error-banner-media { height: calc(100vh - 50px); }
    .svb-swiper-container .btn { min-height: 40px; line-height: 1.2; min-width: 145px; }
    .feature-project-banner-content .slide-down-link { margin-top: 35px; }
    .feature-project-banner { min-height: 700px; }
    .svb-feature-project-flip .feature-project-flip-card { height: 260px; }
    .svb-feature-project-flip .feature-project-flip-card-media { width: 100px; height: 100px; }
    .svb-feature-project-flip .feature-project-flip-card-media img { max-width: 60px; }
    .feature-project-flip-card-layer { padding: 35px 20px; }
    .who-we-content .btn { min-width: 200px; }
    .counter-nos .unit, .who-we-swiper-item h3 .unit { margin-bottom: 1px; }
    .our-project-swiper { padding-bottom: 82px; }
    .our-project-section .sec-header { margin-bottom: var(--sp40); }
    .featured-project-swiper-card { max-width: 484px; }
    .svb-apartment-petal-card { max-width: 510px; }
    .brochure-modal .modal-dialog { max-width: 613px; }
    .about-quote-mark { top: -50px; left: -20px; }
    .featured-project-swiper-card .btn-action-group { gap: 28px; }
    .about-shaping-tab-media img { width: 460px; height: 246px; }
    .timeline-slide-content::after { width: 14px; height: 14px; top: -7px; }
    .center .timeline-slide-content::after { width: 16px; height: 16px; top: -8px; }
    .timeline-slide-content h5 { font-size: var(--font22) }
    .center .timeline-slide-content h5 { font-size: var(--font30) }
    .about-quote-container { max-width: 750px; }
    .svb-apartment-petal-highlight-grid-media { width: 80px; height: 80px; }
    .svb-apartment-petal-highlight-grid-media img { width: 50px; height: 50px; }
    input[type="file"].form-control { min-height: 2.825rem; }
}

@media (max-width: 1365px) {
    :root {
        /* / Font-Size / */
        --font100: 60px;
        --font64: 50px;
        --font50: 40px;
        --font40: 38px;
        --font36: 32px;

        /* / space / */
        --sp100: 60px;
        --sp60: 50px;
        --sp50: 40px;
        --sp40: 32px;
        --sp30: 26px;
    }
    .who-we-media, .svb-careers-media { margin-right: 0; }
    .who-we-content, .svb-careers-content { margin-left: 0; }
    .about-division-section .svb-careers-media { margin-left: 0; }
    .error-banner-header h2 { font-size: 50px; }
    .error-banner-header h1 { font-size: 100px; }
    .feature-project-plan-section .container,
    .feature-project-faq-section .container,
    .feature-project-who-we-are-section .container { padding-right: 10px; padding-left: 10px; }
    .featured-project-swiper-card h6, .featured-project-swiper-card p { font-size: var(--font16); }
    .feature-project-gallery-swiper .swiper-button-next, .feature-project-gallery-swiper .swiper-button-prev { top: 24%; }
    .featured-project-swiper-media img, .svb-apartment-petal-media img { max-height: none; min-height: auto; }
}

@media (max-width: 1280px) {
    .navbar-contact li.phone a::before { animation: none; }
    .navbar-contact li.phone a::after { display: none; }
    .feature-project-banner { height: 98vh; }
    .search-icon-btn { display: flex; }
    .search-box.show .search-icon-btn { opacity: 0; visibility: hidden; }
    .search-box.show .search-txt, .search-box .search-txt:focus { width: 250px; padding: 8px 50px 8px 20px; opacity: 1; visibility: visible; }
    .search-box.show .search-btn,
    .search-box.show .search-txt:focus + .search-btn-action .search-btn { background-color: var(--secondaryColor); border-color: var(--secondaryColor); background-size: 14px auto; width: 35px; height: 35px; min-height: 35px; min-width: 35px; }

    .btn-primary:before, .btn-secondary:before, .btn-effect-anim:before,
    .btn-primary:after, .btn-secondary:after, .btn-effect-anim:after,
    .btn-effect-anim2::before,
    .our-project-tabs .nav-link:before,
    .our-project-tabs .nav-link:after { display: none; }
    .btn-primary:hover, .btn-secondary:hover,
    .our-project-tabs .nav-link:hover { transition-delay: inherit; }
    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.disabled, .btn-secondary:disabled, fieldset:disabled .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary.show, .btn-secondary:first-child:active, :not(.btn-check) + .btn-secondary:active, .btn-secondary:focus-visible {
        background-color: var(--primaryColor);
    }
    input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, .btn-primary:hover, .btn-primary:focus, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary.show, .btn-primary:first-child:active, :not(.btn-check) + .btn-primary:active, .btn-primary:focus-visible, .btn-primary.disabled, .btn-primary:disabled, fieldset:disabled .btn-primary {
        background-color: var(--secondaryColor);
    }
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        background-color: var(--secondaryColor);
    }
    .contact-us-section .btn-effect-anim .btn-input-anim:hover,
    .contact-us-section .btn-effect-anim input[type="submit"]:hover,
    .btn-input-anim:hover, .btn-effect-anim input[type="submit"]:hover,
    .talk-home-section.svb-golden-section-background .btn-effect-anim .btn-input-anim:hover,
    .talk-home-section.svb-golden-section-background .btn-effect-anim input[type="submit"]:hover { transition-delay: inherit; background-color: var(--primaryColor) !important; }
    .feature-project-form-wh .btn-input-anim:hover { background-color: var(--orangeColor) !important; }
    .feature-project-form-wh input[type="button"]:hover,
    .feature-project-form-wh input[type="submit"]:hover,
    .feature-project-form-wh input[type="reset"]:hover,
    .feature-project-form-wh .btn-primary:hover,
    .feature-project-section .btn:hover,
    .feature-project-section input[type="button"]:hover,
    .feature-project-section input[type="submit"]:hover,
    .feature-project-section input[type="reset"]:hover {
        color: var(--whiteColor);
        background-color: var(--orangeColor);
    }
}

@media (max-width: 1200px) {
    .feature-project-gallery-card { padding: 25px 30px; left: 40px; }
    .feature-project-banner-content .heading-title { padding-right: 15px; line-height: 1.1; padding-left: 15px; font-size: 72px; }
    .feature-project-banner-content .heading-title span { font-size: 44px; }
    .feature-project-banner-content { padding-top: 0; }
}

@media (max-width: 1199px) {
    :root {
        /* / Font-Size / */
        --font100: 54px;
        --font64: 44px;
        --font50: 36px;
        --font40: 36px;
        --font36: 30px;

        /* / space / */
        --sp100: 50px;
        --sp60: 40px;
        --sp50: 30px;
        --sp40: 30px;
        --sp30: 20px;
    }
    .error-banner-header h2 { font-size: 46px; }
    .error-banner-header h1 { font-size: 80px; }
    .svb-feature-project-flip .feature-project-flip-card { height: 265px; }
    .about-quote-mark { left: 20px; width: 80px; height: 100px; padding: 16px 20px 45px; }
    .about-quote-mark img { width: 40px; }
    .about-quote-container { padding: 0 100px; }
}

@media (max-width: 1140px) {
    .feature-project-exterior-hotspot { margin: 50px -10px 8px; }
}

@media (max-width: 1024px) {
    .featured-project-swiper-card, .svb-apartment-petal-card { position: relative; right: auto; bottom: auto; padding: 20px 20px 25px; max-width: 100%; }
    .featured-project-swiper-media, .svb-apartment-petal-media { margin-right: 0; margin-bottom: 0; }
    .feature-project-usp-section .featured-project-swiper-card { min-height: auto; max-width: 100%; padding: 20px; }
    .featured-project-swiper { padding-bottom: 86px; }
    .feature-project-usp-content { margin-top: 24px; }
    .featured-project-swiper .swiper-scrollbar { left: 120px; width: calc(100% - 120px); }
    .featured-project-swiper .swiper-slide { padding: 0 0 20px; }
    .feature-project-flip, .feature-project-feature-grid .feature-project-btn-view { display: none; }
    .feature-project-flip-swiper { display: block; }
    .feature-project-flip-swiper .swiper-button-next, .feature-project-flip-swiper .swiper-button-prev { width: 40px; height: 40px; }
    .feature-project-flip-swiper .swiper-button-prev { left: 20px; }
    .feature-project-flip-swiper .swiper-button-next { right: 20px; }
    .feature-project-flip-swiper-card-media img { filter: brightness(0) invert(1); }
    .feature-project-flip.svb-feature-project-flip { display: flex; }
    .feature-project-gallery-main { margin-bottom: 40px; }
    .feature-project-gallery-card { position: relative; left: auto; bottom: auto; width: 100%; opacity: 1; }
    .feature-project-gallery-card h2 { max-width: 210px; }
    .feature-project-gallery-card img { opacity: 0.56; }
    .swiper-slide-active .feature-project-gallery-card img { opacity: 1; }
    .feature-project-location-main { margin-bottom: 0; }
    .footer-feature-project-main [class*='col-'] { width: 100%; }
    .footer-feature-project-widget, .footer-copyright-main { flex-direction: column; justify-content: center; }
    .footer-feature-project-widget-media { margin: 0 0 15px; }
    .footer-feature-project-main .col-12:first-child .footer-feature-project-widget { justify-content: center; }
    .footer-feature-project-main .col-12:last-child .footer-feature-project-widget { justify-content: center; }
    .footer-ma-logo { margin-top: 20px; }
    .feature-project-get-touch-form { padding: 0 30px; }
    .img-ipad { display: block !important; }
    .img-desktop, .img-mobile { display: none !important; }
    .footer-feature-project .footer-copyright { padding: 20px 0; }
    .feature-project-map { margin: 25px 0 36px; }
    .offcanvas-header .navbar-contact, .offcanvas-media { display: none; }
    .navbar-expand-lg .offcanvas .offcanvas-body { flex-direction: column; padding-top: 160px; }
    .offcanvas-menu-part { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; }
    /* .site-logo img, .navbar-logo img { height: 80px; } */
    .navbar-logo { margin-right: 0; }
    .navbar-expand-lg .primary-menu { align-items: center; }
    .primary-menu li { padding: 8px 0; }
    .navbar-light .primary-menu li a, .feature-nav-menu li a { font-size: 24px; }
    .error-banner-media { height: calc(100vh - 94px); }
    .about-shaping-tab-main .feature-project-flip { display: flex; }
    .explore-categories-section .svb-btn-effect-anim-view { display: none; }
    .navbar-post-contact, .navbar-post-footer { display: block; }
    .navbar-post-card, .scrolltop a { display: none; }
    /* 22/5 */
    .search-no-results .site-main { display: flex;}
    .search-no-results #searchresultsection {flex: 1;}
    .navbar-light .primary-menu li a {padding-right: 0;}
    .primary-menu li.menu-item-has-children > a:after{right: -20px;}
    .navbar-light .primary-menu .sub-menu a{padding-left: 0;}
    .primary-menu .sub-menu li a:after {left: -15px;}
    .navbar-light .primary-menu li.current-menu-parent > a:before, .navbar-light .primary-menu li.menu-item-has-children a:hover:before, .navbar-light .primary-menu li.menu-item-has-children a:focus:before, .navbar-light .primary-menu li.menu-item-has-children a.active:before,.primary-menu .sub-menu li.current-menu-item a:before {
        width: 100%;
    }
    .primary-menu .sub-menu li a:before {left: 0;}
    .primary-menu li.menu-item-has-children > a:after {top: 50%;}
}

@media (max-width: 1023px) {
    .our-project-swiper.our-project-swiper-nav-disable { padding-bottom: 82px; }
}

@media (max-width: 1000px) {
    .feature-project-exterior-hotspot ul li.dot-1 {
        left: 20%;
        top: 9%;
    }
    .feature-project-exterior-hotspot ul li.dot-2 {
        left: 19%;
        top: 18%;
    }
    .feature-project-exterior-hotspot ul li.dot-3 {
        left: 22%;
        top: 27.3%;
    }
    .feature-project-exterior-hotspot ul li.dot-4 {
        left: 17.3%;
        top: 33%;
    }
    .feature-project-exterior-hotspot ul li.dot-5 {
        left: 20.7%;
        top: 41%;
    }
    .feature-project-exterior-hotspot ul li.dot-6 {
        left: 16.8%;
        top: 46%;
    }
    .feature-project-exterior-hotspot ul li.dot-7 {
        left: 20%;
        top: 54%;
    }
    .feature-project-exterior-hotspot ul li.dot-8 {
        left: 14%;}
    .feature-project-exterior-hotspot ul li.dot-9 {
        left: 13%;
        top: 71%;
    }
    .feature-project-exterior-hotspot ul li.dot-21 {
        left: 67.5%;
        top: 20%;
    }
    .feature-project-exterior-hotspot ul li.dot-23 {
        left: 65.5%;top: 47%;
    }
    .feature-project-exterior-hotspot ul li.dot-27 {
        left: 66%;
    }
    .feature-project-exterior-hotspot ul li.dot-22 div, .feature-project-exterior-hotspot ul li.dot-15 div, .feature-project-exterior-hotspot ul li.dot-24 div, .feature-project-exterior-hotspot ul li.dot-26 div, .feature-project-exterior-hotspot ul li.dot-25 div {top: -49px;}

    .feature-project-exterior-hotspot ul li.dot-1 div {
        right: -115px;
    }
    .feature-project-exterior-hotspot ul li.dot-2 div, .feature-project-exterior-hotspot ul li.dot-3 div,  .feature-project-exterior-hotspot ul li.dot-4 div,  .feature-project-exterior-hotspot ul li.dot-5 div,  .feature-project-exterior-hotspot ul li.dot-6 div,  .feature-project-exterior-hotspot ul li.dot-7 div,  .feature-project-exterior-hotspot ul li.dot-8 div,  .feature-project-exterior-hotspot ul li.dot-9 div,  .feature-project-exterior-hotspot ul li.dot-10 div,  .feature-project-exterior-hotspot ul li.dot-11 div,  .feature-project-exterior-hotspot ul li.dot-12 div, .feature-project-exterior-hotspot ul li.dot-13 div,  .feature-project-exterior-hotspot ul li.dot-14 div,  .feature-project-exterior-hotspot ul li.dot-16 div,  .feature-project-exterior-hotspot ul li.dot-17 div,  .feature-project-exterior-hotspot ul li.dot-18 div,  .feature-project-exterior-hotspot ul li.dot-19 div,  .feature-project-exterior-hotspot ul li.dot-20 div, .feature-project-exterior-hotspot ul li.dot-21 div, .feature-project-exterior-hotspot ul li.dot-27 div {
        top: -62px;
    }
    .feature-project-exterior-hotspot ul li div{width: 160px;padding: 10px 10px 15px;font-size: 16px !important;}
    .feature-project-gallery-swiper { padding-bottom: 56px; margin-bottom: 0; }
    .feature-project-gallery-swiper .swiper-button-next { right: 43%; top: auto; bottom: 0; }
    .feature-project-gallery-swiper .swiper-button-prev { left: 42%; top: auto; bottom: 0; }
    .feature-project-banner-content .heading-title { width: 55%; }

    .feature-project-usp-section .featured-project-swiper-card h2 br { display: none; }

}

@media (max-width: 991px) {
    :root {
        /* / Font-Size / */
        --font100: 50px;
        --font64: 40px;
        --font50: 32px;
        --font40: 30px;
        --font36: 28px;
        --font30: 26px;
        --font28: 26px;
        --font26: 24px;
        --font24: 22px;
        --font22: 20px;
        --font20: 18px;
        --font18: 16px;
        --font16: 14px;

        /* / space / */
        --sp100: 50px;
        --sp60: 30px;
        --sp50: 20px;
        --sp40: 20px;
        --sp30: 16px;
    }
    .navbar-feature-project.navbar-expand-lg .offcanvas .offcanvas-body {display: flex;}
    .mobile-main-nav>li {justify-content: center;}
    .sec-header { margin-bottom: 36px; }
    .sec-title { font-size: 32px; margin-bottom: 20px; }
    .svb-apartment-section .sec-header h5 { margin-bottom: 20px; }
    .error-banner-header h2 { font-size: 44px; }
    .error-banner-header h1 { font-size: 70px; }
    .privacy-term-container ul ul { margin-top: 12px; }
    .feature-project-section .container, .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding: 0 20px; width: 100%; }
    .navbar { padding: 20px 0; }
    .feature-project-offcanvas .offcanvas-body { padding: 70px 40px 40px; }
    .feature-project-brochure-modal .modal-body { padding: 65px 30px 30px; }
    .feature-project-map { padding-bottom: 64.2%; }
    .form-checkbox label span::before { top: 0px; }
    .form-checkbox label span::after { top: 3px; }
    .feature-project-exterior-hotspot { margin: 50px -20px 8px; }
    .feature-project-offcanvas .offcanvas-body { justify-content: center; }
    .who-we-media, .svb-careers-media { margin-bottom: 25px; height: auto; }
    .who-we-media img, .svb-careers-media img { position: relative; left: auto; top: auto; }
    .svb-careers-section .svb-careers-media, .about-ourselves-section .svb-careers-media, .discover-section .svb-careers-media,
    .channel-partners-section .svb-careers-media, .about-division-section .svb-careers-media, .who-we-section .who-we-media { height: auto; margin-top: 0; }
    .our-project-tabs .nav-link { min-width: 200px; }
    .contact-info-map { min-height: 440px; margin-bottom: 25px; height: auto; }
    .error-banner-media { height: calc(100vh - 91.5px); }
    .about-quote-mark { top: -30px; }
    .about-quote-container { padding: 0 92px; }
    .svb-flip-swiper { padding: 0 50px; margin: 0 auto; display: block; max-width: 728px;  }
    .svb-flip-swiper-card-content h3 { margin-bottom: 10px; }
    .svb-flip-swiper-card-content { margin: 0 0 5px; }
    .svb-flip-swiper-card-media { width: 118px; height: 118px; }
    .svb-flip-swiper-card-media img { max-width: 68px; }
    .svb-flip-swiper .swiper-button-next { right: 0; }
    .svb-flip-swiper .swiper-button-prev { left: 0; }
    .center .timeline-slide-media img, .owl-carousel .owl-item img { max-height: 460px; min-height: 460px; }
    .timeline-slider { padding: 0; max-width: 520px; margin: 0 auto; }
    .timeline-slider.owl-carousel .owl-nav button.owl-next, .timeline-slider.owl-carousel .owl-nav button.owl-prev { top: 504px; }
    .timeline-slide-content { padding-top: 0; margin-top: 50px; }
    .center .timeline-slide-content { padding-top: 0; font-family: var(--font-gilroyregular) }
    .timeline-slide-content::before, .timeline-slide-content::after { display: none; }
    .timeline-slide-media, .timeline-slide { padding: 0; }
    .timeline-slide-content h5 { margin-bottom: 50px; }
    .feature-project-flip.svb-feature-project-flip, .about-shaping-tab-container { display: none; }
    .svb-flip-swiper .feature-project-flip-card-media { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--whiteColor); margin: 0 auto 16px;}
    .svb-flip-swiper .feature-project-flip-card-media img { filter: none; max-width: 60px; }
    .svb-flip-swiper-slide-content { padding-top: 50px; }
    .svb-flip-swiper-slide-content h3 { color: var(--whiteColor); text-align: center; font-size: 18px; margin-bottom: 40px; }
    .svb-flip-swiper-slide-content h3 span.underline { display: block; text-decoration: underline; font-size: 16px; }
    .svb-flip-swiper-slide-content h3 span { display: block; font-size: 14px; }
    .about-shaping-section .svb-flip-swiper { padding-top: 0; padding-bottom: 0; margin-top: 0; }
    .about-shaping-section .swiper-button-next, .about-shaping-section .swiper-button-prev { top: 325px; }
    .why-choose-section .sec-header p { text-align: justify; }
    .svb-flip-swiper .feature-project-flip-card-back .desc-txt-dv { scrollbar-color: var(--whiteColor) transparent; }
    .why-choose-section.svb-white-section-background .svb-flip-swiper .feature-project-flip-card-back .desc-txt-dv { scrollbar-color: var(--secondaryColor) transparent; }
    .svb-apartment-petal-highlight-grid { display: none; }
    .svb-apartment-petal-highlight-swiper { display: block; }
    .svb-apartment-petal-highlight-action { padding-top: 36px; }
    .svb-banner-content p, .svb-swiper-container p { display: none; }
    .navbar-expand-lg .navbar-toggler.hamburger { width: 36px; height: 36px; margin-right: 36px; }
    .offcanvas-header .btn-close, .search-btn-action, .search-icon-btn { width: 36px; height: 36px; }
    .search-box input.search-btn { width: 36px; height: 36px; min-height: 36px; min-width: 36px; background-size: 16px auto; }
    .search-icon-btn img { width: 16px; height: 16px; min-width: 16px; }
    .search-box input.search-btn:hover, .search-box input.search-btn:focus { width: 36px; height: 36px; }
    .search-box:hover .search-btn, .search-box .search-txt:focus + .search-btn-action .search-btn { width: 32px; height: 32px; min-height: 32px; min-width: 32px; }
    .search-box .search-txt { height: 36px; }
    .navbar-contact li a, .navbar-contact li.phone a::after, .navbar-contact li.phone a::before { width: 36px; height: 36px; }
    .navbar-contact li a img { width: 16px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger:hover .hamburger-inner::after { width: 20px; }
    .who-we-swiper { padding: 0 0 40px; margin-bottom: 30px; }
    .who-we-swiper-item h3 { align-items: last baseline; line-height: 1.2; }
    .counter-nos .unit, .who-we-swiper-item h3 .unit { margin-bottom: 0; }
    .featured-project-section .sec-header p, .our-project-section .sec-header p, .contact-us-section .sec-header p { text-align: justify; }
    .featured-project-swiper-card .btn-action-group { gap: 20px; }
    .about-ourselves-section .svb-careers-media img { min-height: 340px; }
    .svb-apartment-section .sec-header h5 { font-size: 14px; }
    .feature-project-banner-content .slide-down-link { display: none; }
    .who-we-desktop, .work-svb-group-desktop, .channel-partners-desktop, .contact-info-desktop, .about-ourselves-desktop, .about-division-desktop, .discover-desktop { display: none; }
    .who-we-mobile, .work-svb-group-mobile, .channel-partners-mobile, .contact-info-mobile, .about-ourselves-mobile, .about-division-mobile, .discover-mobile { display: block; }

    .contact-info-address, .contact-info-action { flex-direction: column; align-items: center; justify-content: center; text-align: center; }
    .contact-info-address { margin-top: 20px; }
    .contact-info-address .icon, .contact-info-action .icon, .contact-info-action canvas { margin-right: 0; margin-bottom: 8px; width: 33px; min-width: 33px; height: 33px; }
    .contact-info-action .icon .mail-icon { width: 18px; height: 14px; }
    .contact-info-address address { margin-top: 0; }
    .contact-info-address address p { text-align: center; }
    .featured-project-swiper-media img, .svb-apartment-petal-media img, .who-we-media img, .svb-careers-media img { max-height: 650px; min-height: 650px; }
    .about-division-section .btn-action { margin-top: 25px; text-align: center; }
    .footer-menu-col { display: none !important; }
    .site-footer-logo img { height: 100px; }
    .svb-flip-swiper .swiper-pagination-custom { display: none; }
    input[type="file"].form-control { min-height: 2.64375rem; }

    .about-shaping-section .feature-project-flip-card-back { display: none; }
    .about-shaping-section .feature-project-flip-card:focus-visible .feature-project-flip-card-front,
    .about-shaping-section .feature-project-flip-card:hover .feature-project-flip-card-front { transform: none; }
    .about-shaping-section .svb-flip-swiper .feature-project-flip-card-layer .click-detail { display: none; }
    .about-shaping-section .svb-flip-swiper .feature-project-flip-card-media { margin-bottom: 0; }
}

@media (max-width: 890px) {
    .feature-project-exterior-hotspot ul li.dot-11 {
        left: 39%;
        top: 18%;
    }
    .feature-project-exterior-hotspot ul li.dot-10 {
        left: 30%;
        top: 12%;
    }
    .feature-project-exterior-hotspot ul li::before {width: 13px;
        height: 13px;}
    .feature-project-exterior-hotspot ul li::after {width: 17px;
        height: 17px;
        border: 5px solid var(--whiteColor);}
    .feature-project-exterior-hotspot ul li.dot-25 {
        left: 59.5%;
        top: 77.4%;
    }
    .feature-project-exterior-hotspot ul li.dot-15 {
        left: 41.6%;
        top: 40%;
    }
    .feature-project-exterior-hotspot ul li.dot-22 {
        left: 71.3%;
        top: 30%;
    }
    .feature-project-exterior-hotspot ul li.dot-20 {
        left: 53%;
        top: 59%;
    }
    .feature-project-exterior-hotspot ul li.dot-18 {
        left: 50.5%;
        top: 34.8%;
    }
    .feature-project-exterior-hotspot ul li.dot-19 {
        left: 43%;
        top: 69%;
    }
    .feature-project-exterior-hotspot ul li.dot-14 {
        left: 34.3%;
        top: 75%;
    }
    .feature-project-exterior-hotspot ul li.dot-13 {
        left: 29%;
        top: 68%;
    }
    .feature-project-exterior-hotspot ul li.dot-12 {
        left: 33%;
        top: 39%;
    }
    .feature-project-exterior-hotspot ul li.dot-17 {
        left: 56.4%;
        top: 17%;
    }
    .feature-project-exterior-hotspot ul li.dot-16 {
        left: 47%;
        top: 19%;
    }
    .feature-project-exterior-hotspot ul li div{width: 135px;line-height: 23px !important;
        padding: 8px 5px 11px;font-size: 16px !important;}
    .feature-project-exterior-hotspot ul li.dot-4 div {
        right: -30px;}
    .feature-project-exterior-hotspot ul li.dot-5 div {
        right: 0px;}
    .feature-project-exterior-hotspot ul li.dot-6 div {
        right: -40px;}
    .feature-project-exterior-hotspot ul li.dot-7 div {
        right: 10px;}
    .feature-project-exterior-hotspot ul li.dot-8 div {
        right: -40px;}
    .feature-project-exterior-hotspot ul li.dot-9 div {
        right: -40px;}
    .feature-project-exterior-hotspot ul li div span{font-size: 16px !important;
        line-height: 26px;}

    .feature-project-exterior-hotspot ul li div.signal {
        padding: 15px 15px 10px!important;
        line-height: 0 !important;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .feature-project-exterior-hotspot ul li div.signal {
        top: -44px;
    }
    .feature-project-banner-content .heading-title { width: 70%; }
    .feature-project-gallery-viewport { padding: 0 20px; }
    .feature-project-gallery-swiper { padding-bottom: 80px; }
    .feature-project-gallery-swiper .swiper-slide { width: 100%; }
    .feature-project-gallery-section { padding-bottom: 20px; }
}

@media (max-width: 850px) {
    .feature-project-header-main { display: none; }
    .feature-project-header .site-header-main { display: block; z-index: 999; min-height: 115px; }
    .feature-project-header .site-header-main .container { padding: 0 50px; }
    /* .feature-project-header .site-logo img, .feature-project-header .navbar-logo img, */
    /* .feature-project-header .navbar.navbar-light.nav-up .site-logo img, .feature-project-header .navbar.navbar-light.nav-down .site-logo img { height: 75px; } */
    .feature-project-header .navbar.navbar-light.nav-up, .feature-project-header .navbar.navbar-light.nav-down { padding: 10px 0; background-color: rgba(2,2,2,0.69); }
    .feature-project-header.to-top .navbar.navbar-light.nav-up, .feature-project-header.to-top .navbar.navbar-light.nav-down { padding: 20px 0; background-color: transparent; }
    .navbar-expand-lg.navbar-feature-project .navbar-toggler.hamburger { width: 46px; height: 46px; margin-right: 0; }
    .navbar-feature-project .navbar-contact li a, .navbar-feature-project .navbar-contact li.phone a::after, .navbar-feature-project .navbar-contact li.phone a::before { width: 46px; height: 46px; }
}

@media screen and (max-width: 778px) {
    .feature-project-header .site-header-main .container { padding: 0 20px; }
}

@media screen and (max-width: 767px) and (orientation: landscape){
    .landscape-message { display: flex; }
    body section, body header, body footer, body .site { display: none !important; }
}

@media (max-width: 767px) {

    :root {
        /* / Font-Size / */
        --font100: 40px;
        --font64: 30px;
        --font50: 26px;
        --font40: 24px;
        --font36: 22px;
        --font30: 20px;
        --font28: 24px;
        --font26: 22px;
        --font24: 20px;
    }
    .floting-icons{right: 10px;}
    :not(.feature-projects-template-default) .site-logo img, :not(.feature-projects-template-default) .navbar-logo img, .site-logo img, .navbar-logo.dropdown-logo img{max-width: 125px;}
    .sec-title { font-size: 26px; }
    .error-banner-header h2 { font-size: 42px; }
    .error-banner-header h1 { font-size: 60px; }
    .footer-copyright-main { justify-content: center; flex-direction: column; }
    .footer-ma-logo { margin-top: 12px; }
    .error-banner-media { height: calc(100vh - 83.5px); }
    .mobile-main-nav > li > a{padding: 0px; justify-content: center;}
    .mobile-main-nav li > a .menu-text,.mobile-main-nav li > a {font-size: 18px; line-height: 26px;}
    /*.feature-project-header .site-logo img, .feature-project-header .navbar-logo img,
    .feature-project-header.to-top .navbar.navbar-light.nav-up .site-logo img, .feature-project-header.to-top .navbar.navbar-light.nav-down .site-logo img, .feature-project-header .navbar.navbar-light.nav-up .site-logo img, .feature-project-header .navbar.navbar-light.nav-down .site-logo img { height: 70px; } */
    /* .home .site-logo img, .home .navbar-logo img {max-width: 50%;} */
    .feature-project-slides { display: none; }
    .feature-project-slides-swiper { display: block; }
    .feature-project-flip-swiper { padding: 1px 1px 98px; max-width: 85%; margin: 0 auto; }
    .svb-flip-swiper { padding: 1px 1px 85px; max-width: 352px; margin: 0 auto; }
    .svb-flip-swiper .swiper-pagination-custom { display: block; bottom: 14px; width: calc(100% - 120px); margin: 0 60px; }
    .feature-project-flip-swiper .swiper-button-next, .feature-project-flip-swiper .swiper-button-prev,
    .svb-flip-swiper .swiper-button-next, .svb-flip-swiper .swiper-button-prev { width: 50px; height: 50px; top: auto; bottom: 0; }
    .feature-project-flip-swiper .swiper-button-prev, .svb-flip-swiper .swiper-button-prev { left: 0; }
    .feature-project-flip-swiper .swiper-button-next, .svb-flip-swiper .swiper-button-next { right: 0; }
    .navbar-feature-project.navbar-expand-lg .offcanvas .offcanvas-header {justify-content: space-between;}
    .feature-project-heading-title-eyebrow { font-size: 14px; line-height: 31px; }
    .feature-project-heading-title { font-size: 23px; line-height: 34px; }
    .feature-project-get-touch-form { padding: 0; margin-top: 20px; }
    .navbar.navbar-feature-project { padding: 10px 0; }
    .feature-project-map { padding-bottom: 143%; margin-bottom: 36px; }
    .feature-project-flip-swiper-card { padding: 20px; }
    .navbar-feature-project.navbar-expand-lg .offcanvas .offcanvas-body { padding: 0 25px 25px; }
    .who-we-content .btn { min-width: 150px; }
    .our-project-tabs, .btn-action-group { gap: 15px; }
    .featured-project-swiper-card .btn { min-width: 150px; }
    .our-project-swiper-media img { max-height: none; min-height: auto; }
    /* .site-logo img, .navbar-logo img, .site-footer-logo img { height: 100px; } */
    /* .navbar.navbar-light.nav-up .site-logo img, .navbar.navbar-light.nav-down .site-logo img { height: 80px; } */
    /* .to-top .navbar.navbar-light.nav-up .site-logo img, .to-top .navbar.navbar-light.nav-down .site-logo img { height: 100px; } */
    .responsive-map { padding-bottom: 56%; }
    .svb-banner-wrap { justify-content: flex-end; padding-bottom: 150px; }
    .error-banner-wrap { justify-content: flex-end; }
    .svb-banner-content { padding-bottom: 0; }
    .explore-categories-section .sec-header p, .eligibility-section .sec-header p, .eligibility-main p { text-align: justify; }
    .explore-categories-section .sec-header p br, .eligibility-section .sec-header p br, .svb-banner-content h1 br { display: none; }
    .contact-info-map { min-height: 400px; }
    .contact-us-section .sec-header p, .career-application-section .sec-header p, .reg-form-section .sec-header p { text-align: justify; }
    .about-shaping-section .swiper-button-next, .about-shaping-section .swiper-button-prev { top: 325px; bottom: auto; }
    .svb-flip-swiper-slide-content h3 { margin: 0 60px 40px; }
    .svb-swiper-container .svb-swiper-title br { display: none; }
    .svb-swiper-container p { margin-bottom: 20px; }
    .who-we-media img, .svb-careers-media img { max-height: 520px; }
    .about-quote-section.section { padding-top: 130px; }
    .about-quote-container { padding: 0; }
    .about-quote-mark { top: -130px; }
    .center .timeline-slide-media img, .owl-carousel .owl-item img { max-height: 400px; min-height: 400px; }
    .featured-project-swiper-media img, .svb-apartment-petal-media img, .who-we-media img, .svb-careers-media img { max-height: 550px; min-height: 550px; }
    .timeline-slider.owl-carousel .owl-nav button.owl-next,
    .timeline-slider.owl-carousel .owl-nav button.owl-prev { top: 444px; }
    .svb-apartment-section .sec-header p, .talk-home-section .sec-header p { text-align: justify; }
    .about-quote-signature img { max-width: 260px; }
    .search-box .search-txt { max-width: 160px; }
    .search-box:hover .search-txt,
    .search-box .search-txt:focus,
    .search-box.show .search-txt { width: 160px; }
    .navbar-expand-lg .offcanvas .offcanvas-body { padding-top: 125px; }
	.timeline-slide-content p { font-size:18px;}
  
}

@media (max-width: 640px) {
    .feature-project-exterior-hotspot { margin: 50px -20px 15px; }
}

@media (max-width: 600px) {
    .feature-project-exterior-hotspot ul li::before {width: 12px;height: 12px;left: 40px !important;top: -35px !important;}
    .feature-project-exterior-hotspot ul li::after {width: 6px;height: 6px;}
    .feature-project-exterior-hotspot ul{top:35px;}
    .feature-project-banner-content .heading-title { font-size: 50px; }
    .feature-project-banner-content .heading-title span { font-size: 34px; }
    .feature-project-gallery-swiper .swiper-button-prev { left: 40%; }
    .feature-project-gallery-swiper .swiper-button-next { right: 40%; }
    .feature-project-get-touch-form input[type="number"], .feature-project-get-touch-form input[type="text"], .feature-project-get-touch-form input[type="email"], .feature-project-get-touch-form input[type="password"], .feature-project-get-touch-form input[type="tel"], .feature-project-get-touch-form input[type="search"], .feature-project-get-touch-form input[type="url"], .feature-project-get-touch-form textarea, .feature-project-get-touch-form select { height: 50px; }
    .feature-project-get-touch-form textarea { height: 105px; }
    .feature-project-table-format-td { font-size: 13px; }
    .feature-project-table-format-td span { padding-right: 10px; }
    .feature-project-table-format-td:last-child .first { margin-right: 10px; }
    .feature-project-table-format-td:last-child .first::before { width: 1px; height: 12px; }
    .feature-project-table-format-tr { padding-right: 0; }
    .feature-project-offcanvas .offcanvas-body { padding: 95px 20px 20px; }
    .featured-project-swiper .swiper-slide { padding: 0 0 20px; }
    .featured-project-swiper { padding-bottom: 60px; }
}

@media (max-width: 575px) {
    .offcanvas-menu { width: 300px; }
    a.disable-link { cursor: pointer; pointer-events: inherit; }
    .error-banner-content h2 { font-size: 24px; }
    .error-banner-header h2 { font-size: 40px; }
    .error-banner-header h1 { font-size: 50px; }
    .footer-copyright-content { justify-content: center; flex-direction: column; }
    .footer-copyright-menu { padding-left: 0; margin-top: 10px; }
    .footer-copyright-menu li:first-child { border-left: 0 none; }
    .footer-ma-logo { margin-top: 16px; }
    .error-banner-media { height: calc(100vh - 111.5px); }
    .feature-project-gallery-swiper .swiper-button-prev { left: 36%; }
    .feature-project-gallery-swiper .swiper-button-next { right: 36%; }
    .navbar-contact li.phone a::before { animation: none; }
    .navbar-contact li.phone a::after { display: none; }
    .footer-ma-hover { display: none; }
    .form-checkbox label span::before { top: 2px; }
    .form-checkbox label span::after { top: 5px; }
    .feature-project-form-wh .form-checkbox label span::after { top: 5px; }
    .feature-project-get-touch-form { padding-bottom: 15px; }
    .featured-project-swiper-card .btn-action-group { gap: 10px; }
    .featured-project-swiper-card .btn { min-width: auto; padding: 9px 14px 8px; min-height: 36px; }
    .our-project-tabs li.nav-item { width: calc(50% - 5px); }
    .our-project-tabs .nav-link { min-width: auto; padding: 9px 16px; font-size: 14px; width: 100%; }
    .our-project-tabs, .btn-action-group { gap: 10px; }
    .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
        align-items: flex-start;
    }
    .responsive-map { padding-bottom: 85%; }
    .sec-title br { display: none; }
    .svb-apartment-petal-card .btn { min-width: 140px; }
    .svb-apartment-petal-highlight-grid-media { width: 80px; height: 80px; }
    .svb-apartment-petal-highlight-grid-media img { width: 50px; height: 50px; }
    .svb-apartment-petal-highlight-swiper { max-height: 370px; min-height: 370px; }
    .brochure-form { padding-bottom: 45px; }
    .navbar-feature-project.navbar-expand-lg .offcanvas .offcanvas-header {padding: 25px;justify-content: space-between;}
    .navbar-expand-lg .offcanvas .offcanvas-header { justify-content: center; }
    .offcanvas-header .btn-close { position: absolute; left: auto; top: 40px; }
    .feature-nav-wrapper .offcanvas-header .btn-close { position: static; }
    .navbar-logo { margin: 0; }
    .navbar-light .primary-menu li a, .feature-nav-menu li a { font-size: 20px; }
    .primary-menu .sub-menu li a::after { background-size: 10px 6px; top: 5px; transform: rotate(-90deg); }
    .who-we-media img, .svb-careers-media img { max-height: 420px; }
    .svb-banner-media, .site-slider { height: calc(100vh); }
    /* .primary-menu li.menu-item-has-children > a::after { top: 7px; transform: inherit; } */
    .slide-down-link { display: none; }
    .svb-swiper-wrap { justify-content: flex-end; padding-bottom: 170px; }
    .counter-nos .unit, .who-we-swiper-item h3 .unit { position: relative; }
    .who-we-swiper-item p br { display: none; }
    .who-we-swiper { padding: 0 0 20px; margin-bottom: 20px; }
    .who-we-swiper .swiper-pagination-custom { bottom: 0; }
    .square { width: 60px; height: 60px; }
    .svb-apartment-petal-highlight-title { margin-bottom: 20px; }
    .explore-categories-section .svb-flip-swiper-card { padding: 42px 30px; }
    .wpcf7-not-valid-tip, .form-checkbox label span { font-size: 13px; }
    .channel-partners-section .btn-action .btn { min-width: 166px; }
    .who-we-swiper-item h3 { line-height: 1; margin-bottom: 12px; }
    .feature-project-banner-media { position: absolute; }
    .feature-project-brochure-modal .modal-body { padding: 65px 20px 20px; }
    .featured-project-swiper-card { opacity: 1; visibility: visible; transform: translateY(0); }
    .swiper-slide-active .featured-project-swiper-card { transform: translateY(0); transition-delay: 0s; opacity: 1; visibility: visible; }
    .featured-project-swiper-media img, .svb-apartment-petal-media img, .who-we-media img, .svb-careers-media img { max-height: none; min-height: auto; }
    .img-mobile { display: block !important; }
    .img-desktop, .img-ipad { display: none !important; }
    .svb-apartment-section .sec-header h5 { font-size: 12px; }
    .wpcf7 form .wpcf7-response-output span { font-size: 12px; }
    .section { padding: 60px 0; }
    .wpcf7 form .wpcf7-response-output,
    .contact-us-section .wpcf7 form .wpcf7-response-output,
    /* .talk-home-section .wpcf7 form .wpcf7-response-output { bottom: -50px; } */
    /* .feature-project-get-touch-form form .wpcf7-response-output { bottom: -40px; } */
    .search-box { bottom: -105px; right: -48px; }
    .search-icon-btn { top: -105px; right: 48px; }
    .search-btn-action { opacity: 0; }
    .search-box.show .search-btn-action { opacity: 1; }
    .search-box:hover .search-txt { display: none; }
    .search-box.show:hover .search-txt { display: block; }
    .search-box.show .search-icon-btn { opacity: 1; visibility: visible; }
    .search-box .search-txt { max-width: 220px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.35); }
    .search-box:hover .search-txt,
    .search-box .search-txt:focus,
    .search-box.show .search-txt { width: 220px; }
    .svb-apartment-petal-card .btn-action-group .btn,
    .featured-project-swiper-card .btn-action-group .btn { width: calc(50% - 5px); }
    .offcanvas-menu-part { padding: 20px 0; }
}

@media (max-width: 520px) {
    .feature-project-exterior-hotspot ul li.dot-27 {
        left: 67%;top: 38%;
    }
    .feature-project-exterior-hotspot ul li div{line-height:15px !important;}
    .feature-project-exterior-hotspot ul li.dot-1 {
        left: 11%;
        top: 20%;
    }
    .feature-project-exterior-hotspot ul li.dot-2 {
        left: 9%;
        top: 27%;
    }
    .feature-project-exterior-hotspot ul li.dot-3 {
        left: 4%;
        top: 32.3%;
    }
    .feature-project-exterior-hotspot ul li.dot-4 {
        left: 9%;
        top: 38%;
    }
    .feature-project-exterior-hotspot ul li.dot-5 {
        left: 1.7%;
        top: 43%;
    }
    .feature-project-exterior-hotspot ul li.dot-6 {
        left: 6.8%;
        top: 48%;
    }
    .feature-project-exterior-hotspot ul li.dot-7 {
        left: 6%;
        top: 55%;
    }
    .feature-project-exterior-hotspot ul li.dot-8 {
        left: 0;
    }
    .feature-project-exterior-hotspot ul li.dot-9 {
        left: 3%;
        top: 71%;
    }
    .feature-project-exterior-hotspot ul li.dot-10 {
        left: 22%;
        top: 23%;
    }
    .feature-project-exterior-hotspot ul li.dot-11 {
        left: 29%;
        top: 24%;
    }
    .feature-project-exterior-hotspot ul li.dot-12 {
        left: 23.3%;
        top: 42.5%;
    }
    .feature-project-exterior-hotspot ul li.dot-13 {
        left: 17%;
        top: 67%;
    }
    .feature-project-exterior-hotspot ul li.dot-14 {
        left: 24.3%;
        top: 72%;
    }
    .feature-project-exterior-hotspot ul li.dot-15 {
        left: 37%;
        top: 36%;
    }
    .feature-project-exterior-hotspot ul li.dot-16 {
        left: 43%;
        top: 23%;
    }
    .feature-project-exterior-hotspot ul li.dot-17 {
        left: 51.4%;
        top: 26%;
    }
    .feature-project-exterior-hotspot ul li.dot-18 {
        left: 44.8%;
        top: 42.8%;
    }
    .feature-project-exterior-hotspot ul li.dot-19 {
        left: 37%;
        top: 66%;
    }
    .feature-project-exterior-hotspot ul li.dot-20 {
        left: 48%;
        top: 58%;
    }
    .feature-project-exterior-hotspot ul li.dot-21 {
        left: 67%;
        top: 28%;
    }
    .feature-project-exterior-hotspot ul li.dot-22 {
        left: 73.3%;
        top: 37%;
    }
    .feature-project-exterior-hotspot ul li.dot-23 {
        left: 64%;
        top: 49%;
    }
    .feature-project-exterior-hotspot ul li.dot-24 {
        left: 72.5%;
        top: 59%;
    }
    .feature-project-exterior-hotspot ul li.dot-25 {
        left: 55.5%;}
    .feature-project-exterior-hotspot ul li.dot-26 {
        left: 76.5%;
        top: 81.4%;
    }

    .feature-project-exterior-hotspot ul li.dot-1 span.line {
        right: -44px;
        top: -29px;
    }

    .feature-project-exterior-hotspot ul li.dot-1 div {
        right: -105px;
    }

    .feature-project-exterior-hotspot ul li div {
        width: 115px;
        padding: 5px 5px 10px;
        font-size: 14px !important;
    }

    .feature-project-exterior-hotspot ul li.dot-1 span.line {
        right: -44px;
        top: -29px;
    }

    .feature-project-exterior-hotspot ul li.dot-2 span.line, .feature-project-exterior-hotspot ul li.dot-3 span.line, .feature-project-exterior-hotspot ul li.dot-4 span.line, .feature-project-exterior-hotspot ul li.dot-5 span.line, .feature-project-exterior-hotspot ul li.dot-6 span.line, .feature-project-exterior-hotspot ul li.dot-7 span.line, .feature-project-exterior-hotspot ul li.dot-8 span.line, .feature-project-exterior-hotspot ul li.dot-9 span.line {
        right: -46px;}
    .feature-project-exterior-hotspot ul li::before {
        width: 10px;
        height: 10px;
        left: 39px !important;
        top: -35px !important;
    }
    .feature-project-exterior-hotspot ul li::after {
        width: 15px;
        height: 15px;
        border: 4px solid var(--whiteColor);
    }
    .feature-project-exterior-hotspot ul li.dot-1:hover span.line, .feature-project-exterior-hotspot ul li.dot-2:hover span.line, .feature-project-exterior-hotspot ul li.dot-3:hover span.line, .feature-project-exterior-hotspot ul li.dot-4:hover span.line, .feature-project-exterior-hotspot ul li.dot-5:hover span.line, .feature-project-exterior-hotspot ul li.dot-6:hover span.line, .feature-project-exterior-hotspot ul li.dot-7:hover span.line, .feature-project-exterior-hotspot ul li.dot-8:hover span.line, .feature-project-exterior-hotspot ul li.dot-9:hover span.line, .feature-project-exterior-hotspot ul li.dot-10:hover span.line, .feature-project-exterior-hotspot ul li.dot-11:hover span.line, .feature-project-exterior-hotspot ul li.dot-12:hover span.line, .feature-project-exterior-hotspot ul li.dot-13:hover span.line, .feature-project-exterior-hotspot ul li.dot-14:hover span.line, .feature-project-exterior-hotspot ul li.dot-18:hover span.line {
        height: 70px;
        width: 3px;
    }

    .feature-project-exterior-hotspot ul li.dot-3 div, .feature-project-exterior-hotspot ul li.dot-4 div, .feature-project-exterior-hotspot ul li.dot-5 div, .feature-project-exterior-hotspot ul li.dot-6 div, .feature-project-exterior-hotspot ul li.dot-7 div, .feature-project-exterior-hotspot ul li.dot-8 div, .feature-project-exterior-hotspot ul li.dot-9 div {
        right: -120px;
    }

    .feature-project-exterior-hotspot ul li:hover.dot-1 div, .feature-project-exterior-hotspot ul li:hover.dot-2 div, .feature-project-exterior-hotspot ul li:hover.dot-3 div, .feature-project-exterior-hotspot ul li:hover.dot-4 div, .feature-project-exterior-hotspot ul li:hover.dot-5 div, .feature-project-exterior-hotspot ul li:hover.dot-6 div, .feature-project-exterior-hotspot ul li:hover.dot-7 div, .feature-project-exterior-hotspot ul li:hover.dot-8 div, .feature-project-exterior-hotspot ul li:hover.dot-9 div, .feature-project-exterior-hotspot ul li:hover.dot-10 div, .feature-project-exterior-hotspot ul li:hover.dot-11 div, .feature-project-exterior-hotspot ul li:hover.dot-12 div, .feature-project-exterior-hotspot ul li:hover.dot-13 div, .feature-project-exterior-hotspot ul li:hover.dot-14 div, .feature-project-exterior-hotspot ul li:hover.dot-18 div {transform: translate(0px,-30px);}

    .feature-project-exterior-hotspot ul li.dot-10 div {top:50px;
        right: -100px;}
    .feature-project-exterior-hotspot ul li.dot-11 div {
        right: -100px;top:50px;}
    .feature-project-exterior-hotspot ul li.dot-12 div {
        right: -153px;}

    .feature-project-exterior-hotspot ul li.dot-18 div {
        right: -153px; top: 50px; }

    .feature-project-exterior-hotspot ul li.dot-3 div, .feature-project-exterior-hotspot ul li.dot-4 div, .feature-project-exterior-hotspot ul li.dot-5 div, .feature-project-exterior-hotspot ul li.dot-6 div, .feature-project-exterior-hotspot ul li.dot-7 div {
        right: -110px;
    }
    .feature-project-exterior-hotspot ul li.dot-13 div {
        right: -100px;}

    .feature-project-exterior-hotspot ul li.dot-2 div {
        right: -110px;
        top: 50px;
    }

    .feature-project-exterior-hotspot ul li.dot-23 div {top: -63px;}


    .feature-project-exterior-hotspot ul li.dot-2 div, .feature-project-exterior-hotspot ul li.dot-3 div, .feature-project-exterior-hotspot ul li.dot-4 div, .feature-project-exterior-hotspot ul li.dot-5 div, .feature-project-exterior-hotspot ul li.dot-6 div, .feature-project-exterior-hotspot ul li.dot-7 div, .feature-project-exterior-hotspot ul li.dot-8 div, .feature-project-exterior-hotspot ul li.dot-9 div, .feature-project-exterior-hotspot ul li.dot-10 div, .feature-project-exterior-hotspot ul li.dot-11 div, .feature-project-exterior-hotspot ul li.dot-12 div, .feature-project-exterior-hotspot ul li.dot-13 div, .feature-project-exterior-hotspot ul li.dot-14 div, .feature-project-exterior-hotspot ul li.dot-15 div {
        top: 55px;
    }
    .feature-project-exterior-hotspot ul li.dot-15 div { top:-45px;
        padding: 5px 5px 7px;}

    .feature-project-exterior-hotspot ul li.dot-14 div {
        right: -105px;
        top: 35px;
    }
    .feature-project-exterior-hotspot ul li.dot-17 span.line, .feature-project-exterior-hotspot ul li.dot-18 span.line, .feature-project-exterior-hotspot ul li.dot-19 span.line, .feature-project-exterior-hotspot ul li.dot-20 span.line, .feature-project-exterior-hotspot ul li.dot-21 span.line, .feature-project-exterior-hotspot ul li.dot-22 span.line, .feature-project-exterior-hotspot ul li.dot-23 span.line, .feature-project-exterior-hotspot ul li.dot-24 span.line, .feature-project-exterior-hotspot ul li.dot-25 span.line, .feature-project-exterior-hotspot ul li.dot-26 span.line{top: -33px;}
    .feature-project-banner-content .heading-title { font-size: 36px; width: 62%; }
    .feature-project-banner-content .heading-title span { font-size: 26px; }
}

@media (max-width: 490px) {
    .feature-project-exterior-hotspot ul li.dot-26 {
        left: 75.5%;
        top: 82.6%;
    }
    .feature-project-exterior-hotspot ul li div.signal {
        padding: 13px 5px 8px;
    }
    .feature-project-exterior-hotspot ul li.dot-16 span.line {
        top: -33px;
    }
    .feature-project-exterior-hotspot ul li.dot-27 span.line {
        top: -33px;
    }
    .feature-project-gallery-swiper .swiper-button-prev { left: 32%; }
    .feature-project-gallery-swiper .swiper-button-next { right: 32%; }
    /* .feature-project-form-wh .wpcf7 form .wpcf7-response-output */
    /*.feature-project-offcanvas.offcanvas .feature-project-form-wh .wpcf7 form .wpcf7-response-output { bottom: -74px; }  */
    .feature-project-location-accordion .accordion-body { padding: 10px 15px; }
    .feature-project-table-format-td { padding: 4px; font-size: 10px; }
    .feature-project-table-format-td:last-child .last { min-width: auto; }
    .svb-apartment-petal-card .btn { padding: 9px 10px 8px; min-width: 10px; }
    .svb-apartment-petal-card .btn img { width: 12px; }
}

@media (max-width: 450px) {
    .accordion-button { font-size: 20px; padding: 15px; }
    .feature-project-banner-content .heading-title { font-size: 40px; width: 90%; }
    .feature-project-banner-content .heading-title span { font-size: 26px; }
    .featured-project-swiper-card h6 { font-size: 10px; }
}

@media (max-width: 400px) {
    .feature-project-exterior-hotspot ul li::before {
        left: 39px !important;
        top: -36px !important;
    }
    .feature-project-exterior-hotspot ul li.dot-15 {
        left: 33.2%;
        top: 43%;
    }
	.site-footer-logo img{height:100px;}
    /* .site-logo img, .navbar-logo img{ height: 80px; } */
    /* .navbar.navbar-light.nav-up .site-logo img, .navbar.navbar-light.nav-down .site-logo img { height: 68px; } */
    /* .to-top .navbar.navbar-light.nav-up .site-logo img, .to-top .navbar.navbar-light.nav-down .site-logo img { height: 68px; } */
    .svb-flip-swiper-card-content h3 { font-size: 20px; }
    .our-project-tabs .nav-link { font-size: 10px; }
    .featured-project-swiper-card .btn { font-size: 12px; padding: 9px 13px 8px; }
    .featured-project-swiper .swiper-pagination-custom, .featured-project-swiper .swiper-pagination-fraction { font-size: 12px; padding-left: 0; padding-right: 0; }
    .responsive-map { padding-bottom: 100%; }
    .svb-apartment-petal-card .btn { font-size: 12px; white-space: nowrap; }
    .svb-apartment-petal-card .btn img { width: 10px; }
    .wpcf7-not-valid-tip { font-size: 12px; }
    .feature-project-table-format-tr { flex-direction: column; }
    .feature-project-table-format-td { font-size: 14px; }
    .form-checkbox label span { font-size: 12px; }
    .search-box { bottom: -70px; }
    .search-icon-btn { top: -70px; }
    .navbar-expand-lg .offcanvas .offcanvas-body { padding-top: 95px; }
    .navbar-post-ma-logo img { width: 42px; }
    .svb-apartment-petal-highlight-swiper .swiper-pagination-custom { bottom: 13px; }
}

@media (max-width: 359px) {
    .svb-apartment-petal-highlight-swiper .swiper-pagination-custom { font-size: 13px; }
}
@media (max-width: 360px){
    .primary-menu li.menu-item-has-children > a:after {
        top: 40%;
    }
	.primary-menu .sub-menu li a:after{
		width:8px;
		top:15%;
	}
	.fancybox-navigation .fancybox-button {
    top: calc(50% - 25px);
}
}
/* Media query for iPad resolution */
@media (min-width: 820px) and (max-width: 1180px) {
    .site-footer-logo img {
        height: 140px;
		max-width: 100%;
    }
}