/*
Theme Name: iBUILDiT Child
Theme URI: https://iplanit.ie
Description: Child theme for iBUILDiT
Author: iPLANiT Ltd.
Author URI: https://iplanit.ie
Template: iBUILDiT
Version: 1.0.0
Text Domain: ibuildit-child
*/

/* Add your child theme styles here */

/* GENERAL */

/* Replace this with your actual orange value */
html {
  scroll-behavior: smooth;
}

:root{
  --menu-blue: #0091cd;
}

p {
      line-height: 1.5;
}
h1 {
  color: #1c2d5a;
}
h2 {
  color: #1c2d5a;
}
h3 {
  color: #2b4794;
}
h4 {
  color: #2b4794;
}
h5 {
  color: #2b4794;
}
h6 {
  color: #1c2d5a;
}
a {
  color: #2b4794;
}
ul,
ol {
}
ul li,
ol li {
}

.sbtn {
  text-align: center;
    font-weight: 500 !important;
    font-size: 16px;
    font-family: "Plus Jakarta Sans", sans-serif;
    line-height: 16px;
    transition: all 0.5s ease;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    /* margin: 2rem auto; */
    padding: 15px 30px;
    letter-spacing: 2.13px !important;
    position: relative;
    border-radius: 30px;
    text-decoration: none;
    max-width: 300px;
    min-width: 180px;
}
.sbtn.gradient-green{
  border: none !important;
  color: #ffffff;
  background: linear-gradient(
    90deg,
    rgba(25, 29, 56, 1) 0%,
    rgba(6, 151, 130, 1) 48%
  );
}
.sbtn.gradient-green:hover {
  border: none !important;
  color: #ffffff !important;
  background: linear-gradient(
    90deg,
    rgba(6, 151, 130, 1) 0%,
    rgba(25, 29, 56, 1) 80%
  );
}
.sbtn.gradient-navy{
  border: none !important;
  color: #ffffff;
  background: linear-gradient(
    90deg,
    rgba(28, 45, 90, 1) 0%,
    rgba(43, 71, 148, 1) 100%
  );
}
.sbtn.gradient-navy:hover {
  border: none !important;
  color: #ffffff !important;
  background: linear-gradient(
    90deg,
    rgba(43, 71, 148, 1) 0%,
    rgba(28, 45, 90, 1) 100%
  );
}
.section-with-angled-top {
  padding-top: 200px;
}

.angled-section-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 101%;
  
  overflow: hidden;
  clip-path: polygon(0 0, 100% 5vw, 100% 100%, 0 100%);
}
.angled-section-background.ascending-angled-top{
  clip-path: polygon(0 5vw, 100% 0, 100% 100%, 0 100%);
}
.angled-section-background .angled-section-accent{
    width: 100%;
    height: 100px;
    transform: translateY(-60px);
}
.row.bg-grad-navy,
.row .ang-bg-grad-navy {
  background: linear-gradient(90deg,rgba(25, 29, 56, 1) 38%, rgba(44, 58, 116, 1) 100%);
}

.row.bg-grad-green,
.row .ang-bg-grad-green {
  background: linear-gradient(90deg, rgba(25, 29, 56, 1) 0%, rgba(6, 151, 130, 1) 48% );
}
.row{
    background-size: cover;
    background-position: center;
}

.skip-link {
  position: absolute;
  top: -42px;
  left: 0;
  background: #031040;
  color: #fff;
  padding: 8px 16px;  
  z-index: 100000;
  text-decoration: none;
  transition: top 0.3s ease;
}
  
.skip-link:focus {
  top: 0; /* Bring it into view when focused */
}


@media all and (max-width: 1920px) {
}

@media all and (max-width: 1680px) {
}

@media all and (max-width: 1600px) {
}

@media all and (max-width: 1536px) {
}

@media all and (max-width: 1500px) {
}

@media all and (max-width: 1440px) {
}

@media all and (max-width: 1366px) {
  body,p,ul,ol,a {
    font-size: 18px;
  }
}

@media all and (max-width: 1280px) {
}

@media all and (max-width: 1200px) {
}

@media all and (max-width: 1199px) {
      .section-with-angled-top {
        padding-top: 75px;
    }
}

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


}

@media all and (max-width: 991px) {
}

@media all and (max-width: 900px) {
}

@media all and (max-width: 768px) {

}

@media all and (max-width: 767px) {
}

@media all and (max-width: 640px) {
h1 {
  font-size: 43px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 27px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 14px;
}
body,p,ul,ol,a{
  font-size: 17px;
} 
}

@media all and (max-width: 540px) {


}

