/*
Theme Name: Vines Restoration Child
Theme URI: https://vinesrestoration.com
Description: Child theme for Vines Restoration based on Hello Elementor.
Author: Your Name or Agency
Author URI: https://yourwebsite.com
Template: hello-elementor
Version: 1.0.0
*/

html, body {
    overscroll-behavior-y: none;
}

@font-face {
  font-family: 'Alkaline Test';
  src: url('/wp-content/uploads/2025/07/Alkaline-Test-Heavy.woff') format('woff'),
    url('/wp-content/uploads/2025/07/Alkaline-Test-Heavy.woff2') format('woff2'),
    url('/wp-content/uploads/2025/07/Alkaline-Test-Heavy.ttf') format('ttf'),
    url('/wp-content/uploads/2025/07/Alkaline-Test-Heavy.svg') format('svg'),
    url('/wp-content/uploads/2025/07/Alkaline-Test-Heavy.eot') format('eot');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Manufaktur';
  src: url('/wp-content/uploads/2025/07/Manufaktur-Bold.woff') format('woff'),
    url('/wp-content/uploads/2025/07/Manufaktur-Bold.woff2') format('woff2'),
    url('/wp-content/uploads/2025/07/Manufaktur-Bold.ttf') format('ttf'),
    url('/wp-content/uploads/2025/07/Manufaktur-Bold.eot') format('eot');
  font-weight: bold;
  font-style: normal;
}
:root{
  --site-max: 1280px;     /* page/container max width */
  --site-gutter: 0px;     /* page side padding */
  --content-width: min(100vw, var(--site-max));
  --content-offset: max(0px, (100vw - var(--site-max)) / 2);
}

/* Color */
.blue-heading {
  color: var(--e-global-color-d824381);
}

.yellow-heading {
  color: var(--e-global-color-6c80e50);
}

.navy-heading {
  color: var(--e-global-color-50d084a);
}

.platinum-heading,
.platinum-text p,
.platinum-text li,
.platinum-text {
  color: var(--e-global-color-bb68550);
}

.blue-text, .blue-text p, .blue-text li {
  color: var(--e-global-color-d824381);
}

.wysiwyg-text {
  color: var(--e-global-color-50d084a);
}

.font-rokkitt {
  font-family: "Rokkitt", Sans-serif !important;
  font-weight: bold !important;
}

.font-alkaline {
  font-family: "Alkaline Test", Sans-serif !important;
  font-weight: bold !important;
}

.manufaktur-font {
  font-family: Manufaktur !important;
  font-size: 32px;
}

.uppercase {
  text-transform: uppercase;
}

.vines-hero-buttons a.vines-ribbon-button.callnowbtn {
    margin-right: 20px;
    width: 244.5px;
    text-align: center;
    margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block-start: 0;
  margin-block-end: 20px;
  line-height: normal !important;
}
.vines-services-info-widget.e-con.e-flex {
    padding: 0 20px;
}
.marginzero {
  margin-bottom: 0px;
}

.btn-platinum-primary {
  color: var(--e-global-color-bb68550) !important;
}

.elementor-widget-button .elementor-button {
  font-family: Manufaktur !important;
}

.btn-primary {
  border-radius: 8px;
  font-family: Manufaktur !important;
  display: inline-block;
  padding: 12px 30px;
  background-color: var(--e-global-color-50d084a);
  color: var(--e-global-color-6c80e50);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background-color: var(--e-global-color-d824381);
  color: var(--e-global-color-6c80e50);
}

.small-heading {
  font-size: 22px !important;
}

.vines-both-ribbon-button {
  clip-path: polygon(0% 0%, 100% 0%, 93.7% 50%, 100% 100%, 0% 100%, 6.3% 50%);
  border-radius: 0;
  padding: 12px 46px 12px 30px;
  font-family: Manufaktur !important;
  display: inline-block;
  padding: 12px 30px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease;
}

.vines-ribbon-button {
  /*clip-path: polygon(0 0, 100% 0, 93% 50%, 100% 100%, 0 100%, 0 50%);*/
  clip-path: polygon(0% 0%, 100% 0%, 93.7% 50%, 100% 100%, 0% 100%, 6.3% 50%);
  border-radius: 0;
  font-family: Manufaktur !important;
  display: inline-block;
  padding: 12px 30px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease;
}

.headerbtn a.vines-ribbon-button {
  font-size: 18px;
}

.btn-navy {
  background-color: var(--e-global-color-50d084a);
  color: var(--e-global-color-6c80e50);
}

.btn-yellow {
  background-color: var(--e-global-color-6c80e50);
  color: var(--e-global-color-50d084a);
}

.btn-blue {
  background-color: var(--e-global-color-d824381);
  color: var(--e-global-color-6c80e50);
}

.btn-platinum {
  background-color: var(--e-global-color-bb68550);
  color: var(--e-global-color-6c80e50);
}

.info-button {
  border-radius: 8px;
  font-family: Manufaktur !important;
  display: inline-block;
  padding: 12px 30px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease;
}

.text-center {
  text-align: center;
}

.vines-hero-section .h1-heading {
  font-size: 60px;
}

.vines-hero-content .wysiwyg-text p {
  margin-top: 10px;
}

.shape-placeholder svg {
  width: 100%;
  max-width: 100%;
}
.gform-footer.gform_footer .gform_button.button {
    background-color: #0076C8 !important;
    color: var(--e-global-color-6c80e50) !important;
    clip-path: polygon(0 0, 100% 0, 93% 50%, 100% 100%, 0 100%, 0 50%);
    border-radius: 0 !important;
    font-size: 19px !important;
    font-family: Manufaktur !important;
    display: inline-block;
    padding: 12px 32px 12px 23px !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
    font-weight: 600;
    transition: all 0.3s ease;
}
.gform_confirmation_message {
    padding-top: 20px;
}
/* Hero Section */
.vines-hero-cta .cta-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.vines-hero-cta .cta-heading-one {
  font-size: 68px;
  font-weight: 400;
  font-family: "Squada One", Sans-serif;
}

.vines-hero-cta .cta-heading-two {
  font-size: 68px;
  font-weight: 400;
}
@media only screen and (min-width : 1312px) {
.review-badge {
    right: calc(-85px + ((-291 - -54) / (1920 - 1440)) * (100vw - 1440px));
}

}
@media only screen and (max-width : 1311px) {
.review-badge {
    right: -21px;
}
  
}
.review-badge {
  display: inline;
  position: absolute;
  z-index: 16;transition: all .2s ease-in;
}
.review-badge img {
    width: 276px;
}
.cta-left {
  width: 28%;
}

.cta-right .cta-right-position img {
  max-width: 1400px !important;
  display: inline-block;
}

.cta-right {
  position: relative;
}

.cta-right {
  width: 72%;
  margin-top: -165px;
  margin-bottom: -67px;
}

.heromainsection {
  overflow: hidden !important;
  position: relative !important;
}

.cta-buttons.desktop-only a {
  margin-bottom: 14px;
}

