.streamline--facebook-1 {
  display: inline-block;
  width: 28px;
  height: 28px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' d='M.5 12.5v-11a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-3V8.76h.71a.61.61 0 0 0 .61-.61v-.77a.611.611 0 0 0-.61-.61h-.67v-.94c0-.84.38-.84.76-.84h.49a.55.55 0 0 0 .43-.18a.58.58 0 0 0 .18-.43v-.74a.618.618 0 0 0-.6-.64H9.65a2.32 2.32 0 0 0-2.39 2.6v1.17h-.64a.61.61 0 0 0-.62.61v.77a.61.61 0 0 0 .62.61h.64v4.74H1.5a1 1 0 0 1-1-1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: var(--theme-palette-color-1);
  cursor: pointer;
}

.streamline--instagram {
  display: inline-block;
  width: 30px;
  height: 30px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.333 3.644a.25.25 0 1 1 0-.5m0 .5a.25.25 0 1 0 0-.5'/%3E%3Cpath d='M.858 3.431A2.573 2.573 0 0 1 3.431.858h6.862a2.573 2.573 0 0 1 2.573 2.573v6.862a2.573 2.573 0 0 1-2.573 2.573H3.43a2.573 2.573 0 0 1-2.573-2.573V3.43Z'/%3E%3Cpath d='M4.312 6.862a2.55 2.55 0 1 0 5.1 0a2.55 2.55 0 1 0-5.1 0'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
    color: var(--theme-palette-color-1);
      cursor: pointer;
}

.material-symbols-light--share-outline {
  display: inline-block;
  width: 25px;
  height: 25px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18.002 21.5q-1.04 0-1.771-.73q-.731-.728-.731-1.77q0-.2.034-.413q.035-.214.104-.403l-7.742-4.561q-.367.414-.854.645T6 14.5q-1.042 0-1.77-.728q-.73-.729-.73-1.77t.73-1.771T6 9.5q.556 0 1.042.232t.854.645l7.743-4.562q-.07-.188-.104-.402Q15.5 5.2 15.5 5q0-1.042.729-1.77q.728-.73 1.769-.73t1.771.729t.731 1.769t-.73 1.771Q19.043 7.5 18 7.5q-.556 0-1.042-.232t-.854-.645l-7.742 4.562q.069.188.103.4q.035.213.035.411t-.035.415t-.104.405l7.743 4.561q.367-.413.854-.645T18 16.5q1.042 0 1.77.729q.73.728.73 1.769t-.728 1.771t-1.77.731M18 6.5q.617 0 1.059-.441Q19.5 5.617 19.5 5t-.441-1.059Q18.617 3.5 18 3.5t-1.059.441Q16.5 4.383 16.5 5t.441 1.059Q17.383 6.5 18 6.5m-12 7q.617 0 1.059-.441Q7.5 12.617 7.5 12t-.441-1.059T6 10.5t-1.059.441Q4.5 11.383 4.5 12t.441 1.059T6 13.5m12 7q.617 0 1.059-.441q.441-.442.441-1.059t-.441-1.059Q18.617 17.5 18 17.5t-1.059.441Q16.5 18.383 16.5 19t.441 1.059q.442.441 1.059.441m0-1.5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: black;
    cursor: pointer;
}

.material-symbols-light--print-outline {
  display: inline-block;
  width: 25px;
  height: 25px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M16 8.616v-3H8v3H7v-4h10v4zm-11.423 1h14.846zm13.038 2.5q.425 0 .713-.288t.287-.712t-.287-.713t-.713-.288t-.712.288t-.288.713t.288.712t.713.288M16 19v-4.538H8V19zm1 1H7v-4H3.577v-5.384q0-.85.577-1.425t1.423-.576h12.846q.85 0 1.425.576t.575 1.424V16H17zm2.423-5v-4.384q0-.425-.287-.713t-.713-.288H5.577q-.425 0-.712.288t-.288.713V15H7v-1.538h10V15z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
    color: black;
      cursor: pointer;
}

.basil--facebook-outline {
  display: inline-block;
  width: 25px;
  height: 25px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M10.488 3.788A5.25 5.25 0 0 1 14.2 2.25h2.7a.75.75 0 0 1 .75.75v3.6a.75.75 0 0 1-.75.75h-2.7a.15.15 0 0 0-.15.15v1.95h2.85a.75.75 0 0 1 .728.932l-.9 3.6a.75.75 0 0 1-.728.568h-1.95V21a.75.75 0 0 1-.75.75H9.7a.75.75 0 0 1-.75-.75v-6.45H7a.75.75 0 0 1-.75-.75v-3.6A.75.75 0 0 1 7 9.45h1.95V7.5a5.25 5.25 0 0 1 1.538-3.712M14.2 3.75a3.75 3.75 0 0 0-3.75 3.75v2.7a.75.75 0 0 1-.75.75H7.75v2.1H9.7a.75.75 0 0 1 .75.75v6.45h2.1V13.8a.75.75 0 0 1 .75-.75h2.114l.525-2.1H13.3a.75.75 0 0 1-.75-.75V7.5a1.65 1.65 0 0 1 1.65-1.65h1.95v-2.1z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
      color: black;
      cursor: pointer;
}