@media all and (max-width: 480px) {
  .row {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

@media all and (max-width: 425px) {

  .section-with-angled-top {
    padding-top: var(--ib-pad-top, 64px);
  }
}

@media all and (max-width: 390px) {
}

@media all and (max-width: 375px) {
}

@media all and (max-width: 360px) {
}

@media all and (max-width: 325px) {
}

/* END OF GENERAL */


















/* MAIN HEADER MODULE */
.main_header_module.with_curve_shape {
  position: relative;
  /* max-height: 34vw; */
  overflow: hidden;
}
.main_header_module nav.breadcrumb{
  position: absolute;
    z-index: 99;
    top: 0;
    width: 55%;
    padding: 10px 0 0;
    font-size: 16px;
    font-weight: 100;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
        max-width: 1400px;
}
.main_header_module nav.breadcrumb a,.main_header_module nav.breadcrumb span{
  color: #ffffff;
  text-decoration: none;
}
.main_header_module nav.breadcrumb span:not(.breadcrumb-separator){
  font-style: italic;
}
.main_header_module nav.breadcrumb span.breadcrumb-separator{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.main_header_module nav.breadcrumb >*:not(:last-child){
    margin-right: 5px;
}
.main_header_module .hero-banner-image{
  position: absolute;
      width: 100%;
    height: 100%;
}
/* .main_header_module .hero-banner-image rect {
  width: 68vw;
  y: -3vw;
} */


.main_header_module.curve-upward .hero-banner-image rect {
  width: 70%;
  transform: translate(104px, -550px) rotate(-8.73deg);
}
.main_header_module.curve-downward .hero-banner-image rect {
     width: 75%;
    transform: translate(288px, -673px) rotate(5deg);
}

.main_header_module.curve-upward.small-slider-section .hero-banner-image rect {
    transform: translate(212px, -800px) rotate(355deg);
}
.main_header_module.curve-downward.small-slider-section .hero-banner-image rect {
    transform: translate(320px, -860px) rotate(5deg);
}


.main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slider, 
.main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slide{
  height: 450px;
  min-height: 450px;
}
.main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_slider, 
.main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_slide{
  height: 500px;
  min-height: 500px;
}
.main_header_module.with_curve_shape.curve-upward.small-slider-section::after {
    height: 90%;
    max-width: 1600px;
}


.main_header_module.with_curve_shape.curve-downward.small-slider-section::after{
  height: 93%;
}


.main_header_module.with_curve_shape.curve-downward .main_header_slider, 
.main_header_module.with_curve_shape.curve-downward .main_header_slide{
  height: 40vw;
}
.main_header_module.with_curve_shape.curve-downward::after {
    left: 56%;
}
  .main_header_module.with_curve_shape.curve-downward .main_header_content{
    padding-bottom: 70px;
  }
.main_header_module .main_header_content {
  max-width: 100%;
  width: 70%;
  margin: 0 auto;
  padding: 0 24px;
  color: #fff;
  position: relative;
  z-index: 1;
}
.main_header_module.curve-upward .main_header_content {
  width: 60%;
}

.main_header_module.with_curve_shape .main_header_slider,
.main_header_module.with_curve_shape .main_header_slide {
  clip-path: url(#clip-hero);
  -webkit-clip-path: url(#clip-hero);
  /* position: absolute; */
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  min-height: 35vw;
  width: 100vw;
  z-index: 10;
}
.main_header_module.with_curve_shape::after {
  content: "";
  position: absolute;
  width: 70vw;
  height: 78%;
  left: 50%;
  border-radius: 0 0 50px 50px;
  top: -2px;
  transform: translateX(-50%);
  z-index: 9;
  background-color: var(--shape-color);
  /* background: linear-gradient(
    90deg,
    rgba(28, 45, 90, 1) 0%,
    rgba(43, 71, 148, 1) 100%
  ); */
}

.main_header_module .main_header_title{
  color: #ffffff;
}




/* Video layer */
.main_header_media{
  position: absolute;
  inset: 0;
  z-index: 0;
}

.main_header_bgvideo{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Overlay sits above video/background */
.main_header_overlay{
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* Content sits on top */
.main_header_content{
  position: relative;
  z-index: 2;
}








/* The tilted rounded "mask" */
.main_header_module.with_curve_shape .main_header_clip{ 
  /* width: 75%; */
  margin: 0 auto;
  border-radius: 0 0 60px 60px; 
  overflow: hidden;
  position: relative;
  z-index: 10;
  transform-origin: center;
  width: 80%;
  max-width: 1400px;
}

/* Direction variants */
.main_header_module.with_curve_shape.curve-downward .main_header_clip{
  transform: rotate(5deg);
}

.main_header_module.with_curve_shape.curve-upward .main_header_clip{
  transform: rotate(-8.73deg);
}
 
/* Keep the content level inside the tilted frame */
.main_header_module.with_curve_shape .main_header_clip__inner{
  position: relative;
  width: 100%;
  height: 575px;
  /* height: 40vw;
  min-height: 35vw;  */
  transform-origin: center;

  /* counter-rotate to cancel the parent tilt */
}
.main_header_module.with_curve_shape.small-slider-section.curve-downward .main_header_clip__inner {
    height: 475px;
}
.main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_slider, 
.main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_slide {
    height: 530px;
  }
.main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slider, 
.main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slide {
    height: 560px;
    min-height: 560px;
}  
.main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_clip__inner {
    height: 451px;
} 
.main_header_module.with_curve_shape.curve-downward .main_header_clip__inner{
  transform: rotate(-5deg) scale(1.06);
}

.main_header_module.with_curve_shape.curve-upward .main_header_clip__inner{
  transform: rotate(8.73deg) scale(1.06) translateX(-2%);
  width: 105%;
}

/* Make the slider and slides fill the inner box */
.main_header_module.with_curve_shape .main_header_slider,
.main_header_module.with_curve_shape .main_header_slide{
  height: 100%;
  min-height: 100%;
}

/* Your existing media layering still works */
.main_header_media{
  position: absolute;
  inset: 0;
  z-index: 0;
}
.main_header_bgvideo{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.main_header_overlay{
  position: absolute;
  inset: 0;
  z-index: 1;
}
.main_header_content{
  position: relative;
  z-index: 2;
}

/* Pull the rotated frame upward so it visually sits flush */
.main_header_module.with_curve_shape.curve-downward .main_header_clip{
  padding-top: 5vw;
  transform: translateY(-5vw) rotate(5deg); 
}

.main_header_module.with_curve_shape.curve-upward .main_header_clip{
  padding-top: 8vw;
  transform: translateY(-8vw) rotate(-8.73deg);
}


.main_header_module .splide__arrows{
  width: 75%;
  max-width: 1300px;
  position: absolute;
  top: 50%;

  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main_header_module .splide__arrows .splide__arrow{
  position: relative;
  transform: none;
}



.main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_content{
  width: 55%;
  padding-bottom: 100px;
}
.main_header_module.with_curve_shape.curve-upward:not(.small-slider-section) .main_header_content{
  width: 70%;
  max-width: 1200px;
}
.main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_slider, 
.main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_slide{
  height: 630px;
}

.main_header_module.with_curve_shape.curve-upward:not(.small-slider-section) .main_header_slider, 
.main_header_module.with_curve_shape.curve-upward:not(.small-slider-section) .main_header_slide{
  height: 700px;
}

.main_header_module.small-slider-section.with_curve_shape.curve-upward{
  height: 320px;
}


.main_header_module.with_curve_shape.curve-upward.small-slider-section{
  height: 400px;
}
.main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_clip{
  padding-top: 8vw;
  transform: translateY(-8vw) rotate(-9deg);
}
.main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_clip__inner{
  height: 300px;
}
.main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slider, 
.main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slide{
  height: 395px;
  min-height: 0;
}
.main_header_module.curve-upward.small-slider-section .main_header_content{
  max-width: 1250px;
  width: 55%;
  padding-left: 0;
  padding-right: 0;
}
.main_header_module.curve-upward.small-slider-section .main_header_content .main_header_title{
  max-width: 700px;
} 




.main_header_module.with_curve_shape.curve-downward.small-slider-section{
  height: 500px;
}
.main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_clip{
  padding-top: 6vw;
  transform: translateY(-6vw) rotate(9deg);
}
.main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_clip__inner{
  height: 350px;
  transform: rotate(-9deg) scale(1.06);
}
.main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_slider, 
.main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_slide{
  height: 475px;
  min-height: 0;
}
.main_header_module.curve-downward.small-slider-section .main_header_content{
    max-width: 1250px;
    width: 50%;
    padding-bottom: 175px;
    padding-left: 0;
    padding-right: 0;
}
.main_header_module.with_curve_shape.curve-downward.small-slider-section::after{
  height: 79%;
  left: 54%;
  width: 70vw;
      max-width: 1600px;
}

.main_header_module .sbtn.plain-btn:hover{
  background-color: transparent !important;
  color: #ffffff !important; 
}



.main_header_module .splide__slide,
.main_header_module .main_header_slide,
.main_header_module .main_header_content,
.main_header_module .main_header_title,
.main_header_module .main_header_subtitle,
.main_header_module .main_header_eyebrow,
.main_header_module .main_header_content .sbtn {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.main_header_module .main_header_content {
  transform: translateZ(0);
}

.main_header_module .splide__slide {
  will-change: transform, opacity;
}
.main_header_module.with_curve_shape.curve-downward .splide .main_header_content,
.main_header_module.with_curve_shape.curve-upward .splide .main_header_content {
  transform: translateZ(0);
}



@media all and (min-width: 2000px) {
  .main_header_module .main_header_content {
    width: 63%;
  }
  .main_header_module .hero-banner-image rect {
    width: 68vw;
  }
  .main_header_module.curve-upward .hero-banner-image rect {
    width: 70%;
    transform: translate(104px, -520px) rotate(-8.73deg);
  }
  .main_header_module.curve-downward .hero-banner-image rect {
    transform: translate(288px, -600px) rotate(5deg);
  }
  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_content{
    padding-bottom: 70px;
  }
  .main_header_module.with_curve_shape.curve-downward .main_header_content{
    padding-bottom: 240px;
  }
  .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_slider, 
  .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_slide {
    height: 540px;
    min-height: 540px;
  }
  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section)::after {
    left: 53%;
  }
  .main_header_module.with_curve_shape.curve-upward:not(.small-slider-section)::after{
    left: 55% !important;
  }
}
@media all and (min-width: 2150px) {
  .main_header_module .main_header_content {
    width: 63%;
  }
  .main_header_module .hero-banner-image rect {
    width: 73vw !important;
  }
  .main_header_module.curve-upward .hero-banner-image rect {
    transform: translate(100px, -473px) rotate(-8.73deg);
  }
  .main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_clip{
    max-width: 1500px;
  }
  .main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slider, 
  .main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slide {
    height: 367px;
  }
  .main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_clip__inner{
    height: 265px;
  }
  .main_header_module.with_curve_shape.curve-upward:not(.small-slider-section)::after{
    left: 60% !important;
    width: 55vw;
  }
    .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_clip {
        max-width: 1600px;
    }
}
@media all and (min-width: 2350px) {
  .main_header_module .main_header_content {
    width: 70%;
  }
  .main_header_module .hero-banner-image rect {
    width: 74vw !important;
  } 
  .main_header_module.curve-upward .hero-banner-image rect {
    transform: translate(100px, -400px) rotate(-8.73deg);
  }
  .main_header_module.curve-downward .hero-banner-image rect {
    transform: translate(288px, -525px) rotate(5deg);
  }
  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_content {
    width: 45%;
  }
  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section)::after {
    left: 55%;
    width: 60vw;
  }
  .main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_clip {
    max-width: 1600px;
  }
  .main_header_module.with_curve_shape.curve-upward:not(.small-slider-section)::after{
    left: 55% !important;
    width: 49vw;
  }

}
@media all and (min-width: 3000px) {
  .main_header_module.with_curve_shape.curve-upward:not(.small-slider-section)::after {
        left: 55% !important;
        width: 41vw;
    }
}


@media all and (max-width: 1900px) {
  .main_header_module.with_curve_shape.curve-upward .main_header_slider, 
  .main_header_module.with_curve_shape.curve-upward .main_header_slide{
    height: 40vw;
  }
  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_content{
    max-width: 1000px;
    width: 60%;
  }
}



@media all and (max-width: 1800px) {
  .main_header_module.curve-upward .hero-banner-image rect {
      transform: translate(102px, -615px) rotate(-8.73deg);
  }
}

@media all and (max-width: 1700px) {
  .main_header_module.with_curve_shape.curve-upward .main_header_slider, 
  .main_header_module.with_curve_shape.curve-upward .main_header_slide{
    height: 40vw;
  }
  /* .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_slider, 
  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_slide{
    height: 45vw;
  } */
}


@media all and (max-width: 1680px) {
  .main_header_module .hero-banner-image rect {
    /* x: 66;
    y: 50; */
    /* width: 73vw; */
  }
  .main_header_module::after {
    width: 71vw;
    left: 55%;
  }
}

@media all and (max-width: 1600px) {
  .main_header_module.with_curve_shape .main_header_slider,
  .main_header_module.with_curve_shape .main_header_slide {
    height: 41vw;
  }
  .main_header_module.with_curve_shape {
    /* max-height: 41vw; */
  }
  .main_header_module .hero-banner-image rect {
    /* y: 90; */
  }
}

@media all and (max-width: 1536px) {
}

@media all and (max-width: 1500px) {
  .main_header_module.curve-upward.small-slider-section .hero-banner-image rect {
    transform: translate(40px, -800px) rotate(355deg);
    width: 78%;
  }
  .main_header_module.curve-downward:not(.small-slider-section) .hero-banner-image rect {
    width: 80%;
    transform: translate(195px, -727px) rotate(5deg);
  }
}

@media all and (max-width: 1440px) {
  .main_header_module .hero-banner-image rect {
    /* y: 60; */
  }
  .main_header_module::after {
    width: 71vw;
    left: 58%;
    height: 85%;
  }

  .main_header_module.with_curve_shape.curve-upward .main_header_slider, 
  .main_header_module.with_curve_shape.curve-upward .main_header_slide {
    height: 45vw;
  }
  .main_header_module.with_curve_shape.curve-downward .main_header_slider, .main_header_module.with_curve_shape.curve-downward .main_header_slide {
    height: 50vw;
  }
  .main_header_module.curve-downward .hero-banner-image rect {
    width: 80%;
    transform: translate(205px, -673px) rotate(5deg);
  }
  .main_header_module.curve-upward .hero-banner-image rect{
    width: 80%;
    transform: translate(-11px, -648px) rotate(-8.73deg);
  }
  .main_header_module.with_curve_shape.curve-upward::after {
    height: 80%;
    left: 55%;
  }
  /* .main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slider, 
  .main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slide {
    height: 400px;
    min-height: 400px;
  } */
  .main_header_module.curve-upward.small-slider-section .hero-banner-image rect {
    transform: translate(40px, -855px) rotate(355deg);
  }
  .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_slider, 
  .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_slide {
    height: 450px;
    min-height: 450px;
  }
  .main_header_module.curve-downward.small-slider-section .hero-banner-image rect {
    transform: translate(258px, -910px) rotate(5deg);
  }
  .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_content {
    padding-bottom: 125px;
  }
  .main_header_module.with_curve_shape.curve-downward.small-slider-section::after {
    left: 60%;
    height: 89%;
  }

  .main_header_module.with_curve_shape.curve-downward.small-slider-section::after {
    left: 55%;
    height: 75%;
    width: 80%;
  }

}

@media all and (max-width: 1366px) {
  .main_header_module .hero-banner-image rect {
    /* x: -23;
    y: 25; */
    /* width: 83vw; */
  }
  .main_header_module.with_curve_shape .main_header_content {
    width: 70%;
  }
  .main_header_module::after {
    left: 62%;
  }
  .main_header_module.curve-downward:not(.small-slider-section) .hero-banner-image rect {
    width: 88%;
    transform: translate(142px, -754px) rotate(5deg);
  }
  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section)::after{
    left: 54%;
    height: 90%;
    width: 80vw;
  }
}

@media all and (max-width: 1320px) {

  .main_header_module.with_curve_shape.curve-downward .main_header_slider, 
  .main_header_module.with_curve_shape.curve-downward .main_header_slide {
    height: 55vw;
  }
  /* .main_header_module.with_curve_shape.curve-downward::after{
    left: 60%;
    height: 85%;
  } */
  .main_header_module.with_curve_shape.curve-downward .main_header_content{
    padding-bottom: 70px;
  }

  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_slider, 
  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_slide {
    height: 642px;
    min-height: 0;
  }
  /* .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section)::after {
    left: 61%;
    height: 87%;
  } */
}

@media all and (max-width: 1250px) {
  .main_header_module.with_curve_shape.curve-upward .main_header_slider, 
  .main_header_module.with_curve_shape.curve-upward .main_header_slide {
        height: 50vw;

    }
    .main_header_module.with_curve_shape.curve-upward::after {
        height: 80%;
        left: 58%;
    }

  .main_header_title {
    font-size: clamp(28px, 5vw, 50px) !important;
  }
}

@media all and (max-width: 1199px) {
  .main_header_module .main_header_subtitle {
    font-size: 17px;
  }
  .main_header_module .main_header_title {
    font-size: clamp(28px, 4vw, 56px);
  }
  .main_header_module.curve-downward .hero-banner-image rect {
    transform: translate(205px, -710px) rotate(5deg);
  }
  .main_header_module.curve-downward.small-slider-section .hero-banner-image rect{
    transform: translate(167px, -930px) rotate(5deg);
    width: 90%;
  }
  .main_header_module.with_curve_shape.curve-downward.small-slider-section::after {
    left: 57%;
    width: 84%;
  }
  .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_clip{
    width: 90%;
  }
  .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_content {
    padding-bottom: 165px; 
  }
}

@media all and (max-width: 1150px) {
  .main_header_module .hero-banner-image rect {
    /* y: 10; */
  }
  .main_header_module.with_curve_shape.curve-upward .main_header_slider, 
  .main_header_module.with_curve_shape.curve-upward .main_header_slide {
        height: 55vw;
  }
}

@media all and (max-width: 1024px) {
  .main_header_module .hero-banner-image rect {
    /* y: -30; */
  }
  .main_header_module.with_curve_shape.curve-upward .main_header_slider, 
  .main_header_module.with_curve_shape.curve-upward .main_header_slide {
        height: 62vw;
  }
  .main_header_module.curve-upward .hero-banner-image rect {
    width: 90%;
    transform: translate(-80px, -648px) rotate(-8.73deg);
  }
  .main_header_module.with_curve_shape.curve-upward::after {
    left: 63%;
  }
  .main_header_module.curve-downward .hero-banner-image rect {
        transform: translate(205px, -744px) rotate(5deg);
  }
  .main_header_module.with_curve_shape.curve-downward .main_header_slider, 
  .main_header_module.with_curve_shape.curve-downward .main_header_slide {
        height: 60vw;
    }
  .main_header_module.curve-upward.small-slider-section .hero-banner-image rect {
    transform: translate(40px, -893px) rotate(355deg);
  }
  .main_header_module.with_curve_shape.curve-upward.small-slider-section::after {
    height: 72%; 
    left: 60%;
  }
  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section)::after {
    left: 57%;
    height: 86%;
    width: 79%;
  }

  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_clip{
    width: 90% !important;
  }
  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_content {
    width: 71% !important;  
  }
  .main_header_module.with_curve_shape.curve-upward:not(.small-slider-section)::after{
    left: 60%;
    height: 90%;
  }

  .main_header_module.curve-upward.small-slider-section .main_header_content{
    padding-bottom: 75px;
  }
  
}

@media all and (max-width: 960px) {
  .main_header_module .hero-banner-image rect {
    /* x: -80;
    y: -65; */
    /* width: 90vw; */
  }
  /* .main_header_module::after {
    left: 65%;
  } */
  .main_header_module.with_curve_shape.curve-upward .main_header_slider, 
  .main_header_module.with_curve_shape.curve-upward .main_header_slide {
    height: 69vw;
  }
  .main_header_module.with_curve_shape.curve-upward::after {
        height: 83%;
      }
}


@media all and (max-width: 960px) {
  .main_header_module.with_curve_shape.curve-upward .main_header_slider, 
  .main_header_module.with_curve_shape.curve-upward .main_header_slide {
    height: 76vw;
  }
}


@media all and (max-width: 900px) {
  .main_header_module.with_curve_shape .main_header_slider,
  .main_header_module.with_curve_shape .main_header_slide {
    height: 60vw;
  }
  .main_header_module.with_curve_shape {
    /* max-height: 60vw; */
  }
  .main_header_module .main_header_content {
    width: 60%;
  }
  .main_header_module .hero-banner-image rect {
    /* y: -30; */
  }
  .main_header_module.curve-downward .hero-banner-image rect {
      transform: translate(205px, -765px) rotate(5deg);
  }
  .main_header_module.with_curve_shape.curve-downward .main_header_slider, .main_header_module.with_curve_shape.curve-downward .main_header_slide {
        height: 65vw;
    }
  .main_header_module.curve-upward.small-slider-section .hero-banner-image rect {
    transform: translate(-41px, -913px) rotate(355deg);
    width: 90%;
  }
  .main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slider, .main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slide {
        height: 350px;
        min-height: 350px;
    }
    .main_header_module.with_curve_shape.curve-upward.small-slider-section::after {
        height: 75%;
    }

  .main_header_module.curve-downward.small-slider-section .hero-banner-image rect {
    transform: translate(145px, -930px) rotate(5deg);
    rx: 40;
    ry: 40;
  }    
  .main_header_module.with_curve_shape.curve-downward.small-slider-section::after {
    left: 53%;
    width: 90%;
    height: 79%;
    border-radius: 0 0 40px 40px;
  }
}
@media all and (max-width: 840px) {
      .main_header_module.with_curve_shape {
        /* max-height: 67vw; */
    }
    .main_header_module.with_curve_shape .main_header_slider, .main_header_module.with_curve_shape .main_header_slide {
        height: 65vw;
    }
    .main_header_module .hero-banner-image rect {
        /* width: 85vw; */
    }
    .main_header_module::after {
        left: 59%;
        height: 88%;
    }
    .main_header_module.curve-downward .hero-banner-image rect{
      transform: translate(145px, -780px) rotate(5deg);
      width: 90%;
    }
    .main_header_module.with_curve_shape.curve-downward::after {
        left: 58%;
        width: 80vw;
        height: 94%;
    }
}
@media all and (max-width: 800px) {
 .main_header_module.with_curve_shape.curve-downward .main_header_slider, 
 .main_header_module.with_curve_shape.curve-downward .main_header_slide {
    height: 70vw;
  } 
  .main_header_module.with_curve_shape.curve-downward::after {
    height: 88%;
  }
}
@media all and (max-width: 768px) {
  
  .main_header_module.with_curve_shape:not(.small-slider-section) .main_header_slider,
  .main_header_module.with_curve_shape:not(.small-slider-section) .main_header_slide {
    clip-path: none;
    -webkit-clip-path: none;
    position: relative;
    top: -0;
    left: 0;
    transform: none;
    width: 75vw;
    margin: 0 auto;
    border-radius: 0 0 35px 35px;
    overflow: hidden;
    height: 600px;
  }
  .main_header_module:not(.small-slider-section) svg.hero-banner-image {
    display: none;
  }
  .main_header_module {
    /* max-height: 600px; */
  }
  .main_header_module.with_curve_shape.curve-downward .main_header_content {
        padding-bottom: 0;
    }
  .main_header_module.with_curve_shape:not(.small-slider-section)::after {
    content: "";
    position: absolute;
    width: 75vw;
    height: 112%;
    left: 50px;
    left: 54% !important;
    border-radius: 0 0 35px 35px;
    top: -19px;
    transform: translateX(-50%);

    background: linear-gradient(
      90deg,
      rgba(28, 45, 90, 1) 0%,
      rgba(43, 71, 148, 1) 100%
    );
    height: 95% !important;
  }
  .main_header_module.with_curve_shape {
    overflow: visible;
  }
  .main_header_module:not(.small-slider-section){
    height: 650px;
    margin-bottom: 50px;
  }
  .main_header_module.with_curve_shape.curve-downward.small-slider-section::after {
        left: 55% !important;
        width: 90%;
        height: 80% !important;
        border-radius: 0 0 40px 40px;
    }

    .main_header_module.with_curve_shape:not(.small-slider-section) .main_header_clip{
      padding-top: 0 !important;
      transform: none !important;
      width: 70% !important;
      margin: 0 auto;
    }
    .main_header_module.with_curve_shape:not(.small-slider-section) .main_header_clip__inner{
      transform: none !important;
      width: 75vw;
      margin: 0 auto;
      height: 630px;
    }
    .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_clip,
    .main_header_module.with_curve_shape.curve-upward:not(.small-slider-section) .main_header_clip{
      width: 75% !important;
      border-radius: 0 0 50px 50px;
    }
    .main_header_module.with_curve_shape:not(.small-slider-section) .main_header_content{
      padding-bottom: 0 !important;
    }
    .main_header_module:not(.small-slider-section) .splide__arrows {
      width: 95%;
    }
}

@media all and (max-width: 700px) {
  /* .main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slider, 
  .main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_slide {
    height: 300px;
    min-height: 300px;
  } */
  .main_header_module.curve-upward.small-slider-section .hero-banner-image rect {
    transform: translate(-41px, -965px) rotate(355deg);
  }
}







@media all and (max-width: 640px) {
  .main_header_module .main_header_content {
    width: 80%;
  }
  .main_header_module:not(.small-slider-section){
    height: 75vw;
    margin-bottom: 50px;
  }
  .main_header_module:not(.small-slider-section) .main_header_slider, 
  .main_header_module:not(.small-slider-section) .main_header_slide {
        height: 90vw !important;
  }
  .main_header_module:not(.small-slider-section) {
    height: 90vw !important; 
  }
  .main_header_module.curve-upward.small-slider-section .hero-banner-image rect {
    transform: translate(-84px, -959px) rotate(355deg);
    width: 85%;
        rx: 30;
    ry: 30;
  }
      .main_header_module.curve-downward.small-slider-section .hero-banner-image rect {
        transform: translate(126px, -950px) rotate(5deg);
        rx: 40;
        ry: 40;
    }
    .main_header_module.with_curve_shape.curve-downward.small-slider-section::after {
        left: 53% !important;
        width: 90%;
        height: 77% !important;
        border-radius: 0 0 40px 40px;
    }
    .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_clip, 
    .main_header_module.with_curve_shape.curve-upward:not(.small-slider-section) .main_header_clip{
      width: 85% !important;
    }
    .main_header_module.with_curve_shape .main_header_clip__inner{
      width: 85vw;
    }
    .main_header_module.with_curve_shape:not(.small-slider-section) .main_header_slider, 
    .main_header_module.with_curve_shape:not(.small-slider-section) .main_header_slide{
      width: 85vw;
    }
    .main_header_module.with_curve_shape.curve-upward:not(.small-slider-section){
      height: 640px !important;
    }
    .main_header_module.with_curve_shape:not(.small-slider-section) .main_header_clip__inner {
        width: 85vw;
    }
    .main_header_module.with_curve_shape:not(.small-slider-section)::after{
        width: 85vw;
    }
}

@media all and (max-width: 575px) {
  .main_header_module .main_header_slider,
  .main_header_module .main_header_slide {
    width: 85vw;
  }
  .main_header_module::after {
    left: 62%;
    top: -39px;
  }
  .main_header_module:not(.small-slider-section) .main_header_slider, 
  .main_header_module:not(.small-slider-section) .main_header_slide {
        height: 110vw !important;
  }
  .main_header_module:not(.small-slider-section) {
    height: 110vw !important; 
  }
  .main_header_module.with_curve_shape .main_header_slider, 
  .main_header_module.with_curve_shape .main_header_slide {
    width: 90vw;
  }
  .main_header_module.with_curve_shape::after {
    left: 61% !important;
    top: 0px;
  }
      .main_header_module.curve-downward.small-slider-section .hero-banner-image rect {
        transform: translate(106px, -957px) rotate(5deg);
        rx: 40;
        ry: 40;
        width: 86%;
    }
    .main_header_module.with_curve_shape.curve-downward.small-slider-section::after {
        left: 53% !important;
        width: 90%;
        height: 70% !important;
        border-radius: 0 0 40px 40px;
    }
    .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_slider, 
    .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_slide {
        height: 347px;
        min-height: 0;
    }
    .main_header_module.with_curve_shape.curve-downward.small-slider-section::after {
        height: 90% !important;
    }

    .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_clip__inner{
      height: 280px;
    }
    .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_clip{
      width: 84%;
      padding-top: 20vw;
      transform: translateY(-20vw) rotate(9deg);
    }
    .main_header_module.with_curve_shape.curve-downward.small-slider-section{
      height: 330px; 
    }
}


@media all and (max-width: 540px) {
  .main_header_module.with_curve_shape.small-slider-section .main_header_clip,
  .main_header_module.with_curve_shape.small-slider-section .main_header_clip__inner{
    transform: none;
  }
  .main_header_module.with_curve_shape.small-slider-section .main_header_clip{
    padding-top: 0;
  }
  .main_header_module.with_curve_shape.curve-upward.small-slider-section .main_header_clip{
    transform: none;
    padding-top: 0;
  }
  .main_header_module.with_curve_shape.curve-upward.small-slider-section{
    height: 320px;
  }
  .main_header_module.with_curve_shape.curve-upward.small-slider-section::after{
      height: 85%;
  }
}

@media all and (max-width: 475px) {
  .main_header_module:not(.small-slider-section) .main_header_slider, 
  .main_header_module:not(.small-slider-section) .main_header_slide {
        height: 130vw !important;
  }
  .main_header_module:not(.small-slider-section) {
    height: 130vw !important; 
  }
  .main_header_module .main_header_content {
        width: 80% !important;
  }
  .main_header_module:not(.small-slider-section),
  .main_header_module:not(.small-slider-section) .main_header_slider, 
  .main_header_module:not(.small-slider-section) .main_header_slide{
    height: 650px !important;
  }
  .main_header_module.with_curve_shape.curve-downward:not(.small-slider-section) .main_header_content {
        width: 85% !important;
    }

    .main_header_module.with_curve_shape.curve-downward.small-slider-section .main_header_content{
      width: 70% !important;
    }
}


@media all and (max-width: 414px) {
    .main_header_module:not(.small-slider-section) .main_header_slider, 
  .main_header_module:not(.small-slider-section) .main_header_slide {
        height: 155vw !important;
  }
  .main_header_module:not(.small-slider-section) {
    height: 155vw !important; 
  }
  .main_header_module:not(.small-slider-section)::after {
    height: 102% !important; 
  }
  .main_header_module::after {
    left: 60%;
    top: -52px;
  }
  .main_header_module .main_header_subtitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
}

@media all and (max-width: 390px) {
}

@media all and (max-width: 375px) {
}

@media all and (max-width: 360px) {
}

@media all and (max-width: 325px) {
}
/* END OF MAIN HEADER MODULE */


/* FOOTER */
.site-footer a {
    display: inline-block;
}
.site-footer__brand .site-logo img{
      max-height: 50px;
    width: auto;
    height: 50px;
    filter: invert(88%) sepia(90%) saturate(1%) hue-rotate(189deg) brightness(111%) contrast(97%);
}
.site-footer__widgets ul li{
  list-style: none;
}
.site-footer__widgets ul{
  padding-left: 0;
}
.site-footer__widgets ul li a{
      font-weight: 300;
  font-size: 18px;
}
.site-footer__widgets ul li.main-menu-link a{
  font-weight: 900;
}
.site-footer__widgets {
    display: grid;
 
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}
.site-footer__bar{
  justify-content: center;
}
.site-footer__bar-links .textwidget.custom-html-widget,
.site-footer__bar-links .textwidget {
    display: flex;
    font-size: 11px;
    gap: 15px;
    font-weight: 300;
    position: relative;
}
.site-footer__bar-links .textwidget .tailored-by{
    color: #100035;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 10px);
}
.site-footer__bar-links .textwidget .tailored-by a{
    color: #100035;
}
.site-footer__bar-links .textwidget.custom-html-widget a,
.site-footer__bar-links .textwidget a{
  font-weight: 600;
  text-decoration: underline;
}
.site-footer__bar-links .textwidget.custom-html-widget a:hover,
.site-footer__bar-links .textwidget a:hover{
  text-decoration: none;
}
.site-footer__contact .textwidget.custom-html-widget{
  display: flex;
  flex-direction: column;
  font-size: 18px;
  font-weight: 900;
}
.empty-column.footer-separator .separator-footer{
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
background: linear-gradient(90deg,rgba(0, 157, 224, 1) 0%, rgba(16, 0, 53, 1) 75%, rgba(16, 0, 53, 1) 100%);

}
.site-footer__socials{
      display: flex;
    gap: 55px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.site-footer__socials a{
  display: flex;
  align-items: center;
}
.site-footer__inner {
      width: 70%;
}
.site-footer__contact{
      text-align: right;
}
/* .footer-col-menu > section{
  width: fit-content;
}
.footer-col-menu.midcol, .footer-col-menu.rcol{
  display: flex;
  justify-content: center;
} */
@media (max-width: 1366px) {
  .site-footer__bar-links .textwidget.custom-html-widget a{

  font-size: 11px;
  }
}
@media (max-width: 1024px) {
.site-footer__inner {
    width: 80%;
}
@media (max-width: 900px) {
.site-footer__bar-links .textwidget.custom-html-widget {
  flex-direction: column;
  align-items: center;
}
}

@media (max-width: 767px) {
  .site-footer__widgets .footer-col.footer-col-menu{
    grid-column: 1 / 4;
    text-align: center;
  }
}
@media (max-width: 615px) {
  .site-footer__widgets .site-footer__brand,
  .site-footer__widgets .site-footer__contact{
    grid-column: 1 / 4;
    text-align: center;
  }
}
}
/* END OF FOOTER */



/* GRAVITY FORMS */
form input:not([type=checkbox]){
    height: 51px !important;
}
.gform-body .gform_fields{
  row-gap: 5px !important;
}
.gfield{
  font-family: "Plus Jakarta Sans", sans-serif;
    margin-top: 0 !important;
    margin-bottom: 5px !important; 
}

.gchoice{
    display: flex;
    align-items: center;
}
.gchoice .gform-field-label{
    line-height: 1;
}

form input::placeholder,
form textarea::placeholder,
form select::placeholder,
.gfield legend.gfield_label,
.gchoice label.gform-field-label,
.gfield > .gfield_label,
.gfield--type-fileupload > .gfield_label
{
    /* font-family: var(--sora); */
    /* font-family: var(--lato); */
    /* color: var(--light-green) !important; */
    font-weight: 500 !important;
    font-size: 17px !important;
    margin-bottom: 5px !important;
}
.gform_wrapper.gravity-theme .gform_fields{
    grid-row-gap: 5px;
}
.gform_wrapper .gchoice label,
.gform_wrapper .gfield--type-consent .ginput_container_consent label{
    font-weight: 400 !important;
}
.gform_wrapper .gfield legend.gfield_label,
.gform_wrapper .gfield > .gfield_label,
.gform_wrapper .gfield--type-fileupload > .gfield_label,
.gform_wrapper .gfield:not(.gfield--type-choice) label,
.gform_wrapper input[type=file]{
    color: #111636 !important;
    font-weight: 600 !important;
}
.gform_wrapper .gchoice label.gform-field-label,
.gform_wrapper label{
    color: #111636 !important;
    width: calc(100% - 40px);
    line-height: 1.4 !important;
}

.gform_wrapper .gfield.gfield--type-choice > legend{
    margin-bottom: 10px !important;
}
.gform_wrapper .gfield.gfield--type-html.gfield--input-type-html{
    /* font-family: var(--lato); */
    color: var(--dark-grey) !important;
    font-weight: 600 !important;
    font-size: 17px !important;
}
.gform_wrapper .gfield_radio > .gchoice:not(:last-child),
.gform_wrapper .gfield_checkbox > .gchoice:not(:last-child){
    margin-bottom: 10px;
}
.gform_wrapper  input[type=radio] {
width: 20px;
height: 20px;
}
.gform_wrapper  input[type=checkbox] {
    width: 20px !important;
    height: 20px;
    margin: 0 15px 0 5px !important;
}
.gform_wrapper .gfield--type-fileupload > .ginput_container > input{
    height: auto;
    /* font-family: var(--lato) !important; */
}
.gform_wrapper .gfield--type-fileupload > .ginput_container >span.gfield_description.gform_fileupload_rules{
    padding: 0;
    /* font-family: var(--lato) !important; */
    color: var(--light-green);
}
.gform_wrapper form input:not([type=file]), .gform_wrapper form textarea,.gform_wrapper form select{
    border-radius: 10px;
    font-size: 17px !important;
    /* font-family: var(--lato) !important; */
    /* color: var(--light-green) !important; */
    font-weight: 600;
    border: none;
}
.gform_wrapper .gfield_required.gfield_required_text{
    color: #111636 !important;
    background: transparent;
    padding: 2px 7px;
    margin-left: 5px;
    border-radius: 5px;
    font-weight: 800 !important;
    letter-spacing: 1px;
    font-size: 11px !important;
}


.gform_wrapper form input[type=checkbox]{
    width: 30px;
    margin-right: 20px;
}
.gform_wrapper form input[type=submit]{
    width: 200px;
    height: auto;
    padding: 8px !important;
    background-color: #212a5e !important;
    border-radius: 40px;
    font-weight: 600;
    text-transform: uppercase;
    color: white !important;
    font-size: 15px;
    letter-spacing: 1px;
    cursor: pointer;
    border: 1px solid #212a5e;
    margin: 0 auto;
}
.gform_wrapper form input[type=submit]:hover{
    color: #212a5e !important;
    background-color: transparent !important;
    border: 1px solid #212a5e;
}
.gform_wrapper form .gform_footer{
    display: flex;

}
.gform_wrapper form .gfield.gfield--type-consent{
    color: white;
    font-size: 17px;

}
.gform_wrapper form .gfield.gfield--type-consent .ginput_container{
    display: flex;
    align-items: center;
    color: var(--green);
    /* font-family: var(--lato); */
    font-weight: 500;
}
.gform_wrapper form .gfield.gfield--type-consent a:hover{
    text-decoration: underline;
}
.gform_wrapper form .gfield.gfield--type-consent a{
    color: var(--green);
}
 

.gform_wrapper form select.gfield_select{
    height: 50px;
} 


.gform_wrapper .gform_confirmation_message h3{
    margin: 0 !important;
    line-height: 2;
    font-weight: 600;
}

.gfield_description.validation_message{
    font-weight: 600;
    text-align: left !important;
    margin-top: 5px !important;
}

.row form .gform_footer{
    display: flex;
    justify-content: center;
}

.row .gform-theme--foundation .gform_required_legend {
  font-size: 16px;
}

/* ==========================================
   LIGHT FORM
   ========================================== */
.row.light-form .gform_wrapper .gfield_label,
.row.light-form .gform_wrapper .gfield_description,
.row.light-form .gform_wrapper .ginput_complex label,
.row.light-form .gform-theme--foundation .gfield_label,
.row.light-form .gform-theme--foundation .gfield_description,
.row.light-form .gform-theme--foundation .ginput_complex label,
.row.light-form .gform-theme--foundation .gform_required_legend,
.row.light-form form .gfield.gfield--type-consent a,
body.single .post-content .gform_wrapper .gfield_label,
body.single .post-content .gform_wrapper .gfield_description,
body.single .post-content .gform_wrapper .ginput_complex label,
body.single .post-content .gform-theme--foundation .gfield_label,
body.single .post-content .gform-theme--foundation .gfield_description,
body.single .post-content .gform-theme--foundation .ginput_complex label,
body.single .post-content .gform-theme--foundation .gform_required_legend,
body.single .post-content form .gfield.gfield--type-consent a {
  color: #191d38 !important;
}
.row.light-form form input[type=submit],
body.single .post-content input[type=submit]{
    background-color: #1f3777 !important;
    color: #fff !important;
    border: 1px solid #1f3777 !important;
}
.row.light-form form input[type=submit]:hover,
body.single .post-content input[type=submit]:hover{
    background-color: #fff !important;
    color: #1f3777 !important;
    border: 1px solid #1f3777 !important;
}
.row.light-form .gform_wrapper input[type="text"],
.row.light-form .gform_wrapper input[type="email"],
.row.light-form .gform_wrapper input[type="tel"],
.row.light-form .gform_wrapper input[type="url"],
.row.light-form .gform_wrapper input[type="number"],
.row.light-form .gform_wrapper input[type="password"],
.row.light-form .gform_wrapper input[type="search"],
.row.light-form .gform_wrapper input[type="date"],
.row.light-form .gform_wrapper input[type="time"],
.row.light-form .gform_wrapper input[type="datetime-local"],
.row.light-form .gform_wrapper input[type="month"],
.row.light-form .gform_wrapper input[type="week"],
.row.light-form .gform_wrapper textarea,
.row.light-form .gform_wrapper select,
.row.light-form .gform-theme--foundation .gfield input,
.row.light-form .gform-theme--foundation .gfield textarea,
.row.light-form .gform-theme--foundation .gfield select,
body.single .post-content .gform_wrapper input[type="text"],
body.single .post-content .gform_wrapper input[type="email"],
body.single .post-content .gform_wrapper input[type="tel"],
body.single .post-content .gform_wrapper input[type="url"],
body.single .post-content .gform_wrapper input[type="number"],
body.single .post-content .gform_wrapper input[type="password"],
body.single .post-content .gform_wrapper input[type="search"],
body.single .post-content .gform_wrapper input[type="date"],
body.single .post-content .gform_wrapper input[type="time"],
body.single .post-content .gform_wrapper input[type="datetime-local"],
body.single .post-content .gform_wrapper input[type="month"],
body.single .post-content .gform_wrapper input[type="week"],
body.single .post-content .gform_wrapper textarea,
body.single .post-content .gform_wrapper select,
body.single .post-content .gform-theme--foundation .gfield input,
body.single .post-content .gform-theme--foundation .gfield textarea,
body.single .post-content .gform-theme--foundation .gfield select {
    color: #1f3777 !important;
    border: 1px solid #191d38 !important;
    background-color: #ffffff;
}

/* Placeholders too */
.row.light-form .gform_wrapper input::placeholder,
.row.light-form .gform_wrapper textarea::placeholder,
.row.light-form .gform-theme--foundation input::placeholder,
.row.light-form .gform-theme--foundation textarea::placeholder,
body.single .post-content .gform_wrapper input::placeholder,
body.single .post-content .gform_wrapper textarea::placeholder,
body.single .post-content .gform-theme--foundation input::placeholder,
body.single .post-content .gform-theme--foundation textarea::placeholder {
  color: #191d38 !important;
  opacity: 0.6;
}

/* Focus state stays same color */
.row.light-form .gform_wrapper input:focus,
.row.light-form .gform_wrapper textarea:focus,
.row.light-form .gform_wrapper select:focus,
.row.light-form .gform-theme--foundation .gfield input:focus,
.row.light-form .gform-theme--foundation .gfield textarea:focus,
.row.light-form .gform-theme--foundation .gfield select:focus,
body.single .post-content .gform_wrapper input:focus,
body.single .post-content .gform_wrapper textarea:focus,
body.single .post-content .gform_wrapper select:focus,
body.single .post-content .gform-theme--foundation .gfield input:focus,
body.single .post-content .gform-theme--foundation .gfield textarea:focus,
body.single .post-content .gform-theme--foundation .gfield select:focus {
  border-color: #191d38 !important;
  box-shadow: none !important;
}

/* ==========================================
   DARK FORM
   ========================================== */
.row.dark-form .gform_wrapper .gfield_label,
.row.dark-form .gform_wrapper .gfield_description,
.row.dark-form .gform_wrapper .ginput_complex label,
.row.dark-form .gform-theme--foundation .gfield_label,
.row.dark-form .gform-theme--foundation .gfield_description,
.row.dark-form .gform-theme--foundation .ginput_complex label,
.row.dark-form .gform-theme--foundation .gform_required_legend,
.row.dark-form form .gfield.gfield--type-consent a {
  color: #ffffff !important;
}
.row.dark-form form input[type=submit]:hover{
    background-color: transparent !important;
    color: #fff !important;
    border: 1px solid #ffffff !important;
}
.row.dark-form form input[type=submit]{
    background-color: #fff !important;
    color: #1f3777 !important;
    border: 1px solid #ffffff !important;
}
.row.dark-form .gform_wrapper input[type="text"],
.row.dark-form .gform_wrapper input[type="email"],
.row.dark-form .gform_wrapper input[type="tel"],
.row.dark-form .gform_wrapper input[type="url"],
.row.dark-form .gform_wrapper input[type="number"],
.row.dark-form .gform_wrapper input[type="password"],
.row.dark-form .gform_wrapper input[type="search"],
.row.dark-form .gform_wrapper input[type="date"],
.row.dark-form .gform_wrapper input[type="time"],
.row.dark-form .gform_wrapper input[type="datetime-local"],
.row.dark-form .gform_wrapper input[type="month"],
.row.dark-form .gform_wrapper input[type="week"],
.row.dark-form .gform_wrapper textarea,
.row.dark-form .gform_wrapper select,
.row.dark-form .gform-theme--foundation .gfield input,
.row.dark-form .gform-theme--foundation .gfield textarea,
.row.dark-form .gform-theme--foundation .gfield select {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #191d38 !important;
  box-shadow: none !important;
}

/* Placeholder text: readable but softer */
.row.dark-form .gform_wrapper input::placeholder,
.row.dark-form .gform_wrapper textarea::placeholder,
.row.dark-form .gform-theme--foundation input::placeholder,
.row.dark-form .gform-theme--foundation textarea::placeholder {
  color: #191d38 !important;
  opacity: 0.6;
}

/* Focus: keep the same styling (no weird glow) */
.row.dark-form .gform_wrapper input:focus,
.row.dark-form .gform_wrapper textarea:focus,
.row.dark-form .gform_wrapper select:focus,
.row.dark-form .gform-theme--foundation .gfield input:focus,
.row.dark-form .gform-theme--foundation .gfield textarea:focus,
.row.dark-form .gform-theme--foundation .gfield select:focus {
  border-color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Checkbox/radio option labels should remain white */
.row.dark-form .gform_wrapper .gfield_checkbox label,
.row.dark-form .gform_wrapper .gfield_radio label,
.row.dark-form .gform-theme--foundation .gfield_checkbox label,
.row.dark-form .gform-theme--foundation .gfield_radio label {
  color: #ffffff !important;
}

/* Optional: validation messages readable on dark backgrounds */
.row.dark-form .gform_wrapper .validation_message,
.row.dark-form .gform_wrapper .gfield_validation_message,
.row.dark-form .gform_wrapper .ginput_container_consent label  {
  color: #ffffff !important;
}


.row.dark-form form input[type=submit]{
  background-color: #fff !important;
  color: #191d38 !important;
}

/* END OF GRAVITY FORMS */






/* SINGLE POSTS PAGE */

.post-single .single-post-wrapper{
  display:flex;
}

body.single .site-main #breadcrumbs{
  max-width:1100px;
  width:85%;
  margin:0 auto 20px auto;
}
body.single .site-main #breadcrumbs a{
  text-decoration:none;
  font-size:14px;
  color:#191d38;
}
body.single .site-main #breadcrumbs a:hover{
  text-decoration:underline;
}
body.single .site-main #breadcrumbs .breadcrumb_last{
  font-size:14px;
  color:#191d38;
  font-weight:700;
}
body.single .site-main #breadcrumbs span.bc-separator{
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
}

.single-post .post-header-wrapper{
  position:relative;
  max-width:1000px;
  width:60%;
  margin:0 auto;
  /* margin-bottom:450px; */
}

.single-post .post-header-wrapper .post-header{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0;
  position:relative;
}

.single-post .post-header-wrapper .post-header h1.title{
  font-size:40px;
  font-weight:800;
  color:#191d38;
  margin:0;
}



.single-post .post-header-wrapper .post-header #breadcrumbs span,
.single-post .post-header-wrapper .post-header #breadcrumbs a{
  color:rgba(255,255,255,0.7) !important;
}
.single-post .post-header-wrapper .post-header #breadcrumbs span.breadcrumb_last{
  color:white !important;
}
.single-post .post-header-wrapper .post-header #breadcrumbs span.bc-separator{
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
}

