.block-type-hero {
    background-size: cover;
    background-position: bottom;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 
.content-block.block-type-hero{
    background-size: cover;
} */

/* .content-block.block-type-hero {
    background-size: cover;
    overflow: visible;
} */

.hero-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* HERO BANNER
    ----------------------------- */
.hero-type-home {
    width: 100%;
}

/* .hero-type-home .hero-container .hero-content .hero_subtitle {
    font-family: var(--heading-font);
    font-style: normal;
    font-weight: 500;
    font-size: clamp(18px, 1.2vw, 20px);
    line-height: clamp(27px, 2vw, 38px);
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 20px;
} */

.hero-type-home .hero-container .hero-content .hero_title,
.hero-type-home .hero-container .hero-content .hero_title span {
    font-family: var(--heading-font);
    font-size: clamp(45px, 4.5vw, 85px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.03em;
    margin-bottom: 55px;
    margin-top: 0;
}
.hero-type-home .hero-container .hero-content .hero_title span{
    font-style: italic;
    display: block;
}

.hero-type-home .hero-container .hero-content .hero-paragraphs p {
    font-family: var(--body-font);
    font-size: clamp(14px, 1.1vw, 20px);
    font-weight: 400;
    line-height: clamp(25px, 2vw, 32px);
    letter-spacing: 0.03em;
    margin-bottom: 20px;
}

.hero-type-home .hero-container .hero-content .hero-paragraphs p:last-child{
    margin-bottom: 0;
}

.hero-type-home .hero-outer .hero-image.hero-image-2 {
    animation-duration: 5s;
}

.hero-type-home .hero-type-home {
    display: flex;
    width: 100%;
}

.hero-container {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.hero-container .hero-content {
    display: flex;
    align-items: center;
}

.hero-type-home .hero-outer {
    display: flex;
    justify-content: end;
    column-gap: 20px;
    width: 100%;
}

.hero-container .hero-content,
.hero-container .hero-frame {
    width: 50%;
}

.hero-type-home .hero-outer .hero-image {
    width: 100%;
    border-radius: var(--border-radius);
    overflow: hidden;
}

.hero-type-home .hero-outer .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-left .hero-frame .landing-hero-frame {
    width: 50%;
}

.hero-container .buttons-wrapper {
    margin-top: 25px;
}


.content-block.block-type-forms .form-container .form-col .form-wrap {
    max-width: 500px;
    margin: 0;
}

.inner-hero-block.hero-type-inner2 .hero-content,
.inner-hero-block.hero-type-inner3 .hero-content {
    width: 70%;
    padding: 40px 20px;
}

.inner-hero-block.hero-type-inner1 .hero-container .hero-content .hero-content-outer {
    max-width: 100%;
}

.inner-hero-block .hero-container .hero-content .hero_title {
    position: relative;
    margin: 20px 0;
}

/* .inner-hero-block .hero-container .hero-content .hero_title::before,
.inner-hero-block.hero-text-light .hero-container .hero-content .hero_title::before{
    content: "";
    position: absolute;
    left: -20px;
    top: 35px;
    width: 100vw;
    transform: translateX(-100%);
    border-bottom: 2px solid var(--tertiary-color);
}

.inner-hero-block.hero-text-light .hero-container .hero-content .hero_title::before {
    border-bottom: 2px solid #fff;
} */

.inner-hero-block .hero-form-heading {
    margin-bottom: 20px;
}

.inner-hero-block .hero-form-heading h3 {
    margin: 0;
}

/* .inner-hero-block .hero-container.container .hero-content {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
} */

/* ==============================
   INNER HERO WITH IMAGE (inner2, inner3)
   ============================== */
.inner-hero-block .hero-container {
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

.inner-hero-block .hero-container .hero-content {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    width: 50%;
    max-width: 100%;
    margin: 0 auto 0 0;
}

.block-type-hero .hero-container .hero-content.content-container {
    width: 100%;
    margin: 0 auto;
}

.block-type-hero .hero-type-inner2,
.block-type-hero .hero-type-inner3 {
    position: relative;
    width: 100%;
}

.hero-type-inner3 .hero-container {
    width: 100%;
    max-width: 100%;
}

.block-type-hero .hero-type-inner2::before {
    content: "";
    width: 100%;
    height: calc(50% - 150px);
    position: absolute;
    left: 0;
    bottom: -50px;
    background-color: #fff;
}

.hero-type-inner2 .hero-container .hero-image-inner2,
.hero-type-inner3 .hero-container .hero-image-inner2 {
    position: relative;
    height: 575px;
    width: 100%;
}

.hero-type-inner2 .hero-container .hero-image-inner2 .hero-image,
.hero-type-inner3 .hero-container .hero-image-inner1 .hero-image {
    position: absolute;
    width: 100vw;
    height: 575px;
    top: 0;
    left: 0;
    overflow: hidden;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    margin-bottom: 0px;
}

.hero-type-inner2 .hero-container .hero-image-inner2 .hero-image img,
.hero-type-inner3 .hero-container .hero-image-inner1 .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-type-inner3 .hero-container .hero-content {
    width: calc(100% - 100px);
    max-width: 1260px;
    margin: 0 auto;
    flex-flow: nowrap;
}

.hero-type-inner3 .hero-container .hero-image-inner3 {
    overflow: hidden;
}

.hero-type-inner3 .hero-container .hero-image-inner3 .hero-image img {
    max-width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    object-fit: cover;
    object-position: center;
}

.hero-type-inner3 .hero-container .hero-content .circle-wrap .circle-border .hero-image {
    width: 100%;
    height: 100%;
}

.hero-type-inner3 .hero-container .hero-content .circle-wrap .circle-border .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ==============================
   INNER HERO WITH FORM (inner4, inner5)
   ============================== */
.hero-type-inner4 .hero-container,
.hero-type-inner5 .hero-container {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 40px;
    width: calc(100% - 100px);
    max-width: 1260px;
}

.hero-type-inner4 .hero-content,
.hero-type-inner5 .hero-content {
    width: 50%;
    padding: 20px;
}

.hero-type-inner4 .hero-form,
.hero-type-inner5 .hero-form {
    width: 40%;
    /* box-shadow: 0px 0px 32px 0px #00000040;
    background-color: var(--quaternary-color);
    border-radius: var(--border-radius) !important; */
    margin-top: 0;
    padding: 0;
    z-index: 2;
}

.hero-type-inner4 .hero-form .hero-form-heading,
.hero-type-inner5 .hero-form .hero-form-heading,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-heading {
    background-color: var(--accent-color);
    padding: 20px;
    margin: 0;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    font-family: var(--body-font);
    font-weight: 700;
    font-size: clamp(18px, 2vw, 22px);
    line-height: clamp(25px, 2.5vw, 32px);
    color: #fff;
    text-align: center;
    margin: 0;
}

.hero-type-inner4 .hero-form .hero-form-heading h4,
.hero-type-inner5 .hero-form .hero-form-heading h4,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-heading h4 {
    font-family: var(--body-font);
    font-weight: 700;
    font-size: clamp(18px, 2vw, 22px);
    line-height: clamp(25px, 2.5vw, 32px);
    color: #fff;
    text-align: center;
    margin: 0;
}

.hero-type-inner4 .hero-form .hero-form-inner,
.hero-type-inner5 .hero-form .hero-form-inner,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner {
    padding: 0px !important;
    border-radius: 0 !important;
}


.block-type-hero .hero-type-inner4 .hero-container .hero-content.content-container,
.block-type-hero .hero-type-inner5 .hero-container .hero-content.content-container,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-container .hero-content.content-container {
    flex: 1;
}

.content-block .hero-type-inner5 .hero-container,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-container .hero-content.content-container {
    flex-direction: column;
}

.content-block .hero-type-inner5 .hero-container .hero-form,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-container .hero-content.content-container .hero-form {
    width: 100%;
}

.hero-type-inner5 .hero-form .hero-form-inner form .forminator-row,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form .forminator-row {
    width: 50%;
    float: left;
}

.hero-type-inner5 .hero-form .hero-form-inner form .forminator-row[data-multiple="true"],
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form .forminator-row[data-multiple="true"] {
    width: 100%;
}



/* ==============================
   INNER HERO WITH ONLY HEADING (inner1)
   ============================== */
.hero-type-inner1 .hero-container {
    text-align: left;
    padding: 0;
}

.hero-type-inner1 .hero_title {
    margin-bottom: 20px;
}

.hero-type-inner1 .hero_subtitle {
    color: var(--text-light);
}



.hero-text-light .hero-container .hero-content .hero_subtitle,
.hero-text-light .hero-container .hero-content .hero_title,
.hero-text-light .hero-container .hero-content .hero-paragraphs p {
    color: var(--light-text-color);
}

.hero-text-dark .hero-container .hero-content .hero_subtitle{
    color: var(--secondary-color);
}
.hero-text-dark .hero-container .hero-content h1.hero_title,
.hero-text-dark .hero-container .hero-content .hero-paragraphs p {
    color: var(--tertiary-color);
}

/* =========================
   DEFAULT  
========================= */
.inner-hero-block .hero-container .hero-content .hero_subtitle,
.hero-type-home .hero-container .hero-content .hero_subtitle,
.hero-type-inner2 .hero-container .hero-content .hero_subtitle,
.hero-type-hero-video .hero-container .hero-content .hero_subtitle,
.hero-type-inner3 .hero-container .hero-content .hero_subtitle,
.hero-type-inner4 .hero-container .hero-content .hero_subtitle,
.hero-type-inner5 .hero-container .hero-content .hero_subtitle {
    font-family: var(--body-font);
    font-style: normal;
    font-weight: 500;
    font-size: clamp(18px, 1.2vw, 20px);
    line-height: clamp(27px, 2vw, 38px);
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* .hero-type-home .hero-container .hero-content h1.hero_title {
    font-family: var(--heading-font);
    font-size: clamp(60px, 5.5vw, 100px);
    font-weight: 700;
    line-height: clamp(65px, 5.5vw, 110px);
    margin-bottom: 20px;
} */

.inner-hero-block .hero-container .hero-content h1.hero_title,
.inner-hero-hero-video .hero-container .hero-content h1.hero_title,
.hero-type-inner2 .hero-container .hero-content h1.hero_title,
.hero-type-inner3 .hero-container .hero-content h1.hero_title,
.hero-type-inner4 .hero-container .hero-content h1.hero_title {
    font-family: var(--heading-font);
    font-weight: 500;
    font-size: clamp(45px, 4.5vw, 85px);
    line-height: 1.1;
    color: var(--primary-color)
}

.inner-hero-block .hero-container .hero-content h1.hero_title span,
.inner-hero-hero-video .hero-container .hero-content h1.hero_title span,
.hero-type-inner2 .hero-container .hero-content h1.hero_title span,
.hero-type-inner3 .hero-container .hero-content h1.hero_title span,
.hero-type-inner4 .hero-container .hero-content h1.hero_title span{
    font-family: var(--heading-font);
    font-style: italic;
    display: block; 
}

.hero-container .hero-content .hero-paragraphs p {
    font-family: var(--body-font);
    font-size: clamp(18px, 1.2vw, 20px);
    line-height: clamp(25px, 2vw, 32px);
    font-weight: 400;
    margin-bottom: 20px;
}

.hero-type-inner3 .hero-container .hero-content {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}


.hero-type-inner3 .hero-container .hero-content .image-size-circle {}

.hero-type-inner3 .hero-container .hero-content .img-outer-wrapper {
    position: relative;
}

.hero-type-inner3 .hero-container .hero-content .circle-wrap {
    display: flex;
    justify-content: center;
    position: relative;
}

.hero-type-inner3 .hero-container .hero-content .circle-wrap::before {
    content: "";
    width: clamp(220px, 42vw, 525px);
    height: clamp(220px, 42vw, 525px);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-85deg);
    z-index: 1;
    border: 10px solid;
}

.hero-type-inner3 .hero-container .hero-content .circle-wrap .circle-border {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(200px, 40vw, 500px);
    height: clamp(200px, 40vw, 500px);
    border-radius: 50%;
    position: relative;
    pointer-events: none;
    overflow: hidden;
    border: 10px solid transparent;
}

.hero-type-inner3 .image-wrapper {
    flex: 1;
}

/* ===============================
   ✅ Circle Border Types (1-8)
   =============================== */

/* 🔵 Type 1: Primary Border - Left */

.hero-type-inner3 .hero-container .hero-content .circle-border-type1::before {
    transform: translate(-50%, -50%) rotate(-85deg);
    border-color: var(--primary-color) var(--primary-color) transparent var(--primary-color);
}

/* 🔵 Type 2: Primary Border - Right */
.hero-type-inner3 .hero-container .hero-content .circle-border-type2::before {
    transform: translate(-50%, -50%) rotate(85deg);
    border-color: var(--primary-color) var(--primary-color) transparent var(--primary-color);
}

/* 🟢 Type 3: Secondary Border - Left */
.hero-type-inner3 .hero-container .hero-content .circle-border-type3::before {
    transform: translate(-50%, -50%) rotate(-85deg);
    border-color: var(--secondary-color) var(--secondary-color) transparent var(--secondary-color);
}

/* 🟢 Type 4: Secondary Border - Right */
.hero-type-inner3 .hero-container .hero-content .circle-border-type4::before {
    transform: translate(-50%, -50%) rotate(85deg);
    border-color: var(--secondary-color) var(--secondary-color) transparent var(--secondary-color);
}

/* 🟠 Type 5: Accent Border - Left */
.hero-type-inner3 .hero-container .hero-content .circle-border-type5::before {
    transform: translate(-50%, -50%) rotate(-85deg);
    border-color: var(--accent-color) var(--accent-color) transparent var(--accent-color);
}

/* 🟠 Type 6: Accent Border - Right */
.hero-type-inner3 .hero-container .hero-content .circle-border-type6::before {
    transform: translate(-50%, -50%) rotate(85deg);
    border-color: var(--accent-color) var(--accent-color) transparent var(--accent-color);
}

/* 🟣 Type 7: Tertiary Border - Left */
.hero-type-inner3 .hero-container .hero-content .circle-border-type7::before {
    transform: translate(-50%, -50%) rotate(-85deg);
    border-color: var(--tertiary-color) var(--tertiary-color) transparent var(--tertiary-color);
}

/* 🟣 Type 8: Tertiary Border - Right */
.hero-type-inner3 .hero-container .hero-content .circle-border-type8::before {
    transform: translate(-50%, -50%) rotate(85deg);
    border-color: var(--tertiary-color) var(--tertiary-color) transparent var(--tertiary-color);
}

/* ==============================
   INNER HERO COMMON (inner1-inner5)
   ============================== */
.content-block .inner-hero-block {
    padding-bottom: 0;
    background-size: cover;
    padding: 0;
    width: 100%;
}

.content-block .inner-hero-block.hero-type-inner4 {
    padding: 50px 0;
}

.content-block.block-type-hero:has(.hero-type-inner5) {
    position: relative;
    overflow: visible;
}

/* 
.hero-type-inner5 .hero-form {
  position: absolute;
  bottom: -600px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.content-block.block-type-hero:has(.hero-type-inner5) + .content-block {
  margin-top: 600px;
} */


.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper {
    width: 100%;
    max-width: var(--container-max-width-small);
    margin: 50px auto;
}


.hero-type-inner5 .hero-form .hero-form-inner form,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.hero-type-inner5 .hero-form .hero-form-inner form .forminator-row,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form .forminator-row {
    width: 50%;
    float: left;
    padding: 0px 15px;
    margin: 0;
}

.hero-type-inner5 .hero-form .hero-form-inner form>.forminator-row:nth-child(2),
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row:nth-child(2) {
    width: calc(100% - 30px) !important;
    flex: calc(100% - 30px);
    padding: 0;
    margin-right: 0;
    margin-left: 0;
}

.hero-type-inner5 .hero-form .hero-form-inner form>.forminator-row .name-field,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field {
    padding: 0;
}

.hero-type-inner5 .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row {
    display: flex;
    flex-direction: row;
    padding: 0 0 0 30px;
}

.hero-type-inner5 .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row .forminator-col,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row .forminator-col {
    width: 50% !important;
    flex-basis: 50%;
}

.hero-type-inner5 .hero-form .hero-form-inner form .forminator-row.forminator-row-last,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form .forminator-row.forminator-row-last {
    width: 100%;
    text-align: center;
    padding: 20px 15px 0;
}

.hero-type-inner5 .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row .forminator-col,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row .forminator-col {
    padding: 0;
}

.hero-type-inner5 .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row>.forminator-col:first-child,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row>.forminator-col:first-child {
    padding-right: 30px;
}

.hero-type-inner5 .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row>.forminator-col:last-child,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row>.forminator-col:last-child {
    padding-left: 30px;
}

.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form .forminator-row {
    margin: 0 0 10px;
}

.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row,
.content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row .forminator-col {
    margin-bottom: 0;
}


.hero-text-home {
    min-height: 500px;
}

.hero-text-inner1,
.hero-text-inner2,
.hero-text-inner3,
.hero-text-inner4,
.hero-text-inner5 {
    min-height: 450px;
}

.single-resource .hero-type-inner4 .hero-form .hero-form-heading{
    background-color: var(--accent-color);
    color: #fff;
    font-family: var(--body-font);
    font-weight: 700;
    font-size: clamp(18px, 1.2vw, 22px);
    line-height: clamp(28px, 1.7vw, 32px);
    text-align: center;
    vertical-align: middle;
    padding: 30px 20px;
    margin: 30px 0 0;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.hero-type-inner5 .hero-container .hero-content .hero-content-outer {
    max-width: 70%;
}

.resources-hero .hero-container .hero-content .hero-content-outer {
    max-width: 100%;
}

.resources-hero .hero-container .has-hero-image{
    display: flex;
    flex-wrap: nowrap;
}


.hero-type-hero-bgvideo{
    position: relative;
}

.hero-type-hero-bgvideo .hero-bgvideo-wrapper{
    overflow: hidden;
    z-index: -1;
     height: 120vh;
    width: 150%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    pointer-events:none;
}

.hero-type-hero-bgvideo .hero-bgvideo-wrapper:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.hero-type-hero-bgvideo .hero-bgvideo-wrapper .hero-bgvideo-inner{
    width:100%; 
    height:100%;
}

.hero-type-hero-bgvideo .hero-bgvideo-wrapper iframe{
    width: 100%;
    height: 100%;
}

.down-arrow {
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    animation: bounce 2s ease infinite;
    width: 50px;
    height: 50px;
    bottom: -8vw;
}

.down-arrow svg {
    width: 36px;
    height: auto;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.hero-type-hero-slider {
    width: 100%;
}

.hero-foreground-image{
    width: 100%;
    position: relative;
    overflow: hidden;
}


.hero-block-full.hero-image-top .hero-foreground-image{
    margin-bottom: 40px;
}

.hero-block-full.hero-image-bottom .hero-foreground-image{
    margin-top: 40px;
}

.block-type-hero .hero-type-home{
    display: flex;
}

.block-type-hero .hero-type-home.hero-image-top {
    display: flex;
    flex-direction: column-reverse;
}


.content-block.block-type-hero:has(.hero-image-top) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.hero-type-home .hero-full-img{
    width: 100%;
    height: clamp(220px, 26vw, 750px);
    overflow: hidden;
}

.hero-type-home .hero-full-img .hero-block-full {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translate(0, -50%);
}

.hero-block-full .hero-foreground-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .block-type-hero .hero-type-home.hero-image-top .hero-container .hero-content .hero-content-outer{
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
    padding: 0;
    align-items: stretch;
} */
.block-type-hero .hero-type-home.hero-image-top .hero-container .hero-content .hero-content-outer{
    width: 100%;
    max-width: 100%;
    grid-column: 2 / 4;
    grid-row: 2;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 25px 35px;
    align-items: start;
}
.block-type-hero .hero-type-home.hero-image-top .hero-container .hero-content .hero-content-outer .post-category{
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0;
}
.block-type-hero .hero-type-home.hero-image-top .hero-container .hero-content .hero-content-outer h1.hero_title{
    grid-column: 1;
    grid-row: 2;
    color: var(--primary-color) !important;
}
.block-type-hero .hero-type-home.hero-image-top .post-category.field.field--name-field-article-type{
    color: var(--primary-color) !important;
}
.block-type-hero .hero-type-home.hero-image-top .hero-container .hero-content .hero-content-outer .hero-paragraphs{
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: start;
}

.inner-hero-block.amp-banner .hero-container .hero-content .hero-content-outer{
    max-width: 100%;
    width: 100%;
}

.hero-container .hero-content .hero-content-outer .hero-paragraphs {
    width: 50vw;
    max-width: 745px;
    margin: 0 auto;
}


@media only screen and (max-width: 1920px) {
    .hero-type-hero-bgvideo .hero-bgvideo-wrapper{
        width: 120%;
    }
}


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

}

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

@media only screen and (max-width: 1280px) {
    .content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper{
        width: calc(90% - 30px);
    }
}

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

    .hero-container .hero-content,
    .hero-container .hero-frame {
        width: 100%;
        justify-content: center;
    }

    .section-patterns-wrapper{
        display: none;
    }

    .hero-container .hero-content .hero-content-outer,
    .hero-container .hero-content .hero-content-outer .hero-paragraphs{
        width: 100%;
    }

    .inner-hero-block .hero-container .hero-content {
        width: 100%;
        max-width: 100%;
    }

    .content-block.form-wrap form.forminator-design--default,
    .content-block .form-wrap form.forminator-design--default,
    .content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .form-wrap form.forminator-design--default {
        padding: 47px 20px !important;
    }

    .hero-type-inner5 .hero-form .hero-form-inner form>.forminator-row:nth-child(2),
    .content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row:nth-child(2) {
        width: 100% !important;
        flex: 100%;
    }

    .hero-type-inner5 .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row>.forminator-col:first-child,
    .content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row>.forminator-col:first-child {
        padding-right: 0px;
    }

    .hero-type-inner5 .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row>.forminator-col:last-child,
    .content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row>.forminator-col:last-child {
        padding-left: 0px;
    }

    .hero-type-inner5 .hero-form .hero-form-inner form .forminator-row,
    .content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form .forminator-row {
        width: 100%;
        float: none;
    }

    .hero-type-inner5 .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row .forminator-col,
    .content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row .forminator-col {
        width: 100% !important;
        flex-basis: 100%;
    }

    .content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row {
        padding: 0 15px;
    }

    .content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper .hero-form .hero-form-inner form>.forminator-row .name-field>.forminator-row>.forminator-col:first-child {
        margin-bottom: 10px;
    }

    .content-block.block-type-hero:has(.hero-type-inner5)+.hero-form-outer-wrapper {
        width: 100%;
        max-width: var(--container-max-width-small);
        margin: 50px auto;
        padding: 0 20px;
    }

    .hero-type-inner4 .hero-form{
        padding: 0 10px;
    }

    .hero-type-inner4 .hero-form, .hero-type-inner5 .hero-form {
        width: 100%;
        margin-top: 0;
        padding: 0;
        z-index: 2;
    }

    .hero-type-inner3 .hero-container .hero-content{
        flex-direction: column;
    }

    .inner-hero-block .hero-container .hero-content .hero_title::before,
    .inner-hero-block.hero-text-light .hero-container .hero-content .hero_title::before,
    .inner-hero-block.hero-text-light .hero-container .hero-content .hero_title::before {
        display: none;
    }

    body .content-block .inner-hero-block.hero-type-inner5 {
        max-height: none;
    }

    .hero-text-dark .hero-container .hero-content .hero_subtitle{
        color: var(--secondary-color);
        margin-top: 20px;
    }

    .hero-container .hero-content .hero-content-outer{
        max-width: 100%;
    }

    .inner-hero-block .hero-container{
        width: 100%;
    }
    .inner-hero-block.hero-type-inner2 .hero-content, 
    .inner-hero-block.hero-type-inner3 .hero-content{
        padding: 40px 0px;
    }

    .hero-type-inner4 .hero-container, .hero-type-inner5 .hero-container{
        gap: 0px;
        padding: 0;
    }

    .inner-hero-block .hero-container{
        padding-left: 0;
        padding-right: 0;
    }

    .block-type-hero .hero-container .hero-content.content-container{
        padding: 20px 0;
    }

    .hero-type-inner4 .hero-form,
    .hero-type-inner5 .hero-form {
        padding: 0 10px;
    }

    .hero-type-inner5 .hero-container .hero-content .hero-content-outer {
        max-width: 100%;
    }

}

@media only screen and (max-width: 767px) {
    .hero-type-hero-bgvideo .hero-bgvideo-wrapper{
        width: 100vw;
        height: 100vh;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .hero-type-hero-bgvideo .hero-bgvideo-wrapper iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 177.78vh;   /* 16:9 ratio scaled */
        height: 120vh;
        transform: translate(-50%, -50%);
    }
}


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

}