.hero-container {
  overflow: hidden !important;
  position: relative !important;
}

.slide-image-shape img {
  overflow: hidden;
  position: relative;
}


/* === 3 Feature Boxes Section for Vines === */
.vector-content {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 533 250'><path fill='white' d='M266.078 1.50098H266.471C375.451 1.54305 469.782 19.0777 514.911 29.1289C527.921 32.0264 534.478 46.5732 528.216 58.2451L527.908 58.7988L464.819 168.297L447.097 199.055L266.077 247.653L85.0586 199.055L67.3369 168.297L4.20508 58.7227C-2.56116 46.9797 3.96599 32.029 17.1562 29.0625C61.9412 18.9891 155.607 1.50098 266.078 1.50098Z'/></svg>");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 533 250'><path fill='white' d='M266.078 1.50098H266.471C375.451 1.54305 469.782 19.0777 514.911 29.1289C527.921 32.0264 534.478 46.5732 528.216 58.2451L527.908 58.7988L464.819 168.297L447.097 199.055L266.077 247.653L85.0586 199.055L67.3369 168.297L4.20508 58.7227C-2.56116 46.9797 3.96599 32.029 17.1562 29.0625C61.9412 18.9891 155.607 1.50098 266.078 1.50098Z'/></svg>");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;

  -webkit-mask-image: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 533 250'><path fill='white' d='M266.078 1.50098H266.471C375.451 1.54305 469.782 19.0777 514.911 29.1289C527.921 32.0264 534.478 46.5732 528.216 58.2451L527.908 58.7988L464.819 168.297L447.097 199.055L266.077 247.653L85.0586 199.055L67.3369 168.297L4.20508 58.7227C-2.56116 46.9797 3.96599 32.029 17.1562 29.0625C61.9412 18.9891 155.607 1.50098 266.078 1.50098Z'/></svg>);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 533 250'><path fill='white' d='M266.078 1.50098H266.471C375.451 1.54305 469.782 19.0777 514.911 29.1289C527.921 32.0264 534.478 46.5732 528.216 58.2451L527.908 58.7988L464.819 168.297L447.097 199.055L266.077 247.653L85.0586 199.055L67.3369 168.297L4.20508 58.7227C-2.56116 46.9797 3.96599 32.029 17.1562 29.0625C61.9412 18.9891 155.607 1.50098 266.078 1.50098Z'/></svg>);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;


}

.vector-card {
  position: relative;
  overflow: hidden;
}

.vector-content {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 533 250'%3E%3Cpath fill='white' d='M266.078 1.50098H266.471C375.451 1.54305 469.782 19.0777 514.911 29.1289C527.921 32.0264 534.478 46.5732 528.216 58.2451L527.908 58.7988L464.819 168.297L447.097 199.055L266.077 247.653L85.0586 199.055L67.3369 168.297L4.20508 58.7227C-2.56116 46.9797 3.96599 32.029 17.1562 29.0625C61.9412 18.9891 155.607 1.50098 266.078 1.50098Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 533 250'%3E%3Cpath fill='white' d='M266.078 1.50098H266.471C375.451 1.54305 469.782 19.0777 514.911 29.1289C527.921 32.0264 534.478 46.5732 528.216 58.2451L527.908 58.7988L464.819 168.297L447.097 199.055L266.077 247.653L85.0586 199.055L67.3369 168.297L4.20508 58.7227C-2.56116 46.9797 3.96599 32.029 17.1562 29.0625C61.9412 18.9891 155.607 1.50098 266.078 1.50098Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

.stroke-border {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
}

.vines-heading-container {
  max-width: 600px;
  margin: 0 auto;
}

.feature-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-auto-flow: row;
  gap: 20px;
}

.vector-card .feature-title {
  text-align: center;
  font-family: "Manufaktur" !important;
  font-size: 23px;
  font-style: normal;
  font-weight: 800;
  margin-bottom: -5px;
}

.vector-card img.feature-icon {
  width: 75px;
  margin: 0 auto;
  display: block;
}

.vector-box-content {
  position: relative;
  padding-top: 1px;
  padding-bottom: 22px;
  text-align: center;
  margin-top: -61px;
}

.vector-card .feature-bg {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 4 / 3;
  height: 108px;
  object-position: top;
  position: relative;
  display: block;
}

.vines-heading-container {
  text-align: center;
  margin-bottom: 40px;
}


/* Vines Feature Info Section Styles */

.content-style-two h3.h3-heading {
  color: var(--e-global-color-50d084a);
  margin-bottom: 10px;
}

.content-style-two h2.h2-heading.uppercase {
  color: var(--e-global-color-d824381);
}

.content-style-two .wysiwyg-text,
.content-style-two .wysiwyg-text p,
.content-style-two .wysiwyg-text li {
  color: var(--e-global-color-50d084a);
}


.content-style-one h3.h3-heading {
  color: var(--e-global-color-6c80e50);
  margin-bottom: 10px;
}

.content-style-one h2.h2-heading.uppercase {
  color: var(--e-global-color-bb68550);
}

.content-style-one .wysiwyg-text,
.content-style-one .wysiwyg-text p,
.content-style-one .wysiwyg-text li {
  color: var(--e-global-color-bb68550);
}

.vines-feature-info-section,
.vines-community-section,
.vines-financing-section,
.vines-feature-info-section-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;

}


.vines-financing-image {
  position: relative;
}
.vines-financing-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: 0;
}
.vines-feature-info-section .vines-img-col img {
  width: 100%;
  height: auto;
  display: block;
}

.triangle-shape {
  clip-path: polygon(0 0, 65% 0, 100% 50%, 65% 100%, 0% 100%);
}