.single-post .post-header-wrapper .post-header .post-info{
  margin:0 auto;
  width:50%;
}

.single-post .post-header-wrapper .post-header .post-info .date{
  color:white;
  font-size:15px;
}

.single-post .post-header-wrapper .post-header-container{
  display:flex;
  gap:70px;
}
.single-post .post-header-wrapper .post-header-container > *{
  width:50%;
}
.single-post .post-header-wrapper .post-header-container > .post-header-info{
  display:flex;
  flex-direction:column;
  justify-content:space-evenly;
  text-align: right;
}
.single-post .post-header-wrapper .post-header-container > .post-header-info .category span{
    font-size: 16px;
    text-transform: uppercase;
    color: #6e6d65;
}
.single-post .post-header-wrapper .post-header-container > .post-header-info .date-author span{
  font-size:16px;
  font-weight:400;
  color:#191d38;
}
.single-post .post-header-wrapper .post-header-container > .post-header-info .date-author a{
  color:#191d38;
  text-decoration:none;
}
.single-post .post-header-wrapper .post-header-container > .post-header-info .date-author a:hover{
  text-decoration:underline;
}

.single-post .post-header-wrapper .thumbnail{
  border-radius:30px;
  width:150%;
}

.single-post .post{
  margin:5rem auto;
  padding:0;
}