.basil--whatsapp-outline {
  display: inline-block;
  width: 25px;
  height: 25px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M8.886 7.17c.183.005.386.015.579.443c.128.285.343.81.519 1.238c.137.333.249.607.277.663c.064.128.104.275.02.448l-.028.058a1.43 1.43 0 0 1-.23.37a9.386 9.386 0 0 0-.143.17c-.085.104-.17.206-.242.278c-.129.128-.262.266-.114.522c.149.256.668 1.098 1.435 1.777a6.634 6.634 0 0 0 1.903 1.2c.07.03.127.055.17.076c.257.128.41.108.558-.064c.149-.173.643-.749.817-1.005c.168-.256.34-.216.578-.128c.238.089 1.504.71 1.761.837l.143.07c.179.085.3.144.352.23c.064.109.064.62-.148 1.222c-.218.6-1.267 1.176-1.742 1.22l-.135.016c-.436.052-.988.12-2.956-.655c-2.426-.954-4.027-3.32-4.35-3.799a2.768 2.768 0 0 0-.053-.076l-.006-.008c-.147-.197-1.048-1.402-1.048-2.646c0-1.19.587-1.81.854-2.092l.047-.05a.95.95 0 0 1 .687-.32c.173 0 .347 0 .495.005'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M2.184 21.331a.4.4 0 0 0 .487.494l4.607-1.204a10 10 0 0 0 4.76 1.207h.004c5.486 0 9.958-4.446 9.958-9.912a9.828 9.828 0 0 0-2.914-7.011A9.917 9.917 0 0 0 12.042 2c-5.486 0-9.958 4.446-9.958 9.911c0 1.739.458 3.447 1.33 4.954zm2.677-4.068a1.5 1.5 0 0 0-.148-1.15a8.377 8.377 0 0 1-1.129-4.202c0-4.63 3.793-8.411 8.458-8.411c2.27 0 4.388.877 5.986 2.468a8.328 8.328 0 0 1 2.472 5.948c0 4.63-3.793 8.412-8.458 8.412h-.005a8.5 8.5 0 0 1-4.044-1.026a1.5 1.5 0 0 0-1.094-.132l-2.762.721z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
        color: black;
      cursor: pointer;
}

.fluent--document-text-link-20-regular {
  display: inline-block;
  width: 25px;
  height: 25px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='M4 4a2 2 0 0 1 2-2h4.586a1.5 1.5 0 0 1 1.06.44l3.915 3.914A1.5 1.5 0 0 1 16 7.414V16a2 2 0 0 1-2 2h-3.337c.148-.31.251-.647.302-1H14a1 1 0 0 0 1-1V8h-3.5A1.5 1.5 0 0 1 10 6.5V3H6a1 1 0 0 0-1 1v9H4zm7.5 3h3.293L11 3.207V6.5a.5.5 0 0 0 .5.5m2 8h-2.837a3.5 3.5 0 0 0-.714-1H13.5a.5.5 0 0 1 0 1m0-2h-7a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1m-7-3a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1zm-3 4a2.5 2.5 0 0 0 0 5H4a.5.5 0 0 0 0-1h-.5a1.5 1.5 0 0 1 0-3H4a.5.5 0 0 0 0-1zM7 14a.5.5 0 0 0 0 1h.5a1.5 1.5 0 0 1 0 3H7a.5.5 0 0 0 0 1h.5a2.5 2.5 0 0 0 0-5zm-4 2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
          color: black;
      cursor: pointer;
}


.custom-block-button .vc_general.vc_btn3 {
        position: relative;
    background-image: none !important;
    font-family: var(--theme-font-family);
    font-size: var(--btn-font-size);
    border: var(--btn-border) !important;
    border-radius: var(--btn-radius);
    padding: var(--btn-padding);
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 1;
}

.image-br > figure {
  border-radius: 10px;
  overflow: hidden;
}

.home-cta-row > .wpb_column.vc_col-has-fill > .vc_column-inner {
    position: relative;
    isolation: isolate;
    border-radius: 10px;
    overflow: hidden;
}

.home-cta-row > .wpb_column.vc_col-has-fill > .vc_column-inner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block !important;
    background-color: rgb(255 255 255 / 0.7);
}

.home-cta-row {
    position: relative;
    isolation: isolate;
}

.home-cta-row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index :-1;
    display: block !important;
    background-color: white;
}

.contact-form #send.center {
    text-align: center;
    width: fit-content;
    margin: auto;
    position: relative;
}

.contact-form #send .wpcf7-submit {
    float: none;
            position: relative;
    background-image: none !important;
    font-family: var(--theme-font-family);
    font-size: var(--btn-font-size);
    border: var(--btn-border) !important;
    border-radius: var(--btn-radius);
    padding: var(--btn-padding);
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 1;
    background-color: #FF0000;
    color: white;
    line-height: 1;
}