.vines-feature-info-section .vines-content-col,
.vines-community-section .vines-community-content {
max-width: 640px;
    padding-right: 15px;
    padding-left: clamp(16px, 2vw, 32px);
    box-sizing: border-box;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
@media only screen and (min-width:991px) {
.vines-img-col, .vines-financing-image, .vines-vtatop-image {
    height: 100%;
}
.vines-feature-info-section .vines-img-col img, .vines-financing-image img, .vines-vtatop-image img {
    object-fit: cover;
    height: 100% !important;
}
}
.vta-grid-bottom-part {
    margin-top: 70px;
}
@media only screen and (max-width:1270px) {
.vines-financing-section-conatiner .vines-financing-content, .vines-vtatop-section .vines-vtatop-content {
  padding-left: 15px;
}
}
/* Left column: stay within site max and align with the container */
.vines-financing-section-conatiner .vines-financing-content{
max-width: 640px;
  margin-left: calc(var(--content-offset) + var(--site-gutter));
    padding-right: clamp(16px, 2vw, 32px);
    box-sizing: border-box;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.vines-feature-info-section .h2-heading {
  margin-bottom: 20px;
}

.vines-feature-info-section .wysiwyg-text {
  margin-bottom: 20px;
}
.vines-financing-section.content-style-one a.btn-primary:hover, .vines-financing-section.content-style-one a.btn-primary:focus {
    background: #ffff35;
    color: #004063;
}
.vines-feature-info-section .h3-heading {
  margin-top: 30px;
  margin-bottom: 10px;
}

@media only screen and (max-width:767px) {
  .triangle-shape {
    clip-path: polygon(0 0, 65% 0, 100% 50%, 65% 100%, 0% 100%);
  }

  .vines-feature-info-section .vines-feature-list {
    column-count: 1;
  }
}

.vines-feature-info-section .vines-feature-list {
  padding-left: 22px;
  column-count: 2;
}

.vines-feature-info-section .vines-feature-list li {
  margin-bottom: 10px;
  position: relative;
}

/* Left column and Right column section */
.vdt-col-section .vdt-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: clamp(24px, 4vw, 64px);
        align-items: start;
      }

      @media (max-width: 992px){
        .vdt-col-section .vdt-grid { grid-template-columns: 1fr; }
      }

.elementor-widget-vines-double-text {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* Left column and Right column section */

 .vines-two-col{ margin:0 auto; }
            .vines-two-col__grid{
                display:grid;
                grid-template-columns: 1fr 1fr;
                align-items:start;
    gap: 60px;
            }
            .vines-two-col__left, .vines-two-col__right{
                /* paragraph spacing & link color inherit from controls */
            }
            @media (max-width: 992px){
                .vines-two-col__grid{ grid-template-columns: 1fr; }
            }

.vines-two-col h2.vines-two-col__heading {
    margin-bottom: 0;
}

/* CSS for Vines Features Grid Section Widget */
.vines-vfg-grid{
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px 48px;
        margin-bottom: 24px;
      }

      .vines-vfg-title{
        margin:0 0 12px;
      }


      .vines-vfg-footer{ margin-top:24px; }
      @media (max-width: 900px){
        .vines-vfg-grid{ grid-template-columns: 1fr; }
      }



/* CSS for Vines Service Grid Section Widget */

.vines-service-grid .vines-service-heading-grid .wysiwyg-text.platinum-text a {
    color: #ffff35;
}
.vines-service-grid .vines-service-heading-grid {
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 50px;
  text-align: center;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-auto-flow: row;
  gap: 30px;
}

.service-card {
  background-color: #0076C8;
  border-radius: 8px;
  border: 3px solid #004063;
  position: relative;
  text-align: center;
}
/*
.service-card:before {
    border-radius: 4px 4px 8px 8px;
  content: "";
  display: block;
  background-color: #004063;
  height: 198px;
  width: 100%;
  position: absolute;
  top: 0;
}*/

.service-inner {
 position: relative;
    display: block;
    padding: 0px 20px 40px 20px;
    width: 100%;
    margin-top: -75px;
}

.service-inner .h3-heading {
  margin-bottom: 10px;
}

.service-inner img {
  width: 99px;
  margin-bottom: 15px;
}

.image-shape {
  content: "";
  background-image: url(/wp-content/uploads/2025/07/Vector.svg);
  background-repeat: no-repeat;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: 70%;
  z-index: 14;
  overflow: visible;
  clear: both;
  background-position: top;
}

.service-inner .btn-primary {
  padding: 10px 20px;
}
.vines-financing-section-conatiner .e-con-inner, .vines-feature-info-section-conatiner .e-con-inner, .vines-community-section-conatiner .e-con-inner, .vines-feature-info-section-two-part .e-con-inner, .vines-vtatop-section-conatiner .e-con-inner {
    max-width: 100% !important;
}

.vines-experience-section .wysiwyg-text a {
    color: #ffff35;
}
/* City Page Section */

.elementor-widget-vines-heading-content-accordian {
  padding-top: 70px;
  padding-bottom: 70px;
}
.vta-top-content-section {
    padding-bottom: 50px;
}
.elementor-widget-vines-heading-content-accordian .vta-bottom-content {
    padding-top: 40px;
}
.vines-vtatop-section {
    display: grid;
    grid-template-columns: 1.7fr 0.9fr;
    align-items: center;
}
.vines-vtatop-section-conatiner .vines-vtatop-content {
    max-width: 100%;
    margin-left: calc(var(--content-offset) + var(--site-gutter));
    padding-right: clamp(16px, 2vw, 32px);
    box-sizing: border-box;
    padding-top: 70px !important;
    padding-bottom: 70px !important;
    margin-right: 50px;
}
.vta-grid-bottom-content-part.e-flex.e-con-boxed, .vta-grid-bottom-part.e-flex.e-con-boxed {
    padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  .vines-vtatop-section {
        margin-bottom: 0;
        display: flex !important;
        flex-direction: column;
    }
      .vines-vtatop-section-conatiner .vines-vtatop-content {
        max-width: 100%;
        padding: 50px 15px;
        margin-left: 0 !important;
    }
      .vines-vtatop-image {
        flex: unset !important;
        left: 0 !important;
        right: 0 !important;
    }

    .triangle-shape, .triangle-shape-left {
        clip-path: polygon(0 30%, 50% 0%, 100% 30%, 100% 100%, 0% 100%);
    }
}


      /* Top area layout */
      .vta-top{ display:grid; gap:24px; margin-bottom:24px; }
      .vta-top.one-col{ grid-template-columns: 1fr; }
      .vta-top.two-col{ grid-template-columns: 1fr 1fr; }
      .vta-col{ min-width:0; }

      @media (max-width: 900px){
        .vta-top.two-col{ grid-template-columns: 1fr; }
      }
.vta-col.vta-col-right .vta-grid .vta-item {
    width: 100%;
}
.vta-col.vta-col-right .vta-grid {
    display: block;
}
.elementor-widget-vines-content-right-accordian {
    padding-top: 70px;
}
.vta-grid {
    display: flex;
    gap: 0;
        /*border: 5px solid #00293F;*/
    border-radius: 0px;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}
.vta-grid .vta-item {
    width: 50%;
}
.vta-grid-bottom-part {
    padding-top: 50px;
}
      .vta-item { 
background: #C4E4F2;
border:3px solid #0a2e3b;
}
.elementor-widget-vines-text-accordian {
    padding-bottom: 70px;
}
.vta-item__title {
    font-weight: 600;
    color: #004063;
    font-family: "Rokkitt";
    font-size: 27px;
}
.vta-item__chev {
    width: 11px;
    height: 11px;
    border-right: 3px solid #0a2e3b;
    border-bottom: 3px solid #0a2e3b;
    transform: rotate(-45deg);
    transition: transform .2s ease;
}
.vta-item.is-open .vta-item__chev {
    transform: rotate(45deg);
    margin-top: -5px;
}
.vta-item.is-open .vta-item__title {
    color: #0076C8;
}
.vta-item__head {
    width: 100%;
    text-align: left;
    background: #C4E4F2;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 24px;
    align-content: center;
}
     /* .vta-item:nth-child(2n+1){ border-left:0; }*/
      
      .vta-item__body { display:none; background:#C4E4F2; }
      .vta-item.is-open .vta-item__body { display:block; }
      .vta-item__content { padding:0px 25px 0 25px; color:#004063; }
      @media (max-width:900px){
        .vta-item { border-left:0; }
      }
      .vta-grid-bottom-content-part {
    margin-top: 50px;
}
.vta-item:nth-child(1), .vta-item:nth-child(2) {
    margin-top: 0;
}
.vta-item {
    margin-top: -3px;
}
.vta-item__content p:last-child {
    margin-bottom: 0;
}
.vta-item__content {
    padding-bottom: 30px;
}

.service-top-image img {
    border-radius: 7px 7px 0 0;
}
@media only screen and (min-width:1024px){
.service-top-image img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}
}
@media only screen and (min-width:768px){
  .vta-item:nth-child(even) {
    margin-left: -3px;
}

}
/* Promise Section */

.vines-service-heading.text-center.style-two .wysiwyg-text a {
    color: #ffff35;
}
.vines-promise-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.vines-promise-left {
  flex: 1 1 50%;
  padding-right: 180px;
}

.vines-promise-right {
  flex: 1 1 25%;
  border: 3px solid var(--e-global-color-50d084a);
  background-color: var(--e-global-color-50d084a);
  border-radius: 8px;
  text-align: center;
  color: white;
  position: relative;
}

.vines-promise-right-box h3.h3-heading,
.vines-promise-right-box .wysiwyg-text {
  padding: 0 30px;
}

.vines-promise-right-box h3.h3-heading {
  margin-top: -90px;
}

.vines-promise-right .list-style {
  text-align: left;
  color: var(--e-global-color-bb68550);
  font-size: 18px;
}

.vines-promise-right .list-style li {
  padding-bottom: 5px;
}

.vines-promise-right-box h3.h3-heading {
  font-weight: 500 !important;
}

.vines-promise-bottom-heading {
  background: var(--e-global-color-bb68550);
  padding: 20px;
  border-radius: 0 0 8px 8px;
  border-top: 34px solid var(--e-global-color-6c80e50);
}

/* === Vines Promise Section: Responsive Styles === */


@media only screen and (max-width: 1050px){

.action-button-box {
    padding: 20px !important;
}

}
@media only screen and (max-width: 1024px)  and (min-width: 768px) {
.headermain .e-con-inner {
    padding: 0 15px !important;
}
.hero-mob-image img.mobile-only {
    position: absolute;
    z-index: 12;
    bottom: -12px;
    right: 0;
    width: 66%;
    height: auto;
    display: block;
}
.action-buttons-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px;
}
    .cta-left {
        width: 47%;
        padding: 125px 20px 40px 20px;
    }
    .cta-right {
        width: 53%;
        margin-top: -99px;
        margin-bottom: -67px;
    }
.cta-right .cta-right-position img {
            max-width: 823px !important;
        display: inline-block;
        left: -59px;
        position: relative;
}
.vines-hero-cta .cta-heading-one, .vines-hero-cta .cta-heading-two {
    font-size: 60px;
  }
  .elementor-widget-vines_areas_serve_section .elementor-widget-container {
    padding: 0 !important;
}
.vines-financing-section-conatiner .vines-financing-content, .vines-feature-info-section .vines-content-col, .vines-community-section .vines-community-content {
    padding: 0 15px;
}
}

main .elementor-element.e-con-boxed.e-con {
    padding: 0 20px;
}

@media only screen and (max-width: 1024px) {

.hdrmenucont {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
}
  .vines-promise-section {
    flex-direction: column;
  }

  .vines-promise-right {
    text-align: center;
        margin-top: 40px;
  }
  .vines-promise-left,
  .vines-promise-right {
    flex: 1 1 100%;
    padding: 20px 0 0px 0;
  }
}

.triangle-shape-left {
  clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 30% 100%, 0% 50%);
}

.vines-community-section,
.vines-financing-section {
  margin-bottom: -7px;
}

.testimonialcont {
  width: 100%;
  background-color: var(--e-global-color-d824381);
  height: 100% !important;
  clip-path: polygon(0% 0%, 100% 0%, 93.75% 50%, 100% 100%, 0% 100%, 6.25% 50%);
}


.vines-areas-section .areas-bottom {
  display: flex;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: 50px;
}

.vines-areas-section .areas-bottom .areas-map {
  width: 50%;
}

.vines-areas-section .areas-bottom .areas-list {
  width: 50%;
    position: relative;
}
.bottom-map-area.e-con.e-flex .e-con-inner {
    max-width: 100%;
}
.vines-areas-section .areas-list li a {
    color: #0076c8;
    text-decoration: underline;
}
.vines-areas-section .areas-list ul li {
  font-family: "Rokkitt", Sans-serif !important;
  font-weight: 600;
  padding-bottom: 8px;
  font-size: 27px;
}

.vines-areas-section .areas-header {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.vines-areas-section .areas-list ul {
  padding-left: 22px;
  column-count: 2;
}


.areas-top-part {
  position: relative;
  padding: 0px 0px 34px 0;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  background-color: #0076C8;
  clip-path: polygon(0 0, 0% 43%, 50% 100%, 100% 43%, 100% 0);
}

.areas-mid-part {
  position: relative;
  padding: 0px 20px 100px;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  background-color: #FFFF35;
  clip-path: polygon(0 0, 0% 37%, 50% 100%, 100% 37%, 100% 0);
}

.vines-financing-image, .vines-vtatop-image {
  overflow: hidden;
  position: relative;
}


/* Services Section Style Two */
.service-grid.style-two {
  grid-template-columns: repeat(4, 1fr);
}

.service-card-style-two {
  background-color: #0076C8;
  border-radius: 8px;
  border: 3px solid #004063;
  position: relative;
  text-align: center;
}

.service-card-style-two .service-inner {
  padding: 40px;
  margin-top: 0;
}

.service-card-style-two h3.h3-heading {
  font-size: 34px;
  line-height: 40px !important;
}

.service-grid.style-two {
  margin-top: 70px;
}


/* Hero Section */

.vines-hero-section.style-two .vines-hero-content-wrapper, .vines-hero-section.style-four .vines-hero-content-wrapper {
      display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 40px;
    flex-direction: row;
}

.vines-hero-section.style-two .vines-hero-content, .vines-hero-section.style-four .vines-hero-content {
  width: 60%;
}

.vines-hero-section.style-two .vines-hero-image, .vines-hero-section.style-four .vines-hero-image {
  width: 40%;
  position: relative;
}

.vines-hero-section.style-two .blue-text,
.vines-hero-section.style-two .blue-text p,
.vines-hero-section.style-two .blue-text li {
  color: var(--e-global-color-d824381) !important;
}


.vines-hero-section.style-four .blue-text,
.vines-hero-section.style-four .blue-text p,
.vines-hero-section.style-four .blue-text li {
  color: var(--e-global-color-bb68550) !important;
}

.vines-hero-section.style-two .vines-ribbon-button.btn-blue {
  background-color: var(--e-global-color-50d084a) !important;
}



.vines-hero-content-wrapper .wysiwyg-text {
  font-size: 34px;
  font-weight: bold;
  max-width: 800px;
}

.elementor-widget-vines-hero-section {
  padding: 70px 0;
}

.vines-hero-section.style-one, .vines-hero-section.style-three, .vines-hero-section.style-two, .vines-hero-section.style-four{
    padding-top: 100px;
    padding-bottom: 50px;
}


/* Heading text image */
 .vines-text-form-widget {    
  gap: 40px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.vines-heading-image-widget {    
  gap: 40px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.vines-wysiwyg-content {
    width: 65%;
}
.vines-form-wrapper {
    width: 35%;
}
.vines-form-box {
  background: #fff;
    border-radius: 8px;
    padding: 40px;

  }
.vines-heading-image-widget.image-right {
    flex-direction: row-reverse;
}
.vines-image img {
    border-radius: 20px;
}
.vines-heading-image-widget.image-left {
    flex-direction: row;
  }
.vines-image {
    width: 50%;
}

.vines-text-block {
    width: 50%;
}

/* Experience Section  */
.vines-experience-section {
  text-align: center;
  width: 100%;
  background-color: var(--e-global-color-d824381);
  height: 100% !important;
  clip-path: polygon(0% 0%, 100% 0%, 93.75% 50%, 100% 100%, 0% 100%, 6.25% 50%);
}

.experience-box {
  width: 80%;
  margin: 0 auto;
  padding: 50px 20px;
}

/* excellence */
.vines-img-col-left {
  position: relative;
}

.vines-content-col-right {
  max-width: 640px;
    padding-right: 0;
    padding-left: clamp(16px, 2vw, 32px);
    box-sizing: border-box;
}

.triangle-shape-side {
  clip-path: polygon(0 0, 65% 0, 100% 50%, 65% 100%, 0% 100%);
}


/*Shape */
.shape-placeholder {
  z-index: 12;
  margin-right: auto;
    overflow: hidden;
  position: relative;
}
.shape-placeholder.yellow-navy-shape, .shape-placeholder.yellow-blue-shape, .yellow-platinum-shape, .navy-platinum-shape {
    margin-top: calc(-64px + ((-66 - -64) / (1920 - 1440)) * (100vw - 1440px));
    margin-bottom: -9px;
}
.shape-placeholder svg {
    height: 150px;
}
.yellow-navy-curve, .yellow-blue-curve {
    margin-left: -4px;
}
.shape-placeholder svg {
    width: 100%;
    max-width: 100%;
}

.yellow-shape, .navy-shape, .blue-shape, .platinum-shape {
    margin-bottom: -9px;
    margin-top: calc(-92px + ((-92 - -92) / (1920 - 1440)) * (100vw - 1440px));
}
.elementor-widget-vines-shape-section .elementor-widget-container {
    padding: 0 !important;
}
/* Contact */


.vines-contact-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-auto-flow: row;
    gap: 80px;
    align-items: center;
}
.contact-box {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    align-content: center;
    align-items: center;
    position: relative;
}
.contact-box .contact-icon svg {
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.contact-box .contact-icon {
    background: #ffff35;
    border-radius: 500px;
    padding: 14px;
    width: 60px;
    height: 60px;
    line-height: 46px;
    text-align: center;
}
.contact-text {
    margin-left: 20px;
    color: #fff;
}
.contact-text a {
    color: #fff;
}
.social-media h4.h4-heading.smalltext {
    color: #fff;
}
.contact-info-boxes {
    border-bottom: 2px solid #ffff35;
    margin-bottom: 40px;
    padding-bottom: 20px;
    margin-top: 40px;
}
.social-icons .social-media {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    align-content: center;
    align-items: center;
    position: relative;
    gap: 5px;
}
.social-media {
    list-style: none;
    padding-inline-start: 0 !important;
}
.social-media a svg {
    font-size: 20px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #004063;
    fill: #004063;
}
.social-icons .social-media li a:hover {
    background: #fff;
}

.social-media a {
    background: #ffff35;
    border-radius: 500px;
    padding: 9px 0;
    width: 40px;
    height: 40px;
    line-height: 30px;
    text-align: center;
    display: block;
}
.contact-box-right {
    background: #fff;
    padding: 30px;
    border-radius: 40px;
}
div#gform_fields_1 {
    column-gap: 20px !important;
    row-gap: 20px !important;
}
.ginput_container input {
    height: 42px !important;
    font-size: 18px !important;
}

.ginput_container textarea {
    font-size: 18px !important;
}


/* Action Button */


.action-button-box {
    border-radius: 8px;
    border: 3px solid #FFFF35;
}
.action-buttons-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-auto-flow: row;
    gap: 30px;
}
.action-button-box {
    text-align: center;
    padding: 40px;
}
.action-button-icon img {
    width: 100px;
}
.action-button-box .action-button-title {
    line-height: 43px !important;
    margin-top: 11px;
}


/* Vines_Emergency_Service_Widget */
.vines-emergency-service-section {
    width: 100%;
    background-color: var(--e-global-color-d824381);
    height: 100% !important;
    clip-path: polygon(0% 0%, 100% 0%, 93.75% 50%, 100% 100%, 0% 100%, 6.25% 50%);
}
.emergency-service-wrapper {
    width: 80%;
    margin: 0 auto;
    padding: 50px 0;
}
.emergency-service-wrapper {
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}
.emergency-content {
    width:65%;
}
.emergency-service-wrapper {
    background: url(/wp-content/uploads/2025/07/Vector-3.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.emergency-image {
    margin-right: -100px;
    flex: 1 1 35%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.emergency-service-wrapper {
  position: relative;
}

.vines-emergency-service-section,
.elementor-widget-vines_emergency_service_widget {
  overflow: visible; /* Prevents image clipping */
  position: relative;
}
.emergency-image {
    position: absolute;
    right: calc(90px + ((317 - 90) / (1920 - 1440)) * (100vw - 1440px));
    width: 39%;
    display: flex;
    top: 50%;
    clear: both;
    bottom: 50%;
    max-width: 575px;
    height: auto !important;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
}
.elementor-widget-vines_emergency_service_widget {
    padding: 70px 0;
}

/* Services Heading widget */

.elementor-widget-vines-heading-info-section {
    width: 60%;
}
.vines-services-info-form {
    padding: 70px 0;
}

.vines-services-info-form.blue-box {
    background: #0076C8;
}
.vines-services-info-form.platinum-box {
    background: #C4E4F1;
}
.service-box-flex {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.vines-services-right {
    width: 36%;
    /*margin-left: 4%;*/
    position: relative !important;
}
.vines-services-left {
    width: 60%;
}
.form-box-style {
    background: #fff;
    border-radius: 8px;
    padding: 40px;
}


/* the form will float over content; no reserved height */
.sticky-ph{ position:relative; height:0 !important; }
.vines-services-right .form-box-style{ z-index:10; } /* keep above neighbors */


/* optional: disable on mobile 
.vines-services-right .form-box-style { position: static; width: 100%; z-index: 11; }
@media (max-width: 1024px){
  .vines-services-right .form-box-style { position: static !important; width:auto !important; }
}*/
.vines-services-right {
    position: relative;
}
.info-image, .services-image {
    clip-path: polygon(0 30%, 50% 0%, 100% 30%, 100% 100%, 0% 100%);
}
.services-image-wrap {
    margin-top: 50px;
}
.vines-emergency-section {
    position: relative;
    overflow: hidden;
}
.ginput_container textarea {
    width: 100%;
}
.vines-emergency-service-section .wysiwyg-text.platinum-text a {
    color: #FFFF35;
}


.gfield.gfield--type-html.gfield_html {
    font-size: 16px;
}
label.gfield_label.gform-field-label {
    font-size: 20px;
}
.gform-body.gform_body .gsection_title {
    font-size: 23px !important;
}
.ginput_container .gchoice input[type=radio] {
    height: initial !important;
    width: auto !important;
    line-height: normal !important;
}
body.menu-opened .review-badge {
    z-index: 15;transition: all .2s ease-in;
}
@media only screen and (min-width:768px) {
.cta-buttons.mobile-only {
    display: none;
}
}
@media only screen and (min-width:1025px) {
.hdrmenuctr .elementor-nav-menu>li.menu-item .sub-menu.elementor-nav-menu--dropdown a {
    padding-bottom: 13px !important;
    padding-top: 13px !important;
}
.hdrmenuctr .elementor-nav-menu>li.menu-item a {
    padding-bottom: 0 !important;
    padding-top: 3px !important;
}
.hero-mob-image img.mobile-only {
    position: absolute;
    z-index: 12;
    bottom: 0;
    right: 0;
    width: 51%;
    height: auto;
    display: block;
}
}
.cta-buttons.mobile-only a {
    margin-bottom: 10px;
}



/* City Page */
.vines-form-card {
    width: 100%;
}
.vines-city-hero{
 display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    flex-direction: row;
}
.vines-hero-left {
    width: 63%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.vines-hero-right {
    width: 37%;
    position: relative;
}
div#gform_fields_4 {
    column-gap: 20px !important;
    row-gap: 20px !important;
}
div#gform_fields_4 .ginput_container input, div#gform_fields_4 .ginput_container textarea {
    background: #C4E4F2;
    color: #0076C8;
    font-weight: 500;
}
.elementor-widget-vines-city-hero {
    padding-top: 100px;
    padding-bottom: 50px;
}
.vines-form-card{
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.vines-form-card {
    position: absolute;
    z-index: 13;
}

.is-tri-block-parent {
    padding: 0 !important;
}
.vtdb__row {
    display: flex;
    position: relative;
    flex-direction: row;
}

.vtdb__card .vtdb__inner {
    padding-top: 70px;
    padding-bottom: 70px;
}
.vtdb.vtdb--blue-platinum .stripe-b.is-even {
    background-image: linear-gradient(90deg, #0076C8 55%, #c4e4f2 45%);
}
.vtdb--blue-platinum .is-even .vtdb__card.vtdb-left-box {
    background: #0076C8;
    width: 55%;
    padding-right: 150px;
}
.vtdb--blue-platinum .is-even .vtdb__card.vtdb-left-box h3.vtdb__title, .vtdb--blue-platinum .is-odd .vtdb__card.vtdb-right-box h3.vtdb__title {
    font-family: "Rokkitt";
    color: #ffff35;
}
.vtdb--blue-platinum .is-even .vtdb__card.vtdb-left-box p, .vtdb--blue-platinum .is-odd .vtdb__card.vtdb-right-box p {
    color: #c4e4f2;
}
.vtdb--blue-platinum .is-even .vtdb__card.vtdb-left-box p a, .vtdb--blue-platinum .is-odd .vtdb__card.vtdb-right-box p a {
    color: #ffff35;
}


.vtdb--blue-platinum .is-even .vtdb__card.vtdb-left-box .vtdb__cta, .vtdb--blue-platinum .is-odd .vtdb__card.vtdb-right-box .vtdb__cta {
    color: #ffff35;font-family: Manufaktur !important;
}

.vtdb--blue-platinum .is-even .vtdb__card.vtdb-right-box .vtdb__cta, .vtdb--blue-platinum .is-odd .vtdb__card.vtdb-left-box .vtdb__cta {
    color: #0076c8;font-family: Manufaktur !important;
}

.vtdb--blue-platinum .is-even .vtdb__card.vtdb-right-box h3.vtdb__title, .vtdb--blue-platinum .is-odd .vtdb__card.vtdb-left-box h3.vtdb__title {
    font-family: "Rokkitt";
    color: #0076c8;
}
.vtdb--blue-platinum .is-even .vtdb__card.vtdb-right-box p, .vtdb--blue-platinum .is-odd .vtdb__card.vtdb-left-box p {
    color: #004063;
}
.vtdb--blue-platinum .is-even .vtdb__card.vtdb-right-box p a, .vtdb--blue-platinum .is-odd .vtdb__card.vtdb-left-box p a {
    color: #0076c8;
}

.vtdb--blue-platinum .tri-right .vtdb-left-box::after {
    right: 45%;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    background: #c4e4f2;
    z-index: 1;
}
.vtdb--blue-platinum .is-even .vtdb__card.vtdb-right-box {
    background: #c4e4f2;
    width: 45%;
    padding-left: 20px;
}

.vtdb.vtdb--blue-platinum .stripe-a.is-odd {
    background-image: linear-gradient(90deg, #c4e4f2 45%, #0076C8 55%);
}
.vtdb--blue-platinum .is-odd .vtdb__card.vtdb-left-box {
    background: #c4e4f2;
    width: 45%;
    padding-right: 20px;
}
.vtdb--blue-platinum .is-odd .vtdb__card.vtdb-right-box {
    background: #0076C8;
    width: 55%;
    padding-left: 150px;
}
.vtdb--blue-platinum .tri-left .vtdb-right-box::after {
    left: 45%;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    background: #c4e4f2;
    z-index: 1;
}


/* navy-platinum */

.vtdb.vtdb--navy-platinum .stripe-b.is-even {
    background-image: linear-gradient(90deg, #004063 55%, #c4e4f2 45%);
}
.vtdb--navy-platinum .is-even .vtdb__card.vtdb-left-box {
    background: #004063;
    width: 55%;
    padding-right: 150px;
}
.vtdb--navy-platinum .is-even .vtdb__card.vtdb-left-box h3.vtdb__title, .vtdb--navy-platinum .is-odd .vtdb__card.vtdb-right-box h3.vtdb__title {
    font-family: "Rokkitt";
    color: #ffff35;
}
.vtdb--navy-platinum .is-even .vtdb__card.vtdb-left-box p, .vtdb--navy-platinum .is-odd .vtdb__card.vtdb-right-box p {
    color: #c4e4f2;
}
.vtdb--navy-platinum.is-even .vtdb__card.vtdb-left-box p a, .vtdb--navy-platinum .is-odd .vtdb__card.vtdb-right-box p a {
    color: #ffff35;
}


.vtdb--navy-platinum .is-even .vtdb__card.vtdb-left-box .vtdb__cta, .vtdb--navy-platinum .is-odd .vtdb__card.vtdb-right-box .vtdb__cta {
    color: #ffff35;font-family: Manufaktur !important;
}

.vtdb--navy-platinum .is-even .vtdb__card.vtdb-right-box .vtdb__cta, .vtdb--navy-platinum .is-odd .vtdb__card.vtdb-left-box .vtdb__cta {
    color: #004063;font-family: Manufaktur !important;
}

.vtdb--navy-platinum .is-even .vtdb__card.vtdb-right-box h3.vtdb__title, .vtdb--navy-platinum .is-odd .vtdb__card.vtdb-left-box h3.vtdb__title {
    font-family: "Rokkitt";
    color: #004063;
}
.vtdb--navy-platinum .is-even .vtdb__card.vtdb-right-box p, .vtdb--navy-platinum .is-odd .vtdb__card.vtdb-left-box p {
    color: #004063;
}
.vtdb--navy-platinum .is-even .vtdb__card.vtdb-right-box p a, .vtdb--navy-platinum .is-odd .vtdb__card.vtdb-left-box p a {
    color: #004063;
}

.vtdb--navy-platinum .tri-right .vtdb-left-box::after {
    right: 45%;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    background: #c4e4f2;
    z-index: 1;
}
.vtdb--navy-platinum .is-even .vtdb__card.vtdb-right-box {
    background: #c4e4f2;
    width: 45%;
    padding-left: 20px;
}

.vtdb--navy-platinum .stripe-a.is-odd {
    background-image: linear-gradient(90deg, #c4e4f2 45%, #004063 55%);
}
.vtdb--navy-platinum .is-odd .vtdb__card.vtdb-left-box {
    background: #c4e4f2;
    width: 45%;
    padding-right: 20px;
}
.vtdb--navy-platinum .is-odd .vtdb__card.vtdb-right-box {
    background: #004063;
    width: 55%;
    padding-left: 150px;
}
.vtdb--navy-platinum .tri-left .vtdb-right-box::after {
    left: 45%;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    background: #c4e4f2;
    z-index: 1;
}

@media (max-width: 980px){

  .vtdb__row {
      display: flex;
      position: relative;
      flex-direction: column;
  }
  .vtdb__card {
      width: 100% !important;
      padding: 0 20px !important;
  }
  .vtdb-right-box::after, .vtdb-left-box::after {
      content: none !important;
  }
  .vtdb .is-odd, .vtdb .is-even {
      background: transparent !important;
      background-image: none !important;
  }
}
        .elementor-element[data-element_type="container"]:is(:has(> .e-con-inner > .elementor-widget-vines-triangle-double-blocks-repeater)) > .e-con-inner {
  max-width: 100% !important;   /* unbox */
  width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 0;           
}






.experience-box {
    background-image: url(/wp-content/uploads/2025/08/Vector-2-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* Responsive Media Query */
@media only screen and (max-width:767px) {
    .vines-areas-section .areas-bottom {
    display: block !important;
    }
    .vines-hero-right {
    width: 100%;
}
.vines-hero-left {
    width: 100%;
}

.vines-city-hero {
    flex-direction: column;
}
.vines-form-card {
    position: relative;
    margin-bottom: -160px;
  }

}
@media only screen and (min-width:992px) {
  .vta-item__head {
    height: 100px;
}
.elementor-widget-vines-text-editor-form .vines-form-wrapper {
    position: sticky;
    top: 90px;
    z-index: 5;
    align-self: flex-start;
    width: 35%;
}
}

@media only screen and (max-width:1024px) {
.vines-services-left {
    padding: 0 15px;
}
}
.elementor-element[data-element_type="container"]:has(> .elementor-widget-vines_emergency_service_widget), 
.elementor-element[data-element_type="container"]:has(.elementor-widget-vines_promise_section) {
    z-index: 11 !important;
}


@media only screen and (max-width:767px) {
.vines-hero-buttons a {
    margin-bottom: 20px;
}
.hero-main-content-wrapper .hero-top-part .cta-buttons {
    display: flex;
        gap: 0px;
        flex-direction: column;
        align-items: center;

}
.hdrmenucont {
    padding-top: 0;
}
.cta-buttons.desktop-only a {
    margin-bottom: 10px;
}
.hero-main-content-wrapper .hero-top-part .cta-buttons a {
    clip-path: polygon(0% 0%, 100% 0%, 93.7% 50%, 100% 100%, 0% 100%, 6.3% 50%);
    border-radius: 0px;
    text-transform: capitalize !important;
    text-align: center;
    padding: 12px 20px !important;
    width: 90%;
    font-size: 15px;
    line-height: normal !important;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vines-hero-section.style-two .vines-hero-content-wrapper, .vines-hero-section.style-four .vines-hero-content-wrapper {
      display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 40px;
    flex-direction: column;
}
.vines-heading-image-widget {
    gap: 40px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.vines-image, .vines-text-block {
    width: 100%;
}
.vines-hero-section.style-two .vines-hero-content, .vines-hero-section.style-four .vines-hero-content {
  width: 100% !important;
}

.vines-hero-section.style-two .vines-hero-image, .vines-hero-section.style-four .vines-hero-image {
  width: 100% !important;
  position: relative;
}
.vines-areas-section .areas-bottom .areas-map, .vines-areas-section .areas-bottom .areas-list {
    width: 100% !important;
}
.button-group a {
    margin-bottom: 20px;
}
.vines-areas-section .areas-bottom {
    display: flex !important;
        flex-direction: column;
    padding: 0;
}
.vines-areas-section .areas-bottom .areas-list {
    padding: 50px 15px;
}
.vines-community-section, .vines-financing-section, .vines-feature-info-section, .vines-community-section, .vines-financing-section, .vines-feature-info-section-two {
    margin-bottom: 0;
    display: flex !important;
    flex-direction: column;
}
.vines-financing-section-conatiner .vines-financing-content, .vines-feature-info-section .vines-content-col, .vines-community-section .vines-community-content {
    max-width: 100%;
    padding: 50px 15px;
    margin-left: 0 !important;
}
.headermain::after {
    height: calc(94px + ((219 - 94) / (768 - 300)) * (100vw - 300px)) !important;
}
.vines-service-section-style-two .service-inner {
        padding: 40px 20px 40px 20px !important;
    }
.vines-emergency-section {
  width: 100%;
    background-color: var(--e-global-color-d824381);
    padding: 70px 20px 0 20px;
}
.elementor-widget-vines_emergency_service_widget {
    padding: 0px !important;
}
.vines-emergency-service-section {
    clip-path: none !important;
}
.emergency-service-wrapper {
    background: none;
}
.emergency-service-wrapper {
  width: 100% !important;
    background: none;
    display: block;
    padding: 0px ;
}
.emergency-content {
    width: 100% !important;
}
.emergency-image {
    position: relative;
    width: auto !important;
    display: block !important;
    top: unset !important;
    max-width: 100% !important;
    bottom: unset !important;
    right: initial !important;
}

  .action-buttons-grid {
    grid-template-columns: repeat(1, 1fr);
  }
.vines-services-right {
    display: none;
}
.vines-services-left {
    width: 100%;
    padding: 0 20px;
}
.elementor-widget-vines-heading-info-section {
    width: 100%;
}
.headermain::after {
  left: 0;
}
  .hero-mob-image {
    display: block;
  }
  .cta-left {
    width: 100%;
        text-align: center;
  }
  .vines-hero-cta .cta-heading-one, .vines-hero-cta .cta-heading-two {
    font-size: 50px;
  }
  .cta-right {
      width: auto;
      margin-top: auto;
      margin-bottom: auto;
  }
      .review-badge {
        right: -20px;
        width: 200px;
        top: 33px;
    }
  .heromainsection {
    background-position: bottom;
    background-size: cover;
}
.image-shape {
    background: none;
}
.service-card:before {
    height: 120px;
  }
.hero-mob-image img {
    width: 60%;
    margin: 0 auto;
}
.hero-mob-image {
    text-align: center;
}

  .cta-right-position {
    display: none;
  }

  .vines-hero-cta .cta-content-wrapper {
    display: block !important;
  }

  .vines-feature-info-section {
    flex-direction: column;
  }

  .vines-feature-info-section .vines-img-col,
  .vines-community-section .vines-community-image {
    order: 2;
  }

  .vines-feature-info-section .vines-content-col,
  .vines-community-section .vines-community-content {
    order: 1;
  }

  .service-grid,
  .feature-boxes {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .elementor-element.e-flex.e-con-boxed.e-con.e-parent {
    padding: 0 20px;
  }

  .vector-card {
    border-radius: 8px;
    border: 3px solid #FFFF35;
  }

  .vector-content {
    mask: none !important;
  }

  .vector-card svg.stroke-border {
    display: none !important;
  }

  .vector-card .feature-title {
    margin-bottom: 0;
    margin-top: 10px;
  }

  .triangle-shape,
  .triangle-shape-left {
    clip-path: polygon(0 30%, 50% 0%, 100% 30%, 100% 100%, 0% 100%);
  }

  .testimonialsection {
    background: var(--e-global-color-d824381) !important;
  }

  .testimonialcont {
    clip-path: none !important;
  }

  .areas-top-part {
    clip-path: polygon(0 0, 0% 65%, 50% 100%, 100% 65%, 100% 0);
  }

  .areas-mid-part {
    clip-path: polygon(0 0, 0% 62%, 50% 100%, 100% 62%, 100% 0);
  }

  .vines-financing-image,
  .vines-feature-info-section .vines-img-col,
  .vines-community-section .vines-community-image {
    flex: unset !important;
    left: 0 !important;
    right: 0 !important;
  }

  .logobehind:before, .headerlogo:before {
    left: 56% !important;
    width: 100% !important;
  }
  .headermain::after {
    background-position: bottom left !important;
}
.vines-hero-cta .cta-content-wrapper {
    padding-top: 150px;
    padding-top: 134px;
        /*padding-bottom: 109px;*/
}
.vines-hero-cta .cta-heading-two {
    color: #0076c8;
}
.hero-mob-image img {
    clip-path: polygon(0 0, 0% 90%, 50% 100%, 100% 90%, 100% 0);
}
.service-inner {
    padding: 0px 20px 40px 20px !important;
}

}
@media only screen and (max-width:767px) and (min-width:431px) {
.vines-hero-cta .cta-content-wrapper {
     padding-bottom: calc(137px + ((169 - 135) / (767 - 430)) * (100vw - 430px)) !important;
}
}
@media only screen and (max-width:430px) {
.vines-hero-cta .cta-content-wrapper {
        padding-bottom: calc(130px + ((124 - 112) / (430 - 300)) * (100vw - 300px)) !important;
}
}
@media only screen and (max-width:1024px) and (min-width:768px) {
  
  .vector-card .feature-bg {
    height: calc(44px + (85 - 44) * ((100vw - 768px) / (1024 - 768))) !important;
}
.vector-box-content {
    margin-top: -32px;
}
.vector-card img.feature-icon {
    width: 35px;
}
.vector-card .feature-title {
    font-size: 17px;
}
.vector-card a.feature-button {
    font-size: 13px;
}

}


@media only screen and (max-width:1300px) and (min-width:1025px) {
  .vector-card .feature-bg {
    height: calc(65px + (110 - 65) * ((100vw - 1025px) / (1300 - 1025))) !important;
}
.vector-box-content {
    margin-top: -32px;
}
.vector-card img.feature-icon {
    width: 46px;
}
.vector-card a.feature-button {
    font-size: 17px;
}
.vector-card .feature-title {
    font-size: 20px;
}

}


@media only screen and (max-width:1024px) and (min-width:768px) {
.headermain::after {
    height: calc(135px + ((171 - 135) / (1024 - 768)) * (100vw - 768px)) !important;
}
}
@media only screen and (min-width:768px) {
/*.stickyheader:after {
    background: #0076C8 !important;
    height: calc(149px + ((149 - 149) / (1920 - 1440)) * (100vw - 1440px));
}
.stickyheader .headerlogo img {
    width: 73% !important;
}
.stickyheader .headerlogo:before {
    left: 38%;
    width: 400px;
    height: 400px;
}

.headerlogo img {
    transition: all .2s ease-in;
}

.stickyheader .headerlogo img {
    transition: all .2s ease-in;
}
.stickyheader .headerlogo img {
    width: 73% !important;
}*/
.stickyheader .headerlogo {
    margin-top: 0;
}
.stickyheader {
    z-index: 19 !important;
}
.stickyheader .headerlogo a {
    text-align: center;
}
.stickyheader .headerlogo:before {
    width: 200px;
    height: 200px;
    left: 50%;
}
.stickyheader .headerlogo img {
        width: 48% !important;
}
.headermain, .stickyheader {
    /*transition: all 300ms ease;*/
}
.stickyheader {
    position: fixed !important;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    padding: 8px 0;
   /* backdrop-filter: blur(10px);*/
    animation: slideDown 0.35s ease-out;
}
.stickyheader .e-con-inner {
    padding-top: 0 !important;
    display: flex;
    align-items: center !important;
    align-content: center !important;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

}
.stickyheader .hdrmenucont {
    padding-bottom: 0 !important;
}
.stickyheader .headerbtn, .stickyheader:before, .stickyheader:after{
    display: none !important;
    transition-delay: .08s;
    transition: opacity .28s ease;
     transition: 0.4s; 
}
.stickyheader {
    background: #0076C8;
}
.stickyheader .hdrmenucont {
    padding-top: 0;
    padding-bottom: 12px;
}
  /* 
.headermain .headerlogo, .headermain .headerbtn, .headermain:before, .headermain:after {
    transition-delay: .08s;
    transition: opacity .28s ease;
  transition: 0.4s; 
}*/