.post-single__inner{
  max-width:1000px;
  margin:0 auto;
  width:80%;
}

.single-post .post .thumbnail{
  width:100%;
  margin-bottom:4rem;
  -webkit-box-shadow:10px 10px 23px 1px rgba(0,0,0,0.49);
  -moz-box-shadow:10px 10px 23px 1px rgba(0,0,0,0.49);
  box-shadow:10px 10px 23px 1px rgba(0,0,0,0.49);
}

.single-post .post .title{
  color:var(--accent, #DB7B51);
  margin-bottom:2rem;
}

.single-post .post .date{
  display:block;
  color:var(--primary, #004f59);
  font-size:1.2rem;
  margin-bottom:3rem;
}

.single-post .post .ep-news-intro p{
  font-size:24px;
  line-height:1.2;
  font-weight:800;
  color:#191d38;
}

.single-post .post .post-content h1,
.single-post .post .post-content h2{
  font-size:32px;
  line-height:1.2;
  font-weight:600;
  color:#004f59;
}

.single-post .post .post-content ul{
  list-style-type:disc;
}

.single-post .post .post-content .news-text-wrapper p{
  font-size:18px;
  line-height:1.5;
}

.single-post .post .post-content .news-text-wrapper a{
  color:#DB7B51;
  text-decoration:underline;
}
.single-post .post .post-content .news-text-wrapper a:hover{
  color:#004f59;
  text-decoration:none;
}

.single-post .post .post-content .post-text-two-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:55px;
}
.single-post .post .post-content .post-text-two-columns .cols-text-wrapper img{
  width:100%;
  border-radius:40px;
}
.single-post .post .post-content .post-text-two-columns > *{
  display:flex;
  align-items:center;
}
.single-post .post .post-content .post-text-two-columns > * .cols-text-wrapper{
  width:100%;
}

.single-post .post .post-content .post-text-two-columns p{
  font-size:18px;
  line-height:1.5;
}

.single-post .post .post-content .post-image-container .section-image{
  width:100%;
  height:30vw;
  background-size:cover;
  background-position:center;
  margin:30px auto;
  border-radius:30px;
}

.single-post .post .post-content .post-image-container .section-image.video-popup{
  cursor:pointer;
}
.single-post .post .post-content .post-image-container .section-image.video-popup::before{
  content:"";
  font-weight:400;
  display:block;
  width:30%;
  height:30%;
  position:relative;
  margin:0 auto;
  top:50%;
  transform:translateY(-50%);
  background:url("/wp-content/themes/iBUILDiT/assets/play_icon.svg") no-repeat !important;
  background-position:center !important;
}

.single-post .post .post-content .news-cta-wrapper{
  display:flex;
  justify-content:space-evenly;
  align-items:center;
  width:75%;
  margin:50px auto;
  flex-wrap:wrap;
}

.single-post .post .post-content .news-cta-wrapper a.outline:hover{
  background-color:var(--buttons-btn-bg) !important;
  color:var(--outline-color-hover) !important;
}

.single-post .post .post-content .news-cta-wrapper a.gradient-green{
  border:none !important;
  color:#ffffff;
  background:linear-gradient(90deg, rgba(25,29,56,1) 0%, rgba(6,151,130,1) 48%);
}
.single-post .post .post-content .news-cta-wrapper a.gradient-green:hover{
  border:none !important;
  color:#ffffff !important;
  background:linear-gradient(90deg, rgba(6,151,130,1) 0%, rgba(25,29,56,1) 80%);
}

.single-post .post .post-content .news-cta-wrapper a.gradient-navy{
  border:none !important;
  color:#ffffff;
  background:linear-gradient(90deg, rgba(28,45,90,1) 0%, rgba(43,71,148,1) 100%);
}
.single-post .post .post-content .news-cta-wrapper a.gradient-navy:hover{
  border:none !important;
  color:#ffffff !important;
  background:linear-gradient(90deg, rgba(43,71,148,1) 0%, rgba(28,45,90,1) 100%);
}

.single-post .post .post-content .news-cta-wrapper a:hover{
  background-color:var(--buttons-btn-bg) !important;
  color:var(--buttons-hov-text) !important;
}

.single-post .post .post-content .news-cta-wrapper a.btn{
  border-radius:40px;
  min-width:160px;
}
.single-post .post .post-content .news-cta-wrapper a.btn:not(:last-child){
  margin-right:20px;
}
.single-post .post .post-content .news-cta-wrapper a.btn.btn-dark:hover{
  border-color:#DB7B51 !important;
  color:#004f59 !important;
  background-color:#DB7B51 !important;
}
.single-post .post .post-content .news-cta-wrapper a.btn.btn-light:hover{
  border-color:#004f59 !important;
  color:#ffffff !important;
  background-color:#004f59 !important;
}

.single-post .share{
  margin-top:8rem;
  padding-top:20px;
  text-align:left;
  width:fit-content;
  margin-left:auto;
}
.single-post .share span{
  color:#90989e;
  font-size:14px;
  font-weight:600;
}
.single-post .share .st-btn img{
  width:2rem !important;
  height:2rem !important;
  top:50% !important;
  transform:translate(0px, -50%) !important;
}
.single-post .share > div{
  margin-top:12px;
}

.single-post .more-news{
  margin-top:10rem;
  margin-bottom:5rem;
}

.single-post .more-news h2{
  color:#2b4794 !important;
  font-size:36px;
  font-weight:700;
  text-align:center;
  position:relative;
  margin-bottom:50px;
}
.single-post .more-news h2:after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-20px;
  width:900px;
  max-width:90vw;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 55%, rgba(0,0,0,0.3) 55%, rgba(0,0,0,0) 100%);
}