.form :is(input, textarea) {
    box-shadow: 0 3px 0 rgb(0 0 0 / 0.15);
}

.about-mv-row.vc_row-has-fill {
    position: relative;
    isolation: isolate;
}

.about-mv-row.vc_row-has-fill::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block !important;
    background-color: rgb(230 239 243 / 0.85);
}

.about-mv-row .mv-icon img {
    height: 60px;
    width: auto;
}

.text-bg.about-intro-sec:before {
    top: calc(var(--gap) * 2);
}

.span-inline-block span {
    display: inline-block;
}

#footer .menu-footer-menu-container {
    font-size: 17px;
}

#footer .menu-footer-menu-container ul li {
    padding-bottom: 10px;
    font-size: 16px;
}

#footer .menu-footer-menu-container ul li[class*="current"] > a {
    color: var(--theme-link-hover-color);
}

.custom-icon-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.custom-icon-container > div {
    display: flex;
    column-gap: 15px;
}

.custom-icon-container .icon-has-submenu {
    position: relative;
}

.custom-icon-container .icon-has-submenu ul.icon-submenu {
    position: absolute;
    list-style: none;
    padding-left: 0;
    z-index: 1;
    padding-top: 10px;
    /*background-color: #efefef;*/
    /*border-radius: 5px;*/
    /*overflow: hidden;*/
    top: 100%;
    display: none;
}

.custom-icon-container .icon-has-submenu:hover ul.icon-submenu {
    display: block;
}

.custom-icon-container .icon-has-submenu ul.icon-submenu li {
    padding-bottom: 0;
}

.custom-icon-container i {
    transition: all 250ms ease-out;

}

.custom-icon-container a {
    border-radius: 5px;
    background-color: #efefef;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.custom-icon-container .icon-has-submenu ul.icon-submenu li a {
    border-radius: 0;
}

.custom-icon-container .icon-has-submenu ul.icon-submenu li:first-child a {
    border-top-left-radius: 5px;
        border-top-right-radius: 5px;
}

.custom-icon-container .icon-has-submenu ul.icon-submenu li:last-child a {
    border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
}

.custom-icon-container .icon-has-submenu ul.icon-submenu li:not(:first-child) {
    margin-top: -1px;
}

.custom-icon-container i:hover {
    color: #34A1CD;
}

@media screen and (min-width: 768px) {
  .home-project-row .project-image img {
    height: calc(var(--height) - 35px);
  }

  .home-project-row .project-image {
    margin-bottom: 0 !important;
  }

  .home-project-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
  }

  .home-project-row .vc_row.vc_inner.with-gradient {
    position: absolute;
    inset: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
    isolation: isolate;
    padding-left: 20px;
    padding-right: 20px;
    isolation: isolate;
    transition: all 300ms ease-out;
  }

  .home-project-row .vc_row.vc_inner.with-gradient::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #349fcd 40%, transparent);
    display: block !important;
    opacity: 0.5;
  }
  
  .home-project-row .vc_row.vc_inner.with-gradient .vc_custom_heading {
      font-size: 40px;
  }

  .home-project-row > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper:not(:hover) .vc_row.vc_inner.with-gradient {
    opacity: 0;
    transform: translateX(-50%);
  }

  .home-project-row .vc_row.vc_inner.with-gradient :is(.vc_custom_heading, .vc_general.vc_btn3) {
    color: white !important;
  }

  .home-project-row .wpb_single_image.with-gradient > figure {
    position: relative;
  }

  .home-project-row .wpb_single_image.with-gradient > figure::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #349fcd 40%, transparent);
    display: block !important;
    opacity: 0.5;
    transition: all 300ms ease-out;
  }

  .home-project-row .wpb_single_image.with-gradient:not(:hover) > figure::before {
    opacity: 0;
    transform: translateX(-50%);
  }
  
  .form {
      grid-template-columns: repeat(3,1fr);
  }
  
  .form:not(.project-enquiry) > #email ~ * {
      grid-column: 1 / -1;
  }
  
  .form.project-enquiry {
      grid-template-columns: repeat(2,1fr);
  }
  
  .form.project-enquiry  > div:nth-last-child(3) ~ *  {
      grid-column: 1 / -1;
  }
  
  .home-cta-row .cta-image img {
      min-height: var(--height);
  }
  
  .about-intro-row .intro-image img {
      height: calc(var(--height) - 20px + 35px);
  }
}

@media screen and (max-width: 999.98px) {
    #footer .custom-html-widget br {
        display: none;
    }
    
    #footer .dtview-dflex {
        display: grid;
        gap: 15px;
    }
}

@media screen and (max-width: 767.98px) {
  .home-project-row .project-image {
    border-radius: 10px;
    overflow: hidden;
  }

  .home-project-row .project-image img {
    aspect-ratio: 395 / 196;
  }
  
  .reverse {
      display: flex;
      flex-direction: column-reverse;
  }
}