.single-post .more-news .post-navigation{
  max-width:800px;
  width:90%;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:70px;
}

.single-post .more-news .post-navigation.middle-post .previous-post,
.single-post .more-news .post-navigation.middle-post .next-post{
  flex:1;
}

.single-post .more-news .post-navigation.last-post > .post{
  width:50%;
  margin:5rem auto 0 0;
}
.single-post .more-news .post-navigation.first-post > .post{
  width:50%;
  margin:5rem 0 0 auto;
}

.single-post .more-news .post-navigation .post{
  display:flex;
  flex-direction:column;
}
.single-post .more-news .post-navigation .post:hover .image{
  transform:scale(1.1) rotate(-3deg);
}

.single-post .more-news .post-navigation .previous-post{
  align-items:flex-start;
}
.single-post .more-news .post-navigation .next-post{
  align-items:flex-end;
}
.single-post .more-news .post-navigation .next-post .title,
.single-post .more-news .post-navigation .next-post .date,
.single-post .more-news .post-navigation .next-post .link{
  text-align:left !important;
}

.single-post .more-news .post-navigation .image{
  position:relative;
  display:block;
  width:100%;
  height:245px;
  border-radius:15px;
  background-size:cover !important;
  background-position:center !important;
  margin-bottom:1rem;
  overflow:hidden;
  transition:all 0.2s ease-in-out;
}

.single-post .more-news .post-navigation .image::after{
  content:"";
  position:absolute;
    bottom: -1%;
    left: 5%;
    width: 43%;
    height: 48%;
  background-image:url(/wp-content/uploads/2026/02/datapac_white_gradient_watermark.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  opacity:1;
}
.single-post .more-news .post-navigation .post:hover .image::after{
  transform:translateY(100%);
  opacity:0;
}
.single-post .more-news .post-navigation .post:hover .title{
  text-decoration:underline;
}
.single-post .more-news .post-navigation .post:hover .link{
  text-decoration:none;
}

.single-post .more-news .post-navigation .title{
  font-size:24px;
  font-weight:700;
  color:#191d38 !important;
  line-height:1.1;
  margin:0 auto 25px;
  width:100%;
  text-decoration:none;
}

.single-post .more-news .post-navigation a.link{
  color:#191d38 !important;
  margin:0 auto 0 auto;
  width:100%;
  font-size:18px;
  font-weight:800;
}
.single-post .more-news .post-navigation a.link i{
  font-size:13px;
  color:#004f59 !important;
}
.single-post .more-news .post-navigation a.link:hover{
  color:#004f59 !important;
}

.single-post .more-news .post-navigation a.excerpt{
  color:#191d38 !important;
  font-size:18px;
  font-weight:400;
  text-decoration:none;
}

.single-post .more-news .post-navigation a.date{
  color:#9e9e96 !important;
  margin:0 auto;
  width:100%;
  font-weight:500;
  font-size:16px;
  text-decoration:none;
  margin-bottom:20px;
}

.sharethis-inline-share-buttons > .st-btn:first-child{
  padding-left:0 !important;
}


.job-main .single-post .post-header-wrapper .post-header-container > .post-header-info{
      text-align: center;
      width: 100%;
}
body.single  .site-main.job-main{
  padding-bottom: 100px;
}
body.single  .site-main.job-main article{
  margin-bottom: 100px;
}
body.single  .site-main.job-main .job-button{
  margin: 0 auto;
}
body.single  .site-main.job-main #breadcrumbs{
      margin: 0 auto 100px auto;
}
.job-button{
  background-color: #100035;
  color: #ffffff;
  border: 1px solid #100035;
}
.job-button:hover{
  background-color: #ffffff;
  color: #100035;
}
@media only screen and (max-width: 1440px){
  /* .post-single__inner {
    max-width: 800px;
  } */
}
@media only screen and (max-width: 1366px){
  .single-post .post-header-wrapper {
    max-width: 1500px;
    width: 65%;
  }
  .single-post .post-header-wrapper .post-header-container {
    gap: 40px;
  }
}
@media only screen and (max-width: 1199px){
  .single-post .post-header-wrapper .post-header .post-info{
    width:70%;
  }
  /* .post-single__inner {
    max-width: 700px;
  } */
   .single-post .post-header-wrapper .post-header-container > .post-header-info{
        gap: 40px;
   }
   .single-post .post-header-wrapper .post-header-container{
    align-items: center;
   }
}


@media only screen and (max-width: 1024px){
  .single-post .post-header-wrapper .post-header-container{
    flex-direction: column-reverse;
  }
  .single-post .post-header-wrapper .post-header-container > *{
    width: 100%;
  }
  .single-post .post-header-wrapper .thumbnail {
    width: 100%;
  }
  .single-post .post-header-wrapper .post-header-container > .post-header-info {
    text-align: left;
  }
  .single-post .post-header-wrapper {
      width: 80%;
  }
  nav.breadcrumb,nav.breadcrumb>a{
    font-size: 15px !important;
  }
}


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

  .single-post .more-news .post-navigation {

      gap: 40px;
  }
  .single-post .post .post-content .post-text-two-columns{
    grid-template-columns:1fr;
    gap:0;
  }

  .single-post .post .post-content .post-image-container .section-image{
    height:380px;
  }

  .single-post .more-news{
    margin-top:4rem;
  }

  .single-post iframe{
    width:100% !important;
    height:60vw !important;
  }
}

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

  .single-post .post-header-wrapper .post-header h1.title{
    font-size:30px;
  }

  .single-post .post-header-wrapper .post-header #breadcrumbs{
    top:80px;
  }

  .single-post .post .post-content .post-image-container .section-image{
    height:340px;
  }

      .single-post .post {
        width: 100%;
    }
}


@media only screen and (max-width: 640px){
  .single-post .post .post-content .post-image-container .section-image{
    height:300px;
  }

  .single-post .more-news .post-navigation{
    padding:0 30px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
  }

  .single-post .more-news .post-navigation .post{
    padding:0;
  }

  .single-post .more-news .post-navigation .image{
    height:195px;
  }
}


@media only screen and (max-width: 600px){
  .single-post .post .title{
    font-size:2rem;
  }
}


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


  .single-post .more-news .post-navigation .image{
    height:170px;
  }
}


@media only screen and (max-width: 475px){
  .single-post .post-header-wrapper .post-header h1.title{
    font-size:28px;
  }

  .single-post .post{
    padding:0;
  }

  .single-post .post .ep-news-intro p.ep-news-intro-text{
    font-size:20px;
  }

  .single-post .post .post-content .post-text-two-columns{
    display:block;
  }

  .single-post .post .post-content .post-image-container .section-image{
    height:220px;
  }

  .single-post .more-news .post-navigation{
    grid-template-columns:1fr;
  }
  .single-post .post {
    margin: 20px auto;
  }
  .single-post .more-news h2 {
    margin-bottom: 50px;
  }
}


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

}

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


  .single-post .post-header-wrapper .post-header #breadcrumbs{
    top:60px;
  }
}


/* END OF SINGLE POSTS PAGE */