/* ------ GLOBAL STYLES ------ */

.inline-css, .css-inline {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    line-height: 0 !important;
    height: 0 !important;
}

a:focus, a.btn:focus, .formFooter a:focus, .form-footer a:focus, .eventDetail-body .eventDetail-CTAs a:focus, .btn:focus, .formFooter a:focus, .form-footer a:focus, .eventDetail-body .eventDetail-CTAs a:focus, input[type='submit']:focus, input[type='button']:focus, input[type='reset']:focus {
    outline: #079bd5 3px solid !important;
}

/* RESPONSIVE VIDEO EMBEDS */

.h-blockVideoEmbed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    /* 16:9 */
    aspect-ratio: 16 / 9;
}

.h-blockVideoEmbed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------ MOBILE STYLES ------ */

@media screen and (max-width: 1023px) {
    .h-mobileCenter {
        text-align: center;
        margin: 0 auto;
    }
    .h-mobileCenterGrow {
        display: block !important;
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }
    .h-mobileHide {
        display: none;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }
    .navMain-mobile ul li.h-desktopHide {
        margin-left: 15px !important;
    }
}
@media screen and (min-width: 1024px) {
    .h-desktopHide {
        display: none;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }
}

/* ------ COLORS ------ */

.h-colorPnyGray {
    color: #444;
}
a.h-linkColorDarkBlue {
    color: #19648a;
    text-decoration: underline;
}
a.h-linkColorDarkBlue:hover,
a.h-linkColorDarkBlue:focus {
    color: #222;
}
.h-linkColorWhite {
    color: #fff;
    text-decoration: underline;
}
.no-touch a.h-linkColorWhite:hover,
.no-touch a.h-linkColorWhite:focus,
.no-touch a.h-linkColorWhite:active {
    color: #ccc;
}


/* ------ BACKGROUNDS ------ */

.h-fillColorBlackGradient {
    background: rgb(51,51,51);
    background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);
}

.h-fillColorTealGradient {
    background: rgb(51,51,51);
    background: linear-gradient(0deg,#0e2734 0,#000 100%);
}

/* ------ FONTS ------ */

/* BEBAS HEADINGS */

.h-bebasTitleXl {
    font-family: 'bebas-neue-pro', 'Bebas Neue', 'Roboto', 'Trebuchet', Sans-serif;
    line-height: 0.9em;
}
.h-bebasTitleLg {
    font-family: 'bebas-neue-pro', 'Bebas Neue', 'Roboto', 'Trebuchet', Sans-serif;
    line-height: 0.9em;
}
.h-bebasTitleMd {
    font-family: 'bebas-neue-pro', 'Bebas Neue', 'Roboto', 'Trebuchet', Sans-serif;
    line-height: 0.9em;
}
.h-bebasTitleSm {
    font-family: 'bebas-neue-pro', 'Bebas Neue', 'Roboto', 'Trebuchet', Sans-serif;
    line-height: 0.9em;
}
.h-bebasTitleXs {
    font-family: 'bebas-neue-pro', 'Bebas Neue', 'Roboto', 'Trebuchet', Sans-serif;
    line-height: 0.9em;
}
.h-textSubtitleWideKern {
    font-family: 'Roboto', 'Helvetica', sans-serif;
    letter-spacing: 3px;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    line-height: 1.2em;
    margin-bottom: 5px;
    font-weight: lighter;
}

@media screen and (max-width: 1023px) {
    .h-bebasTitleXl {
        font-size: 80px;
    }
    .h-bebasTitleLg {
        font-size: 60px;
    }
    .h-bebasTitleMd {
        font-size: 50px;
    }
    .h-bebasTitleSm {
        font-size: 40px;
    }
    .h-bebasTitleXs {
        font-size: 36px;
    }
}
@media screen and (min-width: 1024px) {
    .h-bebasTitleXl {
        font-size: 100px;
    }
    .h-bebasTitleLg {
        font-size: 80px;
    }
    .h-bebasTitleMd {
        font-size: 60px;
    }
    .h-bebasTitleSm {
        font-size: 48px;
    }
    .h-bebasTitleXs {
        font-size: 40px;
    }
}

/* ROBOTO HEADINGS */

.h-robotoNormTitleXs {
    font-family: 'Roboto', Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
}
.h-robotoNormTitleSm {
    font-family: 'Roboto', Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.2em;
}
.h-robotoNormTitle, .h-robotoNormTitleMd {
    font-family: 'Roboto', Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 1.2em;
}
.h-robotoNormTitleLg {
    font-family: 'Roboto', Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 1.2em;
}
.h-robotoNormTitleXl {
    font-family: 'Roboto', Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 32px;
    line-height: 1.2em;
}

/* LISTS */

.h-listBenefitCallout li {
    list-style: none;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
}

/*------ BUTTONS ------*/

/* GLOBAL BUTTON OVERRIDES */

a.btn.btn--tertiaryInvert, .formFooter a.btn--tertiaryInvert, .form-footer a.btn--tertiaryInvert, .eventDetail-body .eventDetail-CTAs a.btn--tertiaryInvert, .btn.btn--tertiaryInvert, .formFooter a.btn--tertiaryInvert, .form-footer a.btn--tertiaryInvert, .eventDetail-body .eventDetail-CTAs a.btn--tertiaryInvert, input[type="submit"].btn--tertiaryInvert, input[type="button"].btn--tertiaryInvert, input[type="reset"].btn--tertiaryInvert {
    color: #000;
    border-color: #000;
    background: #fff;
}

/* PNY PRO BUTTON */

a.btn.btn--Pro, a.btn.h-btnPro,
.h-btnPro {
    color: #fff;
    border-color: #19648a;
    background: #19648a;
}
a.btn.btn--Pro:hover,
a.btn.btn--Pro:focus,
a.btn.h-btnPro:hover,
a.btn.h-btnPro:focus,
.h-btnPro:hover,
.h-btnPro:focus {
    color: #fff;
    border-color: #079BD5;
    background: #079BD5;
}

/* BLUE ANIMATED BUTTON */

.btn--animateglowBlue {
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 0 8px 0;
    margin: 4px;
    color: #fff;
    --border-size: 6px;
    --border-angle: 0turn;
    border-radius: 8px;
    width: 140px;
    height: 45px;
    box-shadow: 0px 0px 31px 0px #2D259A;
    background-image: conic-gradient(from var(--border-angle),
            #202c60,
            #004697 50%,
            #202c60),
        conic-gradient(from var(--border-angle), transparent 20%, #004687, #22B4EC);
    background-size: calc(100% - (var(--border-size) * 2)) calc(100% - (var(--border-size) * 2)),
        cover;
    background-position: center center;
    background-repeat: no-repeat;
    animation: bg-spin 3s linear infinite;
}

@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

.btn--animateglowBlue:hover,
.btn--animateglowBlue:focus {
    animation-play-state: paused;
    box-shadow: 0 0 0 1px #202c60;
    color: #fff !important;
    box-shadow: 0px 0px 31px 0px #004697;
}

@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}

@media (prefers-reduced-motion: reduce) {
    .btn--animateglowBlue {
        animation: none;
    }
}

/* PINK AND BLUE ANIMATED BUTTON */

.btn--animateglowPinkBlue {
    text-align: center;
    display: block;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 0 8px 0;
    margin: 4px;
    color: #fff;
    --border-size: 6px;
    --border-angle: 0turn;
    border-radius: 8px;
    width: 140px;
    height: 45px;
    box-shadow: 0px 0px 31px 0px #2D259A;
    background-image: conic-gradient(
        from var(--border-angle),
        rgba(65,31,87,1),
        #272086 50%,
        #4F135C
        ),
        conic-gradient(from var(--border-angle), transparent 20%, #5043FF, #D33CF2);
        background-size: calc(100% - (var(--border-size) * 2))
            calc(100% - (var(--border-size) * 2)),
            cover;
        background-position: center center;
        background-repeat: no-repeat;
        animation: bg-spin 3s linear infinite;   
}
@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}
.btn--animateglowPinkBlue:hover,
.btn--animateglowPinkBlue:focus {
    animation-play-state: paused;
    box-shadow: 0 0 0 1px #411f57;
    color: #fff !important;
    box-shadow: 0px 0px 31px 0px #9329A8;
}
@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}

@media (prefers-reduced-motion: reduce) {
    .btn--animateglowPinkBlue {
        animation: none;
    }
}

/* SWIPER NAVIGATION BUTTONS */

/*.swiper-button-next {
    background-image: url("/Image%20Library/Icons/icon-arrow-next.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.swiper-button-prev {
    background-image: url("/Image%20Library/Icons/icon-arrow-prev.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after,
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
    text-indent: -9999px;
}*/



/* OTHER FONTS */

p.h-sizeSm {
    line-height: 1.5em !important;
    font-size: 12px !important;
}

@media screen and (max-width: 1023px) {
    p.h-sizeSm {
        font-size: 16px !important;
    }
}

/*------ TABLES ------*/
#BlockTableLight {
    overflow: auto;
}

#BlockTableLight.h-scrollbarVisible {
    cursor: grab; /* Set cursor to grab when scrollbar is visible */
}

#BlockTableLight.h-scrollbarVisible td, #BlockTableLight.h-scrollbarVisible th, #BlockTableLight.h-scrollbarVisible img {
    user-select: none;
    pointer-events: none;
}

#BlockTableLight.h-scrollbarVisible:active {
    cursor: grabbing; /* Change cursor appearance when dragging */
}

#BlockTableLight.h-scrollbarHidden {
    cursor: default;
}

#BlockTableLight td, #BlockTableLight th {
    border-bottom: #ccc 1px solid;
    vertical-align: middle;
}

.h-blockTableLight td, .h-blockTableLight th {
    border-bottom: #ccc 1px solid;
    vertical-align: middle;
}
.h-blockTableLight thead th:first-child {
    border-top-left-radius: 10px;
}
.h-blockTableLight thead th:last-child {
    border-top-right-radius: 10px;
}

/* ------ GLOBAL OVERRIDES ------ */

.infoList, .infoList, .newsDetail-infoList {
    color: #222;
    font-size: 16px;
}

/* BLOCK - STICKY SUB NAV */
                    
@media screen and (max-width: 1023px) {
    .h-sectionNavSubStickyLight {
        display: none;
        visibility: hidden;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1399px) {
    .h-sectionNavSubStickyLight {
        display: block;
        visibility: visible;
        padding: 0 16px;
    }
}

@media screen and (min-width: 1400px) {
    .h-sectionNavSubStickyLight {
        display: block;
        visibility: visible;
        padding: 0 52px;
    }
}

.h-sectionNavSubStickyLight {
    transition: all 0.5s ease-in-out;
    width: 100%;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
}

.h-sectionNavSubStickyLight img {
    height: auto;
    width: 100%;
}

.h-sectionNavSubStickyLight.sticky {
    position: fixed;
    top: 78px;
    left: 0;
    z-index: 10;
    transition: all 0.5s ease-in-out;
}

.h-sectionNavSubStickyLight .h-blockNavSubStickyLight {
    display: flex;
    align-items: center;
}

.h-blockNavStickyLightCat p {
    white-space: nowrap;
    color: #444;
}

.h-blockNavStickyLightCat p a {
    color: #444;
}

.h-blockNavStickyLightCat p a:hover,
.h-blockNavStickyLightCat p a:focus {
    color: #222;
    text-decoration: underline;
}

.h-blockNavSubStickyLightSwiper,
.h-sectionNavSubStickyLight ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    max-width: 100%;
    width: 100%;
}

.h-sectionNavSubStickyLight ul,
.h-sectionNavSubStickyLight li {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.h-sectionNavSubStickyLight li {
    align-self: stretch;
    width: auto !important;
}

.h-sectionNavSubStickyLight li a {
    display: block;
    white-space: nowrap;
    padding: 20px 15px
}

.h-sectionNavSubStickyLight li a {
    background-color: #fff;
    color: #222222;
}

.h-sectionNavSubStickyLight li a:hover,
.h-sectionNavSubStickyLight li a:focus,
.h-sectionNavSubStickyLight li a.active {
    background-color: #ededed;
    color: #222222;
}

/* Carousel Nav */

.h-sectionNavSubStickyLight .h-blockNavSubStickyLightPrev,
.h-sectionNavSubStickyLight .h-blockNavSubStickyLightNext {
    color: #fff;
    background-color: #222;
    padding: 8px 8px 8px 8px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 100px;
    opacity: 0.4;
}

.h-sectionNavSubStickyLight .h-blockNavSubStickyLightPrev {
    margin-top: -13px;
    top: 50%;
    left: 0;
}

.h-sectionNavSubStickyLight .h-blockNavSubStickyLightNext {
    margin-top: -13px;
    top: 50%;
    right: 0;
}

.h-sectionNavSubStickyLight .h-blockNavSubStickyLightPrev.swiper-button-disabled,
.h-sectionNavSubStickyLight .h-blockNavSubStickyLightNext.swiper-button-disabled {
    opacity: 0.15;
}

.h-sectionNavSubStickyLight .h-blockNavSubStickyLightPrev:after,
.h-sectionNavSubStickyLight .h-blockNavSubStickyLightNext:after {
    font-size: 16px;
    font-weight: bold;
}

.h-sectionNavSubStickyLight .h-blockNavSubStickyLightPrev,
.h-sectionNavSubStickyLight .h-blockNavSubStickyLightNext {
    color: #fff !important;
    background-color: #222;
    opacity: 0.8;
}

.h-sectionNavSubStickyLight .h-blockNavSubStickyLightPrev:hover,
.h-sectionNavSubStickyLight .h-blockNavSubStickyLightNext:hover {
    color: #fff !important;
    background-color: #222;
    opacity: 1.0;
}

/* BLOCK - HERO ANGLE LEFT DARK */

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

    .h-blockHeroAngleLeftDarkMobileBg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #000;
        background-size: cover;
    }

    .h-blockHeroAngleLeftDark {
        display: flex;
        flex-direction: column;
        background: #000;
    }

    .h-blockHeroAngleLeftDarkTxt {
        background: linear-gradient(0deg, #222 0, #000 100%);
        width: 100%;
        padding: 60px 40px;
    }

    .h-blockHeroAngleLeftVideoBg #HeroBackgroundVideoDarkMobile {
        height: auto;
        width: 100%;
        background-size: cover;
    }

    .h-blockHeroAngleLeftVideoBg {
        position: static;
        height: auto;
    }
}

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

    .h-blockHeroAngleLeftDark {
        background: rgb(1, 14, 42);
        background-size: cover;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: stretch;
    }

    .h-blockHeroAngleLeftDarkTxt {
        min-height: 400px;
        width: 60%;
        padding: 60px 10vw 60px 100px;
        backdrop-filter: blur(15px);
        clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
    }

    .h-blockHeroAngleLeftDarkImg {
        width: 40%;
        display: flex;
        overflow: hidden;
        align-items: center;
        justify-content: center;
    }

    .h-blockHeroAngleLeftVideoBg #HeroBackgroundVideoDark {
        height: 100%;
        object-fit: cover;
        z-index: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
    }

    .h-blockHeroAngleLeftVideoBg {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0;
        height: 100%;
    }
}

.h-sectionHeroAngleLeftDark p a, .h-sectionHeroAngleLeftDark li a, 
.h-sectionHeroAngleLeftDark h1 a, .h-sectionHeroAngleLeftDark h2 a, 
.h-sectionHeroAngleLeftDark h3 a, .h-sectionHeroAngleLeftDark h4 a, 
.h-sectionHeroAngleLeftDark h5 a, .h-sectionHeroAngleLeftDark h6 a {
    text-decoration: underline;
    color: #c8e2ed;
    font-weight: bold;
}

.h-sectionHeroAngleLeftDark p a:hover, .h-sectionHeroAngleLeftDark li a:hover, 
.h-sectionHeroAngleLeftDark h1 a:hover, .h-sectionHeroAngleLeftDark h2 a:hover, 
.h-sectionHeroAngleLeftDark h3 a:hover, .h-sectionHeroAngleLeftDark h4 a:hover, 
.h-sectionHeroAngleLeftDark h5 a:hover, .h-sectionHeroAngleLeftDark h6 a:hover,
.h-sectionHeroAngleLeftDark p a:focus, .h-sectionHeroAngleLeftDark li a:focus, 
.h-sectionHeroAngleLeftDark h1 a:focus, .h-sectionHeroAngleLeftDark h2 a:focus, 
.h-sectionHeroAngleLeftDark h3 a:focus, .h-sectionHeroAngleLeftDark h4 a:focus, 
.h-sectionHeroAngleLeftDark h5 a:focus, .h-sectionHeroAngleLeftDark h6 a:focus {
    text-decoration: none;
    color: #ffffff;
}

.h-sectionHeroAngleLeftDark p,
.h-sectionHeroAngleLeftDark li {
    font-size: 16px;
}

.h-blockHeroAngleLeftDark {
    background-repeat: no-repeat;
    position: relative;
}

.h-sectionHeroAngleLeftDark img {
    height: auto;
    width: 100%;
}

.h-blockHeroAngleLeftDarkTxt {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex: 1;
}

.h-blockHeroAngleLeftVideoBg #HeroBackgroundVideoDark {
    width: 100%;
    background-size: cover;
}

.h-blockHeroAngleLeftVideoBg {
    width: 100%;
    background-size: cover;
}

.h-blockHeroAngleLeftDarkVideoBgBtn button {
    display: block;
    text-indent: -9999px;
    line-height: 0;
    border: 0 none;
    color: #222;
    width: 32px;
    height: 32px;
    margin: 0;
    display: block;
    padding: 10px;
    border-radius: 50px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    opacity: 0.5;
    cursor: pointer;
}

.h-btnVideoPause {
    background: #fff url('../svg/pause-icon.svg') no-repeat center;
}

.h-btnVideoPlay {
    background: #fff url('../svg/play-icon.svg') no-repeat center;
}

.h-blockHeroAngleLeftDarkVideoBgBtn button:hover {
    opacity: 1.0;
}

.h-blockHeroAngleLeftDarkMobileHeight {
    aspect-ratio: 16/9;
    width: 100%;
    background-size: cover !important;
}

/* BLOCK - HERO ANGLE LEFT LIGHT */

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

    .h-blockHeroAngleLeftLightMobileBg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #fff;
        background-size: cover;
    }

    .h-blockHeroAngleLeftLight {
        display: flex;
        flex-direction: column;
        background: #fff;
    }

    .h-blockHeroAngleLeftLightMobileImg {
        padding: 60px 40px;
    }

    .h-blockHeroAngleLeftLightTxt {
        background: linear-gradient(0deg, #ddd 0, #fff 100%);
        width: 100%;
        padding: 40px;
    }

    .h-blockHeroAngleLeftVideoBg #HeroBackgroundVideoLightMobile {
        height: auto;
        width: 100%;
    }

    .h-blockHeroAngleLeftVideoBg {
        position: static;
    }

    .h-videoBackgroundLoopLight {
        margin-bottom: -10px;
    }
}

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

    .h-blockHeroAngleLeftLight {
        background: #fff;
        background-size: cover;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: stretch;
    }

    .h-blockHeroAngleLeftLightTxt {
        min-height: 400px;
        width: 60%;
        padding: 60px 10vw 60px 100px;
        backdrop-filter: blur(15px);
        clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
    }

    .h-blockHeroAngleLeftLightImg {
        width: 40%;
        display: flex;
        overflow: hidden;
        align-items: center;
        justify-content: center;
    }

    .h-blockHeroAngleLeftVideoBg #HeroBackgroundVideoLight {
        height: 100%;
        object-fit: cover;
        z-index: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
    }

    .h-blockHeroAngleLeftVideoBg {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0;
        height: 100%;
    }
}

.h-sectionHeroAngleLeftLight p a, .h-sectionHeroAngleLeftLight li a, 
.h-sectionHeroAngleLeftLight h1 a, .h-sectionHeroAngleLeftLight h2 a, 
.h-sectionHeroAngleLeftLight h3 a, .h-sectionHeroAngleLeftLight h4 a, 
.h-sectionHeroAngleLeftLight h5 a, .h-sectionHeroAngleLeftLight h6 a {
    text-decoration: underline;
    color: #19648a;
    font-weight: bold;
}

.h-sectionHeroAngleLeftLight p a:hover, .h-sectionHeroAngleLeftLight li a:hover, 
.h-sectionHeroAngleLeftLight h1 a:hover, .h-sectionHeroAngleLeftLight h2 a:hover, 
.h-sectionHeroAngleLeftLight h3 a:hover, .h-sectionHeroAngleLeftLight h4 a:hover, 
.h-sectionHeroAngleLeftLight h5 a:hover, .h-sectionHeroAngleLeftLight h6 a:hover,
.h-sectionHeroAngleLeftLight p a:focus, .h-sectionHeroAngleLeftLight a:focus, 
.h-sectionHeroAngleLeftLight h1 a:focus, .h-sectionHeroAngleLeftLight h2 a:focus, 
.h-sectionHeroAngleLeftLight h3 a:focus, .h-sectionHeroAngleLeftLight h4 a:focus, 
.h-sectionHeroAngleLeftLight h5 a:focus, .h-sectionHeroAngleLeftLight h6 a:focus {
    text-decoration: none;
    color: #222;
}

.h-blockHeroAngleLeftLight {
    background-repeat: no-repeat;
    position: relative;
}

.h-sectionHeroAngleLeftLight img {
    height: auto;
    width: 100%;
}

.h-blockHeroAngleLeftLightTxt {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex: 1;
}

.h-blockHeroAngleLeftLightTxt>div {
    width: 100%;
}

.h-blockHeroAngleLeftVideoBg #HeroBackgroundVideoLight {
    width: 100%;
    background-size: cover;
}

.h-blockHeroAngleLeftVideoBg {
    width: 100%;
    background-size: cover;
}

.h-blockHeroAngleLeftLightVideoBgBtn button {
    display: block;
    text-indent: -9999px;
    line-height: 0;
    border: 0 none;
    color: #222;
    width: 32px;
    height: 32px;
    margin: 0;
    display: block;
    padding: 10px;
    border-radius: 50px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    opacity: 0.5;
    cursor: pointer;
}

.h-btnVideoPauseLight {
    background: #fff url('../svg/pause-icon.svg') no-repeat center;
}

.h-btnVideoPlay {
    background: #fff url('../svg/play-icon.svg') no-repeat center;
}

.h-blockHeroAngleLeftLightVideoBgBtn button:hover {
    opacity: 1.0;
}

.h-blockHeroAngleLeftLightMobileHeight {
    aspect-ratio: 16/9;
    width: 100%;
    background-size: cover !important;
}

 /* BLOCK - HERO: TEXT AND MINI SLIDER DARK */

 @media screen and (max-width: 440px) {
    .h-sectionTextMiniSliderDark .h-blockTextMiniSliderDarkSwiper {
        height: 475px;
    }

    .h-sectionTextMiniSliderDark img {
        height: auto;
        width: 100%;
    }

    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkText,
    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkTextTall {
        clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
        padding-top: 36px;
        min-height: 325px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .h-blockTextMiniSliderDarkLogos img {
        margin: 0 10px 5px 0;
    }

    .h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkNext {
        right: 35%;
    }

    .h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkPrev {
        left: 35%;
    }
}

@media screen and (min-width: 441px) and (max-width: 640px) {

    .h-sectionTextMiniSliderDark .h-blockTextMiniSliderDarkSwiper {
        height: 450px;
    }

    .h-sectionTextMiniSliderDark img {
        height: auto;
        width: 100%;
    }

    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkText,
    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkTextTall {
        clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
        min-height: 230px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .h-blockTextMiniSliderDarkLogos img {
        margin: 0 10px 5px 0;
    }

    .h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkNext {
        right: 40%;
    }

    .h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkPrev {
        left: 40%;
    }
}

@media screen and (min-width: 640px) and (max-width: 920px) {

    .h-sectionTextMiniSliderDark .h-blockTextMiniSliderDarkSwiper {
        height: 480px;
    }

    .h-sectionTextMiniSliderDark img {
        height: auto;
        width: 100%;
    }

    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkText,
    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkTextTall {
        clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
        min-height: 215px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .h-blockTextMiniSliderDarkLogos img {
        margin: 0 10px 10px 0;
    }

    .h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkNext {
        right: 40%;
    }

    .h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkPrev {
        left: 40%;
    }
}

@media screen and (min-width: 921px) and (max-width: 1023px) {
    .h-sectionTextMiniSliderDark .h-blockTextMiniSliderDarkSwiper {
        height: 580px;
    }

    .h-sectionTextMiniSliderDark img {
        height: auto;
        width: 100%;
    }

    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkText,
    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkTextTall {
        clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
        min-height: 215px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .h-blockTextMiniSliderDarkLogos img {
        margin: 0 10px 10px 0;
    }

    .h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkNext {
        right: 43%;
    }

    .h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkPrev {
        left: 43%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1239px) {
    .h-sectionTextMiniSliderDark .h-blockTextMiniSliderDarkSwiper {
        height: 395px;
    }

    .h-sectionTextMiniSliderDark img {
        height: auto;
        width: 100%;
    }

    .h-sectionTextMiniSliderDark>div {
        background-size: auto 110%;
    }

    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkText,
    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkTextTall {
        clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
        padding-top: 45px !important;
        min-height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkText p,
    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkTextTall p {
        height: 0;
        overflow: hidden;
    }

    .h-blockTextMiniSliderDarkSlide:hover .h-blockTextMiniSliderDarkText p,
    .h-blockTextMiniSliderDarkSlide:focus .h-blockTextMiniSliderDarkText p {
        height: 60px;
        overflow: visible;
    }

    .h-blockTextMiniSliderDarkSlide:hover .h-blockTextMiniSliderDarkTextTall p,
    .h-blockTextMiniSliderDarkSlide:focus .h-blockTextMiniSliderDarkTextTall p {
        height: 90px;
        overflow: visible;
    }

    .h-blockTextMiniSliderDarkLogos img {
        margin: 0 10px 10px 0;
    }

    .h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkNext {
        right: 40%;
    }

    .h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkPrev {
        left: 40%;
    }
}

@media screen and (min-width: 1240px) {
    .h-sectionTextMiniSliderDark .h-blockTextMiniSliderDarkSwiper {
        height: 460px;
    }

    .h-sectionTextMiniSliderDark img {
        height: auto;
        width: 100%;
    }

    .h-blockTextMiniSliderDarkSlide {
        padding-bottom: 130px;
    }

    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkText,
    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkTextTall {
        clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
        padding-top: 45px !important;
        min-height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkText p,
    .h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkTextTall p {
        height: 0;
        overflow: hidden;
    }

    .h-blockTextMiniSliderDarkSlide:hover .h-blockTextMiniSliderDarkText p,
    .h-blockTextMiniSliderDarkSlide:focus .h-blockTextMiniSliderDarkText p {
        height: 60px;
        overflow: visible;
    }

    .h-blockTextMiniSliderDarkSlide:hover .h-blockTextMiniSliderDarkTextTall p,
    .h-blockTextMiniSliderDarkSlide:focus .h-blockTextMiniSliderDarkTextTall p {
        height: 80px;
    }

    .h-blockTextMiniSliderDarkLogos img {
        margin: 0 10px 10px 0;
    }

    .h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkNext {
        right: 42%;
    }

    .h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkPrev {
        left: 42%;
    }
}

.h-sectionTextMiniSliderDark .swiper-button-next {
    background-image: url("../svg/icon-arrow-next.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionTextMiniSliderDark .swiper-button-prev {
    background-image: url("../svg/icon-arrow-prev.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionTextMiniSliderDark .swiper-button-next::after,
.h-sectionTextMiniSliderDark .swiper-rtl .swiper-button-prev::after,
.h-sectionTextMiniSliderDark .swiper-button-prev::after,
.h-sectionTextMiniSliderDark .swiper-rtl .swiper-button-next::after {
    text-indent: -9999px;
}

.h-sectionTextMiniSliderDark .h-columnTextMiniSliderDarkSlider {
    align-self: flex-start;
  }

.h-sectionTextMiniSliderDark p a, .h-sectionTextMiniSliderDark li a, 
.h-sectionTextMiniSliderDark h1 a, .h-sectionTextMiniSliderDark h2 a, 
.h-sectionTextMiniSliderDark h3 a, .h-sectionTextMiniSliderDark h4 a, 
.h-sectionTextMiniSliderDark h5 a, .h-sectionTextMiniSliderDark h6 a {
    text-decoration: underline;
    color: #c8e2ed;
    font-weight: bold;
}

.h-sectionTextMiniSliderDark p a:hover, .h-sectionTextMiniSliderDark li a:hover, 
.h-sectionTextMiniSliderDark h1 a:hover, .h-sectionTextMiniSliderDark h2 a:hover, 
.h-sectionTextMiniSliderDark h3 a:hover, .h-sectionTextMiniSliderDark h4 a:hover, 
.h-sectionTextMiniSliderDark h5 a:hover, .h-sectionTextMiniSliderDark h6 a:hover,
.h-sectionTextMiniSliderDark p a:focus, .h-sectionTextMiniSliderDark li a:focus, 
.h-sectionTextMiniSliderDark h1 a:focus, .h-sectionTextMiniSliderDark h2 a:focus, 
.h-sectionTextMiniSliderDark h3 a:focus, .h-sectionTextMiniSliderDark h4 a:focus, 
.h-sectionTextMiniSliderDark h5 a:focus, .h-sectionTextMiniSliderDark h6 a:focus {
    text-decoration: none;
    color: #ffffff;
}

/* Text Block */
.h-sectionTextMiniSliderDark .contained {
    max-width: 1196px;
}

.h-sectionTextMiniSliderDark .column:first-child {
    display: flex;
    align-items: center;
}

.h-blockTextMiniSliderDarkLogo {
    max-width: 264px;
}

/* Slider Block */
.h-sectionTextMiniSliderDark .column:last-child {
    position: relative;
}

.h-sectionTextMiniSliderDark .h-blockTextMiniSliderDarkSwiper {
    width: 100%;
    overflow-y: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
}

.h-blockTextMiniSliderDarkImg img {
    display: block;
    border-radius: 10px 10px 0 0 !important;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
}

.h-blockTextMiniSliderDarkLogos img {
    display: inline-block;
    width: auto;
}

.h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkText,
.h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkTextTall {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to top, #000000, #111111);
    transition: height 0.2s linear;
    border-radius: 0 0 10px 10px !important;
}

.h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkText p,
.h-blockTextMiniSliderDarkSlide .h-blockTextMiniSliderDarkTextTall p {
    display: block;
    transition: height 0.2s linear;
    line-height: 1.3em;
}

/* Slider Nav */
.h-btnTextMiniSliderDarkPagination {
    width: 10px !important;
    position: absolute !important;
    right: var(--swiper-pagination-right, -10px) !important;
    left: var(--swiper-pagination-left, auto) !important;
    transform: translate3d(0px, 50%, 0) !important;
}

.h-sectionTextMiniSliderDark .swiper-horizontal>.swiper-pagination-bullets,
.h-sectionTextMiniSliderDark .swiper-pagination-bullets.swiper-pagination-horizontal,
.h-sectionTextMiniSliderDark .swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 60%)
}

.h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkPrev,
.h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkNext {
    color: #fff;
    background-color: #444;
    padding: 5px 5px 5px 5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    top: 98%;
}

.h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkPrev:after,
.h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkNext:after {
    font-size: 18px;
    font-weight: bold;
}

.h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkPrev:hover,
.h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkNext:hover,
.h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkPrev:focus,
.h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkNext:focus {
    color: white !important;
    background-color: #555;
}

.h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkNext {
    left: auto;
    border-radius: 50px;
}

.h-sectionTextMiniSliderDark .h-btnTextMiniSliderDarkPrev {
    border-radius: 50px;
}

.h-sectionTextMiniSliderDark .swiper-pagination-bullet {
    background-color: #ccc;
}

/* BLOCK - HERO: TEXT AND MINI SLIDER LIGHT */

@media screen and (max-width: 440px) {
    .h-sectionTextMiniSliderLight .h-blockTextMiniSliderLightSwiper {
        height: 475px;
    }

    .h-sectionTextMiniSliderLight img {
        height: auto;
        width: 100%;
    }

    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightText,
    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightTextTall {
        clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
        padding-top: 36px;
        min-height: 325px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .h-blockTextMiniSliderLightLogos img {
        margin: 0 10px 5px 0;
    }

    .h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightNext {
        right: 35%;
    }

    .h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightPrev {
        left: 35%;
    }
}

@media screen and (min-width: 441px) and (max-width: 640px) {

    .h-sectionTextMiniSliderLight .h-blockTextMiniSliderLightSwiper {
        height: 450px;
    }

    .h-sectionTextMiniSliderLight img {
        height: auto;
        width: 100%;
    }

    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightText,
    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightTextTall {
        clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
        min-height: 230px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .h-blockTextMiniSliderLightLogos img {
        margin: 0 10px 5px 0;
    }

    .h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightNext {
        right: 40%;
    }

    .h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightPrev {
        left: 40%;
    }
}

@media screen and (min-width: 640px) and (max-width: 920px) {

    .h-sectionTextMiniSliderLight .h-blockTextMiniSliderLightSwiper {
        height: 480px;
    }

    .h-sectionTextMiniSliderLight img {
        height: auto;
        width: 100%;
    }

    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightText,
    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightTextTall {
        clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
        min-height: 215px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .h-blockTextMiniSliderLightLogos img {
        margin: 0 10px 10px 0;
    }

    .h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightNext {
        right: 40%;
    }

    .h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightPrev {
        left: 40%;
    }
}

@media screen and (min-width: 921px) and (max-width: 1023px) {
    .h-sectionTextMiniSliderLight .h-blockTextMiniSliderLightSwiper {
        height: 580px;
    }

    .h-sectionTextMiniSliderLight img {
        height: auto;
        width: 100%;
    }

    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightText,
    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightTextTall {
        clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
        min-height: 215px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .h-blockTextMiniSliderLightLogos img {
        margin: 0 10px 10px 0;
    }

    .h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightNext {
        right: 43%;
    }

    .h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightPrev {
        left: 43%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1239px) {
    .h-sectionTextMiniSliderLight .h-blockTextMiniSliderLightSwiper {
        height: 395px;
    }

    .h-sectionTextMiniSliderLight img {
        height: auto;
        width: 100%;
    }

    .h-sectionTextMiniSliderLight>div {
        background-size: auto 110%;
    }

    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightText,
    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightTextTall {
        clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
        padding-top: 45px !important;
        min-height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightText p,
    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightTextTall p {
        height: 0;
        overflow: hidden;
    }

    .h-blockTextMiniSliderLightSlide:hover .h-blockTextMiniSliderLightText p,
    .h-blockTextMiniSliderLightSlide:focus .h-blockTextMiniSliderLightText p {
        height: 60px;
        overflow: visible;
    }

    .h-blockTextMiniSliderLightSlide:hover .h-blockTextMiniSliderLightTextTall p,
    .h-blockTextMiniSliderLightSlide:focus .h-blockTextMiniSliderLightTextTall p {
        height: 90px;
        overflow: visible;
    }

    .h-blockTextMiniSliderLightLogos img {
        margin: 0 10px 10px 0;
    }

    .h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightNext {
        right: 40%;
    }

    .h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightPrev {
        left: 40%;
    }
}

@media screen and (min-width: 1240px) {
    .h-sectionTextMiniSliderLight .h-blockTextMiniSliderLightSwiper {
        height: 460px;
    }

    .h-sectionTextMiniSliderLight img {
        height: auto;
        width: 100%;
    }

    .h-blockTextMiniSliderLightSlide {
        padding-bottom: 130px;
    }

    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightText,
    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightTextTall {
        clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
        padding-top: 45px !important;
        min-height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightText p,
    .h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightTextTall p {
        height: 0;
        overflow: hidden;
    }

    .h-blockTextMiniSliderLightSlide:hover .h-blockTextMiniSliderLightText p,
    .h-blockTextMiniSliderLightSlide:focus .h-blockTextMiniSliderLightText p {
        height: 60px;
        overflow: visible;
    }

    .h-blockTextMiniSliderLightSlide:hover .h-blockTextMiniSliderLightTextTall p,
    .h-blockTextMiniSliderLightSlide:focus .h-blockTextMiniSliderLightTextTall p {
        height: 80px;
    }

    .h-blockTextMiniSliderLightLogos img {
        margin: 0 10px 10px 0;
    }

    .h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightNext {
        right: 42%;
    }

    .h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightPrev {
        left: 42%;
    }
}

.h-sectionTextMiniSliderLight .swiper-button-next {
    background-image: url("../svg/icon-arrow-next.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionTextMiniSliderLight .swiper-button-prev {
    background-image: url("../svg/icon-arrow-prev.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionTextMiniSliderLight .swiper-button-next::after,
.h-sectionTextMiniSliderLight .swiper-rtl .swiper-button-prev::after,
.h-sectionTextMiniSliderLight .swiper-button-prev::after,
.h-sectionTextMiniSliderLight .swiper-rtl .swiper-button-next::after {
    text-indent: -9999px;
}

.h-sectionTextMiniSliderLight .h-columnTextMiniSliderLightSlider {
    align-self: flex-start;
  }

.h-sectionTextMiniSliderLight p a, .h-sectionTextMiniSliderLight li a, 
.h-sectionTextMiniSliderLight h1 a, .h-sectionTextMiniSliderLight h2 a, 
.h-sectionTextMiniSliderLight h3 a, .h-sectionTextMiniSliderLight h4 a, 
.h-sectionTextMiniSliderLight h5 a, .h-sectionTextMiniSliderLight h6 a {
    text-decoration: underline;
    color: #c8e2ed;
    font-weight: bold;
}

.h-sectionTextMiniSliderLight p a:hover, .h-sectionTextMiniSliderLight li a:hover, 
.h-sectionTextMiniSliderLight h1 a:hover, .h-sectionTextMiniSliderLight h2 a:hover, 
.h-sectionTextMiniSliderLight h3 a:hover, .h-sectionTextMiniSliderLight h4 a:hover, 
.h-sectionTextMiniSliderLight h5 a:hover, .h-sectionTextMiniSliderLight h6 a:hover,
.h-sectionTextMiniSliderLight p a:focus, .h-sectionTextMiniSliderLight li a:focus, 
.h-sectionTextMiniSliderLight h1 a:focus, .h-sectionTextMiniSliderLight h2 a:focus, 
.h-sectionTextMiniSliderLight h3 a:focus, .h-sectionTextMiniSliderLight h4 a:focus, 
.h-sectionTextMiniSliderLight h5 a:focus, .h-sectionTextMiniSliderLight h6 a:focus {
    text-decoration: none;
    color: #ffffff;
}

/* Text Block */
.h-sectionTextMiniSliderLight .contained {
    max-width: 1196px;
}

.h-sectionTextMiniSliderLight .column:first-child {
    display: flex;
    align-items: center;
}

.h-blockTextMiniSliderLightLogo {
    max-width: 264px;
}

/* Slider Block */
.h-sectionTextMiniSliderLight .column:last-child {
    position: relative;
}

.h-sectionTextMiniSliderLight .h-blockTextMiniSliderLightSwiper {
    width: 100%;
    overflow-y: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
}

.h-blockTextMiniSliderLightImg img {
    display: block;
    border-radius: 10px 10px 0 0 !important;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
}

.h-blockTextMiniSliderLightLogos img {
    display: inline-block;
    width: auto;
}

.h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightText,
.h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightTextTall {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to top, #000000, #111111);
    transition: height 0.2s linear;
    border-radius: 0 0 10px 10px !important;
}

.h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightText p,
.h-blockTextMiniSliderLightSlide .h-blockTextMiniSliderLightTextTall p {
    display: block;
    transition: height 0.2s linear;
    line-height: 1.3em;
}

/* Slider Nav */
.h-btnTextMiniSliderLightPagination {
    width: 10px !important;
    position: absolute !important;
    right: var(--swiper-pagination-right, -10px) !important;
    left: var(--swiper-pagination-left, auto) !important;
    transform: translate3d(0px, 50%, 0) !important;
}

.h-sectionTextMiniSliderLight .swiper-horizontal>.swiper-pagination-bullets,
.h-sectionTextMiniSliderLight .swiper-pagination-bullets.swiper-pagination-horizontal,
.h-sectionTextMiniSliderLight .swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 60%)
}

.h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightPrev,
.h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightNext {
    color: #fff;
    background-color: #444;
    padding: 5px 5px 5px 5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    top: 98%;
}

.h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightPrev:after,
.h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightNext:after {
    font-size: 18px;
    font-weight: bold;
}

.h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightPrev:hover,
.h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightNext:hover,
.h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightPrev:focus,
.h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightNext:focus {
    color: white !important;
    background-color: #555;
}

.h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightNext {
    left: auto;
    border-radius: 50px;
}

.h-sectionTextMiniSliderLight .h-btnTextMiniSliderLightPrev {
    border-radius: 50px;
}

.h-sectionTextMiniSliderLight .swiper-pagination-bullet {
    background-color: #ccc;
}

/* BLOCK - PRODUCT CAROUSEL WITH LEAD FORM */

@media screen and (max-width: 640px) {
    .h-sectionProductsForm {
        padding-left: 30px;
        padding-right: 30px;
    }

    .h-sectionProductsForm p,
    .h-sectionProductsForm li,
    .h-sectionProductsForm label {
        font-size: 16px;
    }

    .h-blockProductsFormProd {
        flex-direction: column-reverse;
        width: 100%;
    }

    .h-blockProductsFormProd>div {
        width: 100%;
    }

    .h-blockProductsFormProdImg {
        border-radius: 10px 10px 0 0;
    }

    .h-blockProductsFormProdImg img {
        height: auto;
        width: 50%;
        border-radius: 10px 10px 0 0;
        float: right;
    }

    .h-blockProductsFormProdTxt {
        justify-content: start;
    }

    .h-blockProductsFormCarousel .h-swiperProductsFormBtnPrev {
        left: -20px;
        top: 45%;
    }

    .h-blockProductsFormCarousel .h-swiperProductsFormBtnNext {
        right: -20px;
        top: 45%;
    }

    .h-blockProductsFormForm p,
    .h-blockProductsFormForm li {
        font-size: 16px;
    }

    .h-blockProductsFormForm .hbspt-form .submitted-message p {
        font-size: 18px;
        margin: 20px 0;
    }

    .h-blockProductsFormForm label.hs-form-booleancheckbox-display {
        width: 100%;
        line-height: 30px;
        margin-top: 20px;
    }

    .h-blockProductsFormForm .hbspt-form input[type="checkbox"] {
        width: 24px;
        height: 24px;
        border-radius: 5px;
        display: inline-block;
        margin: 5px 10px 0 0;
    }
}

@media screen and (min-width: 641px) and (max-width: 1023px) {

    .h-sectionProductsForm {
        padding-left: 60px;
        padding-right: 60px;
    }

    .h-sectionProductsForm p,
    .h-sectionProductsForm li,
    .h-sectionProductsForm label {
        font-size: 16px;
    }

    .h-blockProductsFormCarousel {
        position: relative;
        z-index: 2;
    }

    .h-blockProductsFormProd>div:first-child {
        width: 60%;
    }

    .h-blockProductsFormProd>div:last-child {
        width: 40%;
    }

    .h-blockProductsFormProdImg img {
        height: auto;
        width: 100%;
        border-radius: 10px 10px 0 0;
    }

    .h-blockProductsFormProdTxt {
        justify-content: flex-start;
    }

    .h-blockProductsFormCarousel .h-swiperProductsFormBtnPrev {
        left: -30px;
        top: 45%;
    }

    .h-blockProductsFormCarousel .h-swiperProductsFormBtnNext {
        right: -30px;
        top: 45%;
    }

    .h-blockProductsFormForm .hbspt-form p,
    .h-blockProductsFormForm .hbspt-form li {
        font-size: 16px;
    }

    .h-blockProductsFormForm .hbspt-form .submitted-message p {
        font-size: 18px;
    }

    .h-blockProductsFormForm label.hs-form-booleancheckbox-display {
        width: 100%;
        line-height: 30px;
        margin-top: 20px;
    }

    .h-blockProductsFormForm .hbspt-form input[type="checkbox"] {
        width: 24px;
        height: 24px;
        border-radius: 5px;
        display: inline-block;
        margin: 5px 10px 0 0;
    }
}

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

    .h-sectionProductsForm {
        padding-left: 60px;
        padding-right: 60px;
    }

    .h-blockProductsFormCarousel {
        position: relative;
        z-index: 2;
    }

    .h-blockProductsFormProd>div:first-child {
        width: 70%;
    }

    .h-blockProductsFormProd>div:last-child {
        width: 30%;
    }

    .h-blockProductsFormProdImg img {
        height: auto;
        width: 100%;
    }

    .h-blockProductsFormProdTxt {
        justify-content: flex-start;
    }

    .h-blockProductsFormCarousel .h-swiperProductsFormBtnPrev {
        position: absolute;
        left: -30px;
        top: 45%;
        z-index: 2;
    }

    .h-blockProductsFormCarousel .h-swiperProductsFormBtnNext {
        position: absolute;
        right: -30px;
        top: 45%;
        z-index: 2;
    }

    .h-blockProductsFormCol {
        position: relative;
        padding: 0 80px 0 50px;
        text-align: center;
        z-index: 0;
    }

    .h-blockProductsFormForm {
        width: 80%;
        position: absolute;
        z-index: 1;
        bottom: 0;
        margin: 0 auto;
        min-height: 700px;
    }

    .h-blockProductsFormForm .hbspt-form p,
    .h-blockProductsFormForm .hbspt-form li {
        font-size: 12px;
    }

    .h-blockProductsFormForm .hbspt-form .submitted-message p {
        font-size: 18px;
    }

    .h-blockProductsFormForm label.hs-form-booleancheckbox-display {
        width: 100%;
        line-height: 18px;
        margin-top: 15px;
    }

    .h-blockProductsFormForm .hbspt-form input[type="checkbox"] {
        width: 15px;
        height: 15px;
        border-radius: 5px;
        display: inline-block;
        margin: 3px 5px 0 0;
    }
}

@media screen and (min-width: 1600px) {
    .h-sectionProductsForm {
        padding-left: 60px;
        padding-right: 60px;
    }

    .h-blockProductsFormProd>div:first-child {
        width: 70%;
    }

    .h-blockProductsFormProd>div:last-child {
        width: 30%;
    }

    .h-blockProductsFormProdImg img {
        height: auto;
        width: 100%;
    }

    .h-blockProductsFormProdTxt {
        justify-content: flex-start;
    }

    .h-blockProductsFormCarousel .h-swiperProductsFormBtnPrev {
        position: absolute;
        left: -30px;
        top: 45%;
        z-index: 2;
    }

   .h-blockProductsFormCarousel .h-swiperProductsFormBtnNext {
        position: absolute;
        right: -30px;
        top: 45%;
        z-index: 2;
    }

    .h-blockProductsFormCol {
        position: relative;
        padding: 0 80px 0 50px;
        text-align: center;
        z-index: 0;
    }

    .h-sectionProductsForm .h-blockProductsFormForm {
        width: 80%;
        position: absolute;
        z-index: 1;
        bottom: 0;
        margin: 0 auto;
        min-height: 700px;
    }

    .h-sectionProductsForm .hbspt-form p,
    .h-sectionProductsForm .hbspt-form li {
        font-size: 12px;
    }

    .h-sectionProductsForm .hbspt-form .submitted-message p {
        font-size: 18px;
    }

    label.hs-form-booleancheckbox-display {
        width: 100%;
        line-height: 18px;
        margin-top: 15px;
    }

    .h-sectionProductsForm .hbspt-form input[type="checkbox"] {
        width: 15px;
        height: 15px;
        border-radius: 5px;
        display: inline-block;
        margin: 3px 5px 0 0;
    }
}

.h-sectionProductsForm .swiper-button-next {
    background-image: url("../svg/icon-arrow-next.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionProductsForm .swiper-button-prev {
    background-image: url("../svg/icon-arrow-prev.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionProductsForm .swiper-button-next::after,
.h-sectionProductsForm .swiper-rtl .swiper-button-prev::after,
.h-sectionProductsForm .swiper-button-prev::after,
.h-sectionProductsForm .swiper-rtl .swiper-button-next::after {
    text-indent: -9999px;
}

.h-blockProductsFormCarousel,
.h-blockProductsFormProd>div:last-child {
    position: relative;
}

.h-sectionProductsForm p,
.h-sectionProductsForm li,
.h-sectionProductsForm label {
    line-height: 1.5em;
}

.h-sectionProductsForm img {
    height: auto;
    width: 100%;
}

.h-blockProductsFormCarousel .swiper {
    height: 100%;
}

.h-blockProductsFormProd {
    border-radius: 10px;
    display: flex !important;
    height: 100%;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
}

.h-blockProductsFormProdTxt {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.h-blockProductsFormProdImg {
    border-radius: 0 10px 10px 0;
}

.h-blockProductsFormProdImg img {
    transition: all 0.2s ease-out;
}

.h-blockProductsFormProd:hover .h-blockProductsFormProdImg img,
.h-blockProductsFormProd:focus .h-blockProductsFormProdImg img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Carousel Nav */

.h-blockGalleryDark .swiper-button-prev,
.h-blockGalleryDark .swiper-button-next {
    z-index: 9;
}

.h-blockProductsFormCarousel .h-swiperProductsFormBtnPrev,
.h-blockProductsFormCarousel .h-swiperProductsFormBtnNext {
    color: #fff;
    background-color: #666;
    padding: 8px 8px 8px 8px;
    width: 50px;
    height: 50px;
    line-height: 32px;
    text-align: center;
    border-radius: 100px;
    opacity: 0.7;
}

.h-blockProductsFormCarousel .h-swiperProductsFormBtnPrev.swiper-button-disabled,
.h-blockProductsFormCarousel .h-swiperProductsFormBtnNext.swiper-button-disabled {
    opacity: 0.15;
}

.h-blockProductsFormCarousel .h-swiperProductsFormBtnPrev:after,
.h-blockProductsFormCarousel .h-swiperProductsFormBtnNext:after {
    font-size: 22px;
    font-weight: bold;
}

.h-blockProductsFormCarousel .h-swiperProductsFormBtnPrev,
.h-blockProductsFormCarousel .h-swiperProductsFormBtnNext {
    color: #fff;
    background-color: #666;

}

.h-blockProductsFormCarousel .h-swiperProductsFormBtnPrev:hover,
.h-blockProductsFormCarousel .h-swiperProductsFormBtnNext:hover {
    color: #fff;
    background-color: #666;
    opacity: 0.9;
}

.h-blockProductsFormForm {
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    text-align: left;
}

.h-blockProductsFormForm .hbspt-form fieldset,
.h-blockProductsFormForm .hbspt-form .form-columns-2,
.h-blockProductsFormForm .hbspt-form .form-columns-1 {
    max-width: 100% !important;
}

.h-blockProductsFormForm .hbspt-form ul,
.h-blockProductsFormForm .hbspt-form li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.h-blockProductsFormForm .hbspt-form label,
.h-blockProductsFormForm .hbspt-form p,
.h-blockProductsFormForm .hbspt-form li {
    color: #fff;
}

.h-blockProductsFormForm .hbspt-form p,
.h-blockProductsFormForm .hbspt-form ul {
    margin-bottom: 10px;
}

.h-blockProductsFormForm .hbspt-form .hs-form-required {
    color: #FF202B;
}

.h-blockProductsFormForm .hbspt-form a {
    text-decoration: underline;
    color: #c8e2ed;
}

.h-blockProductsFormForm .hbspt-form a:hover,
.h-blockProductsFormForm .hbspt-form a:focus {
    text-decoration: underline;
    color: #fff;
}

.h-blockProductsFormForm .hbspt-form input[type="text"],
.h-blockProductsFormForm .hbspt-form input[type="textarea"],
.h-blockProductsFormForm .hbspt-form input[type="select"],
.h-blockProductsFormForm .hbspt-form select.hs-input,
.h-blockProductsFormForm .hbspt-form input[type="email"],
.h-blockProductsFormForm .hbspt-form input[type="tel"],
.h-blockProductsFormForm .hbspt-form input[type="url"] {
    border-width: 1px !important;
    border-color: transparent !important;
    border-radius: 6px !important;
    color: #222 !important;
    height: auto !important;
    padding: 6px !important;
    margin-bottom: 5px !important;
    font-size: 16px !important;
    line-height: 18px !important;
    width: 100% !important;
}

.h-sectionProductsForm .hbspt-form .actions {
    text-align: center;
}

.h-sectionProductsForm .hbspt-form .hs-button {
    background-color: #fff;
    color: #000;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    padding: 6.5px 13px;
    cursor: pointer;
    vertical-align: middle;
    touch-action: manipulation;
    transition: all 0.15s ease-in-out;
    border: 1px solid transparent;
    border-radius: 5px;
    margin-top: 10px;
}

.h-sectionProductsForm .hbspt-form .hs-button:hover,
.h-sectionProductsForm .hbspt-form .hs-button:focus {
    background-color: #000;
    color: #fff;
}

/* BLOCK - TEXT LEFT MEDIA RIGHT - LIGHT */

.h-sectionTextLeftMediaRightLight .contained {
    max-width: 1400px;
}

.h-sectionTextLeftMediaRightLight img {
    width: 100%;
    height: auto;
}

.h-sectionTextLeftMediaRightLight p,
.h-sectionTextLeftMediaRightLight li,
.h-sectionTextLeftMediaRightLight td,
.h-sectionTextLeftMediaRightLight th {
    font-size: 16px;
}

.h-sectionTextLeftMediaRightLight img {
    height: auto;
}

.h-listTextLeftMediaRightLightBenefits li {
    list-style: none;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
}

/* BLOCK - MEDIA LEFT TEXT RIGHT - LIGHT */

.h-sectionMediaLeftTextRightLight .contained {
    max-width: 1400px;
}

.h-sectionMediaLeftTextRightLight img {
    width: 100%;
    height: auto;
}

.h-sectionMediaLeftTextRightLight p,
.h-sectionMediaLeftTextRightLight li,
.h-sectionMediaLeftTextRightLight td,
.h-sectionMediaLeftTextRightLight th {
    font-size: 16px;
}

.h-sectionMediaLeftTextRightLight img {
    height: auto;
}

.h-listMediaLeftTextRightLightBenefits li {
    list-style: none;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
}

/* BLOCK - TEXT LEFT MEDIA RIGHT - DARK */

.h-sectionTextLeftMediaRightDark .contained {
    max-width: 1400px;
}

.h-sectionTextLeftMediaRightDark img {
    width: 100%;
    height: auto;
}

.h-sectionTextLeftMediaRightDark p,
.h-sectionTextLeftMediaRightDark li,
.h-sectionTextLeftMediaRightDark td,
.h-sectionTextLeftMediaRightDark th {
    font-size: 16px;
}

.h-sectionTextLeftMediaRightDark img {
    height: auto;
}

.h-listTextLeftMediaRightDarkBenefits li {
    list-style: none;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
}

/* BLOCK - MEDIA LEFT TEXT RIGHT - DARK */

.h-sectionMediaLeftTextRightDark .contained {
    max-width: 1400px;
}

.h-sectionMediaLeftTextRightDark img {
    width: 100%;
    height: auto;
}

.h-sectionMediaLeftTextRightDark p,
.h-sectionMediaLeftTextRightDark li,
.h-sectionMediaLeftTextRightDark td,
.h-sectionMediaLeftTextRightDark th {
    font-size: 16px;
}

.h-sectionMediaLeftTextRightDark img {
    height: auto;
}

.h-listMediaLeftTextRightDarkBenefits li {
    list-style: none;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
}

/* BLOCK - GALLERY BLOCKS LIGHT */

.h-sectionGalleryBlocksLight .featureBlock-figure {
    border-radius: 10px;
    color: #222;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    display: flex;
    margin: 0 0 0 0;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    transition: all 0.02s ease;
}

.h-sectionGalleryBlocksLight .featureBlock-figure:hover {
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.30);
}

.h-sectionGalleryBlocksLight figure figcaption {
    color: #222;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    color: #222;
    padding: 0px;
    border-radius: 0px 0px 10px 10px;
}

.h-sectionGalleryBlocksLight figure figcaption a {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
}

.h-sectionGalleryBlocksLight img {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}

.h-figureGalleryBlocksLight a.h-blockGalleryBlocksLightImg {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.h-figureGalleryBlocksLight a.h-blockGalleryBlocksLightImg img {
    transition: transform 0.3s ease;
    /* Apply the transition to the non-hover state */
}

.h-figureGalleryBlocksLight:hover a.h-blockGalleryBlocksLightImg img,
.h-figureGalleryBlocksLight:focus a.h-blockGalleryBlocksLightImg img {
    transform: scale(1.1);
    transition: transform 0.3s ease;
    /* Ensure the same transition is applied in the hover state */
}

.h-sectionGalleryBlocksLight .featureBlock-figcaption h1:only-child,
.h-sectionGalleryBlocksLight .featureBlock-figcaption .h-h1:only-child,
.h-sectionGalleryBlocksLight .featureBlock-figcaption h2:only-child,
.h-sectionGalleryBlocksLight .featureBlock-figcaption .h-h2:only-child,
.h-sectionGalleryBlocksLight .featureBlock-figcaption h3:only-child,
.h-sectionGalleryBlocksLight .featureBlock-figcaption .h-h3:only-child,
.h-sectionGalleryBlocksLight .featureBlock-figcaption h4:only-child,
.h-sectionGalleryBlocksLight .featureBlock-figcaption .h-h4:only-child,
.h-sectionGalleryBlocksLight .featureBlock-figcaption h5:only-child,
.h-sectionGalleryBlocksLight .featureBlock-figcaption .h-h5:only-child,
.h-sectionGalleryBlocksLight .featureBlock-figcaption h6:only-child,
.h-sectionGalleryBlocksLight .featureBlock-figcaption .h-h6:only-child {
    color: #222;
    text-transform: none;
    width: 100%;
}

.h-sectionGalleryBlocksLight .featureBlock-figcaption a {
    color: #222;
    display: flex;
    width: 100%;
    border-radius: 0 0 10px 10px;
    padding: 20px;
    background-color: #fff;
}

.h-sectionGalleryBlocksLight .featureBlock-figcaption a:hover,
.h-sectionGalleryBlocksLight .featureBlock-figcaption a:focus {
    background-color: #fff;
}

.h-blockGalleryBlocksLightCopy {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.h-blockGalleryBlocksLightCopy.h-justifyCenter {
    justify-content: center;
}

/*.h-figureGalleryBlocksLight .btn {
    display: block;
    margin-top: auto;
    background-color: #19648a;
}

.h-figureGalleryBlocksLight:hover .btn {
    background-color: #222;
}*/

/* BLOCK - GALLERY BLOCKS DARK */

.h-sectionGalleryBlocksDark .featureBlock-figure {
    border-radius: 10px;
    color: #222;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    display: flex;
    margin: 0 0 0 0;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    transition: all 0.02s ease;
}

.h-sectionGalleryBlocksDark .featureBlock-figure:hover {
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.30);
}

.h-sectionGalleryBlocksDark figure figcaption {
    color: #222;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    color: #222;
    padding: 0px;
    border-radius: 0px 0px 10px 10px;
}

.h-sectionGalleryBlocksDark figure figcaption a {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
}

.h-sectionGalleryBlocksDark img {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}

.h-figureGalleryBlocksDark a.h-blockGalleryBlocksDarkImg {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.h-figureGalleryBlocksDark a.h-blockGalleryBlocksDarkImg img {
    transition: transform 0.3s ease;
    /* Apply the transition to the non-hover state */
}

.h-figureGalleryBlocksDark:hover a.h-blockGalleryBlocksDarkImg img,
.h-figureGalleryBlocksDark:focus a.h-blockGalleryBlocksDarkImg img {
    transform: scale(1.1);
    transition: transform 0.3s ease;
    /* Ensure the same transition is applied in the hover state */
}

.h-sectionGalleryBlocksDark .featureBlock-figcaption h1:only-child,
.h-sectionGalleryBlocksDark .featureBlock-figcaption .h-h1:only-child,
.h-sectionGalleryBlocksDark .featureBlock-figcaption h2:only-child,
.h-sectionGalleryBlocksDark .featureBlock-figcaption .h-h2:only-child,
.h-sectionGalleryBlocksDark .featureBlock-figcaption h3:only-child,
.h-sectionGalleryBlocksDark .featureBlock-figcaption .h-h3:only-child,
.h-sectionGalleryBlocksDark .featureBlock-figcaption h4:only-child,
.h-sectionGalleryBlocksDark .featureBlock-figcaption .h-h4:only-child,
.h-sectionGalleryBlocksDark .featureBlock-figcaption h5:only-child,
.h-sectionGalleryBlocksDark .featureBlock-figcaption .h-h5:only-child,
.h-sectionGalleryBlocksDark .featureBlock-figcaption h6:only-child,
.h-sectionGalleryBlocksDark .featureBlock-figcaption .h-h6:only-child {
    color: #222;
    text-transform: none;
    width: 100%;
}

.h-sectionGalleryBlocksDark .featureBlock-figcaption a {
    color: #fff;
    display: flex;
    width: 100%;
    border-radius: 0 0 10px 10px;
    padding: 20px;
    background-color: #222;
}

.h-sectionGalleryBlocksDark .featureBlock-figcaption a:hover,
.h-sectionGalleryBlocksDark .featureBlock-figcaption a:focus {
    background-color: #222;
}

.h-blockGalleryBlocksDarkCopy {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.h-blockGalleryBlocksDarkCopy.h-justifyCenter {
    justify-content: center;
}

.h-figureGalleryBlocksDark .btn {
    box-sizing: border-box;
    display: block;
    margin-top: auto;
    background-color: #fff;
    color: #222;
    border: transparent 1px solid;
}

.h-figureGalleryBlocksDark:hover .btn {
    background-color: #222;
    color: #fff;
    border: #fff 1px solid;
}

/* BLOCK - POST LIST - LIGHT */

.h-blockPostListLight {
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
}

/* BLOCK - ICONS CAROUSEL - LIGHT */

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

    .h-sectionIcons .h-blockIcons {
        padding: 0 80px 0 80px;
    }

    .h-blockIcons .h-btnIconsCarouselPrev {
        left: -40px;
    }

    .h-blockIcons .h-btnIconsCarouselNext {
        right: -40px;
    }
}

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

    .h-sectionIcons .h-blockIcons {
        padding: 0 80px 0 80px;
    }

    .h-blockIcons .h-btnIconsCarouselPrev {
        left: -40px;
    }

    .h-blockIcons .h-btnIconsCarouselNext {
        right: -40px;
    }
}

@media screen and (min-width: 1298px) {

    .h-sectionIcons .h-blockIcons {
        padding: 0 80px 0 80px;
    }

    .h-blockIcons .h-btnIconsCarouselPrev {
        left: -40px;
    }

    .h-blockIcons .h-btnIconsCarouselNext {
        right: -40px;
    }
}

.h-sectionIcons {
    position: relative;
}

.h-sectionIcons .swiper-button-next {
    background-image: url("../svg/icon-arrow-next.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionIcons .swiper-button-prev {
    background-image: url("../svg/icon-arrow-prev.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionIcons .swiper-button-next::after,
.h-sectionIcons .swiper-rtl .swiper-button-prev::after,
.h-sectionIcons .swiper-button-prev::after,
.h-sectionIcons .swiper-rtl .swiper-button-next::after {
    text-indent: -9999px;
}

.h-sectionIcons p,
.h-sectionIcons li,
.h-sectionIcons .btn {
    font-size: 16px;
    line-height: 1.5em;
}

.h-sectionIcons img {
    height: auto;
    width: 100%;
}

.h-sectionIcons .swiper {
    height: 100%;
    overflow: visible;
    align-items: top;
}

.h-sectionIcons .swiper-slide {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.h-sectionIcons img {
    width: 100%;
    max-width: 64px;
    height: auto;
    transition: all 0.2s ease-out;
}

.h-sectionIcons .h-blockIconsCarouselSlide:hover img,
.h-sectionIcons .h-blockIconsCarouselSlide:focus img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.h-blockIconsCarousel {
    width: 100%;
    overflow: visible;
}

.h-blockIconsCarouselSlide {
    padding: 0 20px;
}

/* Carousel Nav */
.h-blockIcons .h-btnIconsCarouselPrev,
.h-blockIcons .h-btnIconsCarouselNext {
    color: #fff;
    background-color: #222;
    padding: 8px 8px 8px 8px;
    width: 50px;
    height: 50px;
    line-height: 32px;
    text-align: center;
    border-radius: 100px;
    opacity: 0.4;
}

.h-blockIcons .h-btnIconsCarouselPrev.swiper-button-disabled,
.h-blockIcons .h-btnIconsCarouselNext.swiper-button-disabled {
    opacity: 0.15;
}

.h-blockIcons .h-btnIconsCarouselPrev:after,
.h-blockIcons .h-btnIconsCarouselNext:after {
    font-size: 22px;
    font-weight: bold;
}

.h-blockIcons .h-btnIconsCarouselPrev:hover,
.h-blockIcons .h-btnIconsCarouselNext:hover,
.h-blockIcons .h-btnIconsCarouselPrev:focus,
.h-blockIcons .h-btnIconsCarouselNext:focus {
    color: white !important;
    background-color: #555;
}

.h-blockIcons .swiper-pagination-bullet {
    background-color: #ccc;
}

/* BLOCK - GALLERY CAROUSEL */

@media screen and (max-width: 640px) {
    .h-sectionGalleryCarousel {
        padding-left: 35px;
        padding-right: 35px;
    }


    .h-blockGalleryCarousel .h-btnGalleryCarouselPrev {
        left: -30px;
    }

    .h-blockGalleryCarousel .h-btnGalleryCarouselNext {
        right: -30px;
    }
}

@media screen and (min-width: 641px) and (max-width: 1023px) {
    .h-sectionGalleryCarousel {
        padding-left: 60px;
        padding-right: 60px;
    }

    .h-blockGalleryCarousel .h-btnGalleryCarouselPrev {
        left: -40px;
    }

    .h-blockGalleryCarousel .h-btnGalleryCarouselNext {
        right: -40px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1599px) {
    .h-sectionGalleryCarousel {
        padding-left: 60px;
        padding-right: 60px;
    }

    .h-blockGalleryCarousel .h-btnGalleryCarouselPrev {
        left: -40px;
    }

    .h-blockGalleryCarousel .h-btnGalleryCarouselNext {
        right: -40px;
    }
}

@media screen and (min-width: 1600px) {
    .h-sectionGalleryCarousel {
        padding-left: 60px;
        padding-right: 60px;
    }


    .h-blockGalleryCarousel .h-btnGalleryCarouselPrev {
        left: -40px;
    }

    .h-blockGalleryCarousel .h-btnGalleryCarouselNext {
        right: -40px;
    }
}

.h-sectionGalleryCarousel .swiper-button-next {
    background-image: url("../svg/icon-arrow-next.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionGalleryCarousel .swiper-button-prev {
    background-image: url("../svg/icon-arrow-prev.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionGalleryCarousel .swiper-button-next::after,
.h-sectionGalleryCarousel .swiper-rtl .swiper-button-prev::after,
.h-sectionGalleryCarousel .swiper-button-prev::after,
.h-sectionGalleryCarousel .swiper-rtl .swiper-button-next::after {
    text-indent: -9999px;
}

.h-swiperGalleryCarousel.h-swiperCenterItems .swiper-wrapper {
    justify-content: center !important;
}

.h-sectionGalleryCarousel p,
.h-sectionGalleryCarousel li {
    line-height: 1.5em;
}

.h-sectionGalleryCarousel img {
    height: auto;
    width: 100%;
}

.h-blockGalleryCarouselImg {
    display: block;
    overflow: hidden;
}

.h-blockGalleryCarouselImg img {
    height: auto;
    transition: all 0.2s ease-out;
}

.h-blockGalleryCarouselImg img:hover {
    transform: scale(1.1);
}

.h-blockGalleryCarousel .swiper {
    height: 100%;
    overflow: visible;
}

/* Carousel Nav */

.h-blockGalleryCarousel .swiper-button-prev,
.h-blockGalleryCarousel .swiper-button-next {
    z-index: 9;
}

.h-blockGalleryCarousel .h-btnGalleryCarouselPrev,
.h-blockGalleryCarousel .h-btnGalleryCarouselNext {
    color: #fff;
    background-color: #666;
    padding: 8px 8px 8px 8px;
    width: 50px;
    height: 50px;
    line-height: 32px;
    text-align: center;
    border-radius: 100px;
    opacity: 0.4;
}

.h-blockGalleryCarousel .h-btnGalleryCarouselPrev.swiper-button-disabled,
.h-blockGalleryCarousel .h-btnGalleryCarouselNext.swiper-button-disabled {
    opacity: 0.15;
}

.h-blockGalleryCarousel .h-btnGalleryCarouselPrev:after,
.h-blockGalleryCarousel .h-btnGalleryCarouselNext:after {
    font-size: 22px;
    font-weight: bold;
}

.h-blockGalleryCarousel .h-btnGalleryCarouselPrev,
.h-blockGalleryCarousel .h-btnGalleryCarouselNext {
    color: #fff;
    background-color: #666;
    opacity: 0.7;

}

.h-blockGalleryCarousel .h-btnGalleryCarouselPrev:hover,
.h-blockGalleryCarousel .h-btnGalleryCarouselNext:hover {
    color: #fff;
    background-color: #666;
    opacity: 0.9;
}

.h-blockGalleryCarousel .h-blockGalleryCarouselPagination {
    bottom: -40px !important;
}

.h-blockGalleryCarousel .swiper-pagination-bullet {
    background-color: #999;
}

/* BLOCK - TEXT/IMAGE ANGLE RIGHT CAROUSEL */

@media screen and (max-width: 640px) {
    .h-sectionAngleImgRightCarousel {
        padding-left: 35px;
        padding-right: 35px;
    }

    .h-sectionAngleImgRightCarousel p,
    .h-sectionAngleImgRightCarousel li {
        font-size: 16px;
    }

    .h-blockAngleImgRightCarouselSlide>div {
        width: 100%;
    }

    .h-blockAngleImgRightCarouselSlide {
        flex-direction: column-reverse;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }

    .h-blockAngleImgRightCarouselImg {
        overflow: visible;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
    }

    .h-blockAngleImgRightCarouselImg img {
        height: auto;
        width: 100%;
        border-radius: 10px 10px 0 0;
    }

    .h-blockAngleImgRightCarouselTxt {
        justify-content: start;
    }

    .h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselPrev {
        left: -30px;
    }

    .h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselNext {
        right: -30px;
    }
}

@media screen and (min-width: 641px) and (max-width: 1023px) {
    .h-sectionAngleImgRightCarousel {
        padding-left: 60px;
        padding-right: 60px;
    }

    .h-blockAngleImgRightCarouselSlide>div {
        width: 50%;
    }

    .h-blockAngleImgRightCarouselImg {
        overflow: hidden;
        clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    }

    .h-blockAngleImgRightCarouselImg img {
        height: 100%;
        width: auto;
        border-radius: 10px 10px 0 0;
    }

    .h-blockAngleImgRightCarouselTxt {
        justify-content: center;
    }

    .h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselPrev {
        left: -40px;
    }

    .h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselNext {
        right: -40px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1599px) {
    .h-sectionAngleImgRightCarousel {
        padding-left: 60px;
        padding-right: 60px;
    }

    .h-blockAngleImgRightCarouselSlide>div {
        width: 50%;
    }

    .h-blockAngleImgRightCarouselImg {
        overflow: hidden;
        clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    }

    .h-blockAngleImgRightCarouselImg img {
        height: 100%;
        width: auto;
    }

    .h-blockAngleImgRightCarouselTxt {
        justify-content: center;
    }

    .h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselPrev {
        left: -40px;
    }

    .h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselNext {
        right: -40px;
    }
}

@media screen and (min-width: 1600px) {
    .h-sectionAngleImgRightCarousel {
        padding-left: 60px;
        padding-right: 60px;
    }

    .h-blockAngleImgRightCarouselSlide>div {
        width: 50%;
    }

    .h-blockAngleImgRightCarouselImg {
        overflow: hidden;
        clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    }

    .h-blockAngleImgRightCarouselImg img {
        height: 100%;
        width: auto;
    }

    .h-blockAngleImgRightCarouselTxt {
        justify-content: center;
    }

    .h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselPrev {
        left: -40px;
    }

    .h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselNext {
        right: -40px;
    }
}

.h-sectionAngleImgRightCarousel img {
    height: auto;
    width: 100%;
}

.h-sectionAngleImgRightCarousel .swiper-button-next {
    background-image: url("../svg/icon-arrow-next.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionAngleImgRightCarousel .swiper-button-prev {
    background-image: url("../svg/icon-arrow-prev.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionAngleImgRightCarousel .swiper-button-next::after,
.h-sectionAngleImgRightCarousel .swiper-rtl .swiper-button-prev::after,
.h-sectionAngleImgRightCarousel .swiper-button-prev::after,
.h-sectionAngleImgRightCarousel .swiper-rtl .swiper-button-next::after {
    text-indent: -9999px;
}

.h-swiperAngleImgRightCarousel.h-swiperCenterItems .swiper-wrapper {
    justify-content: center !important;
}

.h-sectionAngleImgRightCarousel p,
.h-sectionAngleImgRightCarousel li {
    line-height: 1.5em;
}

.h-blockAngleImgRightCarousel {
    position: relative;
}

.h-blockAngleImgRightCarousel .swiper {
    height: 100%;
    overflow: visible;
}

.h-blockAngleImgRightCarouselSlide {
    border-radius: 10px;
    display: flex !important;
    height: 100%;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
}

.h-blockAngleImgRightCarouselTxt {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.h-blockAngleImgRightCarouselImg {
    border-radius: 0 10px 10px 0;
}

.h-blockAngleImgRightCarouselImg img {
    object-fit: cover;
    transition: all 0.2s ease-out;
}

.h-blockAngleImgRightCarouselSlide:hover .h-blockAngleImgRightCarouselImg img,
.h-blockAngleImgRightCarouselSlide:focus .h-blockAngleImgRightCarouselImg img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* Carousel Nav */
.h-blockAngleImgRightCarousel .swiper-button-prev,
.h-blockAngleImgRightCarousel .swiper-button-next {
    z-index: 9;
}

.h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselPrev,
.h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselNext {
    color: #fff;
    background-color: #666;
    padding: 8px 8px 8px 8px;
    width: 50px;
    height: 50px;
    line-height: 32px;
    text-align: center;
    border-radius: 100px;
    opacity: 0.7;
}

.h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselPrev.swiper-button-disabled,
.h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselNext.swiper-button-disabled {
    opacity: 0.15;
}

.h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselPrev:after,
.h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselNext:after {
    font-size: 22px;
    font-weight: bold;

}

.h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselPrev:hover,
.h-blockAngleImgRightCarousel .h-btnAngleImgRightCarouselNext:hover {
    color: white !important;
    background-color: #666;
    opacity: 0.9;
}

.h-blockAngleImgRightCarousel .h-blockAngleImgRightCarouselPagination {
    bottom: -50px !important;
}

.h-blockAngleImgRightCarousel .swiper-pagination-bullet {
    background-color: #222;
}

/* BLOCK - CARD COLUMNS LIGHT */

.h-blockCardColumnsLight {
    border-radius: 10px;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-self: stretch;
    height: 100%;
}

.h-sectionCardColumnsLight img {
    height: auto;
    width: 100%;
}

.h-blockCardColumnsLightTxt p,
.h-blockCardColumnsLightTxt li {
    line-height: 1.5em;
}

.h-blockCardColumnsLightImg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 10px 10px 0 0;
    border-bottom: #ededed 1px solid;
    transition: all 0.2s ease-out;
}

.h-blockCardColumnsLightImg:hover {
    transform: scale(1.1);
}

.h-blockCardColumnsLightVideo {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.h-blockCardColumnsLightVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.h-blockCardColumnsLightBtn {
    margin-top: auto !important;
}

.h-blockCardColumnsLightTxt h3 a {
    color: #fff;
}

.h-blockCardColumnsLightTxt h3 a:hover,
.h-blockCardColumnsLightTxt h3 a:focus,
.h-blockCardColumnsLightTxt h3 a:active {
    color: #079bd5;
}

/* BLOCK - CARD GALLERY DARK */

.h-sectionCardGalleryDark h2 {
    max-width: 900px;
    margin: 0 auto;
}

.h-blockCardGalleryDarkSlide {
    border-radius: 10px;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    display: flex;
    flex-direction: column;
    position: relative;
}

.h-blockCardGalleryDarkCopy p,
.h-blockCardGalleryDarkCopy li {
    line-height: 1.5em;
}

.h-sectionCardGalleryDark img {
    height: auto;
    width: 100%;
}

.h-blockVideoImgWrap img {
    width: 100%;
    max-width: 400px;
}

.h-blockCardGalleryDarkBtn {
    margin-top: auto !important;
}

.h-blockCardGalleryDark .swiper {
    height: 100%;
    overflow: visible;
}

.h-sectionCardGalleryDark .swiper-button-next {
    background-image: url("../svg/icon-arrow-next.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionCardGalleryDark .swiper-button-prev {
    background-image: url("../svg/icon-arrow-prev.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionCardGalleryDark .swiper-button-next::after,
.h-sectionCardGalleryDark .swiper-rtl .swiper-button-prev::after,
.h-sectionCardGalleryDark .swiper-button-prev::after,
.h-sectionCardGalleryDark .swiper-rtl .swiper-button-next::after {
    text-indent: -9999px;
}

.h-blockCardGalleryDark .h-btnCardGalleryDarkPrev,
.h-blockCardGalleryDark .h-btnCardGalleryDarkNext {
    color: #fff;
    background-color: #222;
    padding: 8px 8px 8px 8px;
    width: 50px;
    height: 50px;
    line-height: 32px;
    text-align: center;
    border-radius: 100px;
    opacity: 0.4;
}

.h-blockCardGalleryDark .h-btnCardGalleryDarkPrev {
    left: -40px;
}

.h-blockCardGalleryDark .h-btnCardGalleryDarkNext {
    right: -40px;
}

.h-blockCardGalleryDark .h-btnCardGalleryDarkPrev.swiper-button-disabled,
.h-blockCardGalleryDark .h-btnCardGalleryDarkNext.swiper-button-disabled {
    opacity: 0.15;
}

.h-blockCardGalleryDark .h-btnCardGalleryDarkPrev:after,
.h-blockCardGalleryDark .h-btnCardGalleryDarkNext:after {
    font-size: 22px;
    font-weight: bold;
}

.h-blockCardGalleryDark .h-btnCardGalleryDarkPrev,
.h-blockCardGalleryDark .h-btnCardGalleryDarkNext {
    color: white !important;
    background-color: #666;
    opacity: 0.7;
}

.h-blockCardGalleryDark .h-btnCardGalleryDarkPrev:hover,
.h-blockCardGalleryDark .h-btnCardGalleryDarkNext:hover,
.h-blockCardGalleryDark .h-btnCardGalleryDarkPrev:focus,
.h-blockCardGalleryDark .h-btnCardGalleryDarkNext:focus {
    color: white !important;
    background-color: #999;
    opacity: 0.9;
}

.h-blockCardGalleryDark .h-swiperPaginationLight {
    bottom: -50px;
}

.h-blockCardGalleryDark .swiper-pagination-bullet {
    background-color: #fff;
}

.h-blockCardGalleryDarkCopy h3 a {
    color: #fff;
}

.h-blockCardGalleryDarkCopy h3 a:hover,
.h-blockCardGalleryDarkCopy h3 a:focus,
.h-blockCardGalleryDarkCopy h3 a:active {
    color: #079bd5;
}

/* BLOCK - LOGO TAB GALLERY */

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

    .h-sectionLogosTabs p,
    .h-sectionLogosTabs li {
        font-size: 16px;
    }

    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev1,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev2,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev3,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev4,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev5 {
        left: 10px;
        top: 44%;
    }

    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext1,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext2,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext3,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext4,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext5 {
        right: 10px;
        top: 44%;
    }

    .h-sectionLogosTabs .tabs>li> {
        display: block;
    }

    .h-sectionLogosTabs .tabs>li>a {
        position: relative;
        display: inline-block;
        clear: both;
        padding: 0 13px 13px;
        cursor: pointer;
        text-decoration: none;
        color: inherit;
        border: 1px solid transparent;
    }

    .h-sectionLogosTabs .tabs>li>a {
        font-weight: normal !important;
    }

    .h-sectionLogosTabs .tabs>li>a.is-active {
        color: #19648a;
        border-bottom: 3px solid #19648a;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li>a {
        width: 100% !important;
        display: block;
        margin-bottom: 20px;
        padding: 12px 12px 12px 12px;
        border-top: 2px solid #19648a;
        border-bottom: 2px solid #19648a;
        border-left: 2px solid #19648a;
        border-right: 2px solid #19648a;
        border-radius: 6px;
        color: #19648A;
        font-size: 16px;
        text-align: center;
    }

    .h-sectionLogosTabs .tabs>li>a.is-active {
        color: #ffffff;
        border-bottom: 3px solid #19648a;
        background: #19648a;
    }

    .h-sectionLogosTabs .no-touch .tabs>li>a:hover {
        color: #fff;
        background-color: #19648a;
        border-color: #19648a;
        border-bottom-color: #19648a;
    }

    .h-sectionLogosTabs .h-swiperLogoCarouselPagination1,
    .h-sectionLogosTabs .h-swiperLogoCarouselPagination2,
    .h-sectionLogosTabs .h-swiperLogoCarouselPagination3,
    .h-sectionLogosTabs .h-swiperLogoCarouselPagination4,
    .h-sectionLogosTabs .h-swiperLogoCarouselPagination5 {
        display: none !important;
    }

}

@media screen and (min-width: 640px) and (max-width: 1023px) {

    .h-sectionLogosTabs p,
    .h-sectionLogosTabs li {
        font-size: 16px;
    }

    .h-blockLogoTab .section {
        margin-top: 0px;
        border-radius: 10px 10px 10px 10px;
    }

    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev1,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev2,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev3,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev4,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev5 {
        left: 20px;
        top: 44%;
    }

    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext1,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext2,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext3,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext4,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext5 {
        right: 20px;
        top: 44%;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li>a+div {
        border-top-width: 0px;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion {
        text-align: center;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion li {
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li>a {
        padding: 12px;
        font-size: 16px;
        width: 100%;
        text-align: center;
        border-bottom: 2px solid #19648A !important;
        border-top: 2px solid #19648A !important;
        border-left: 2px solid #19648A !important;
        border-right: 2px solid #19648A !important;
        color: #19648A;
        font-weight: normal !important;
        margin: 0 0 20px 0;
        border-radius: 6px 6px 6px 6px;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li:first-child>a,
    .h-sectionLogosTabs .tabs.tabs--accordion>li:last-child>a {
        border-radius: 6px 6px 6px 6px;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li>a:focus,
    .h-sectionLogosTabs .tabs.tabs--accordion>li>a:hover {
        background-color: #19648A;
        color: #fff;
        border: solid 1px #19648A;
        border-bottom: solid 3px #19648A;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li>a.is-active {
        border-color: #19648A !important;
        background-color: #19648A !important;
        color: #fff !important;
        border-bottom: 3px solid #19648A;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li>a.is-active:after {
        content: "\e813";
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li>a:after {
        position: absolute;
        top: 50%;
        right: 0.4em;
        margin: 0;
        margin-top: -0.5em;
        padding: 0.1em;
        content: "\e815";
    }

    .h-sectionLogosTabs .h-swiperLogoCarouselPagination1,
    .h-sectionLogosTabs .h-swiperLogoCarouselPagination2,
    .h-sectionLogosTabs .h-swiperLogoCarouselPagination3,
    .h-sectionLogosTabs .h-swiperLogoCarouselPagination4,
    .h-sectionLogosTabs .h-swiperLogoCarouselPagination5 {
        display: none !important;
    }
}

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

    .h-blockLogoTab .section {
        margin-top: 40px;
        border-radius: 10px 10px 10px 10px;
    }

    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev1,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev2,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev3,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev4,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev5 {
        left: 0;
        top: 44%;
    }

    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext1,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext2,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext3,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext4,
    .h-sectionLogosTabs .h-swiperLogoCarouselBtnNext5 {
        right: 0;
        top: 44%;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li>a+div {
        border-top-width: 0px;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion {
        text-align: center;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion li {
        margin: 0 auto;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li>a {
        padding: 12px;
        font-size: 16px;
        width: 175px;
        text-align: center;
        border-bottom: 2px solid #19648A !important;
        border-top: 2px solid #19648A !important;
        border-left: 2px solid #19648A !important;
        border-right: 2px solid #19648A !important;
        color: #19648A;
        font-weight: normal !important;
        margin: 0 8px;
        border-radius: 6px 6px 6px 6px;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li:first-child>a,
    .h-sectionLogosTabs .tabs.tabs--accordion>li:last-child>a {
        border-radius: 6px 6px 6px 6px;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li>a:focus,
    .h-sectionLogosTabs .tabs.tabs--accordion>li>a:hover {
        background-color: #19648A;
        color: #fff;
        border: solid 1px #19648A;
        border-bottom: solid 3px #19648A;
    }

    .h-sectionLogosTabs .tabs.tabs--accordion>li>a.is-active {
        border-color: #19648A !important;
        background-color: #19648A !important;
        color: #fff !important;
        border-bottom: 3px solid #19648A;
    }

}

.h-sectionLogosTabs .swiper-button-next {
    background-image: url("../svg/icon-arrow-next.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionLogosTabs .swiper-button-prev {
    background-image: url("../svg/icon-arrow-prev.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionLogosTabs .swiper-button-next::after,
.h-sectionLogosTabs .swiper-rtl .swiper-button-prev::after,
.h-sectionLogosTabs .swiper-button-prev::after,
.h-sectionLogosTabs .swiper-rtl .swiper-button-next::after {
    text-indent: -9999px;
}

.h-sectionLogosTabs p,
.h-sectionLogosTabs li {
    line-height: 1.5em;
}

.h-sectionLogosTabs img {
    height: auto;
    width: 100%;
}

.h-sectionLogosTabs .tab-content {
    position: relative;
}

/* Carousel Nav */
.h-sectionLogosTabs .swiper-button-prev,
.h-sectionLogosTabs .swiper-button-next {
    z-index: 9;
}

.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev1,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext1,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev2,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext2,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev3,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext3,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev4,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext4,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev5,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext5 {
    color: #fff;
    background-color: #666;
    padding: 8px 8px 8px 8px;
    width: 50px;
    height: 50px;
    line-height: 32px;
    text-align: center;
    border-radius: 100px;
    opacity: 0.7;
}

.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev1,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev2,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev3,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev4,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev5 {
    top: 44%;
}

.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext1,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext2,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext3,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext4,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext5 {
    top: 44%;
}

.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev1.swiper-button-disabled,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext1.swiper-button-disabled,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev2.swiper-button-disabled,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext2.swiper-button-disabled,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev3.swiper-button-disabled,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext3.swiper-button-disabled,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev4.swiper-button-disabled,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext4.swiper-button-disabled,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev5.swiper-button-disabled,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext5.swiper-button-disabled {
    opacity: 0.15;
}

.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev1:after,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext1:after,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev2:after,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext2:after,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev3:after,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext3:after,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev4:after,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext4:after,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev5:after,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnNext5:after {
    font-size: 22px;
    font-weight: bold;

}

.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev1:hover,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPNext1:hover,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev2:hover,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPNext2:hover,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev3:hover,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPNext3:hover,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev4:hover,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPNext4:hover,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPrev5:hover,
.h-sectionLogosTabs .h-swiperLogoCarouselBtnPNext5:hover {
    color: white !important;
    background-color: #666;
    opacity: 0.9;
}

.h-sectionLogosTabs .h-swiperLogoCarouselPagination1 {
    margin-top: 20px;
}

.h-sectionLogosTabs .swiper-pagination-bullet {
    background-color: #222;
}

/* BLOCK - TABS LIGHT */

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

    .h-sectionTabsLight .tabs>li> {
        display: block;
    }

    .h-sectionTabsLight .tabs>li>a {
        position: relative;
        display: inline-block;
        clear: both;
        padding: 0 13px 13px;
        cursor: pointer;
        text-decoration: none;
        color: inherit;
        border: 1px solid transparent;
    }

    .h-sectionTabsLight .tabs>li>a {
        font-weight: normal !important;
    }

    .h-sectionTabsLight .tabs>li>a.is-active {
        color: #19648a;
        border-bottom: 3px solid #19648a;
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li>a {
        width: 100% !important;
        display: block;
        margin-bottom: 20px;
        padding: 12px 12px 12px 12px;
        border-top: 2px solid #19648a;
        border-bottom: 2px solid #19648a;
        border-left: 2px solid #19648a;
        border-right: 2px solid #19648a;
        border-radius: 6px;
        color: #19648A;
        font-size: 16px;
        text-align: center;
    }

    .h-sectionTabsLight .tabs>li>a.is-active {
        color: #ffffff;
        border-bottom: 3px solid #19648a;
        background: #19648a;
    }

    .h-sectionTabsLight .no-touch .tabs>li>a:hover {
        color: #fff;
        background-color: #19648a;
        border-color: #19648a;
        border-bottom-color: #19648a;
    }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {

    .h-blockTabLight .section {
        margin-top: 0px;
        border-radius: 10px 10px 10px 10px;
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li>a+div {
        border-top-width: 0px;
    }

    .h-sectionTabsLight .tabs.tabs--accordion {
        text-align: center;
    }

    .h-sectionTabsLight .tabs.tabs--accordion li {
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li>a {
        padding: 12px;
        font-size: 16px;
        width: 100%;
        text-align: center;
        border-bottom: 2px solid #19648A !important;
        border-top: 2px solid #19648A !important;
        border-left: 2px solid #19648A !important;
        border-right: 2px solid #19648A !important;
        color: #19648A;
        font-weight: normal !important;
        margin: 0 0 20px 0;
        border-radius: 6px 6px 6px 6px;
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li:first-child>a,
    .h-sectionTabsLight .tabs.tabs--accordion>li:last-child>a {
        border-radius: 6px 6px 6px 6px;
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li>a:focus,
    .h-sectionTabsLight .tabs.tabs--accordion>li>a:hover {
        background-color: #19648A;
        color: #fff;
        border: solid 1px #19648A;
        border-bottom: solid 3px #19648A;
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li>a.is-active {
        border-color: #19648A !important;
        background-color: #19648A !important;
        color: #fff !important;
        border-bottom: 3px solid #19648A;
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li>a.is-active:after {
        content: "\e813";
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li>a:after {
        position: absolute;
        top: 50%;
        right: 0.4em;
        margin: 0;
        margin-top: -0.5em;
        padding: 0.1em;
        content: "\e815";
    }
}

@media screen and (min-width: 1024px) {
    .h-blockTabLight .section {
        margin-top: 40px;
        border-radius: 10px 10px 10px 10px;
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li>a+div {
        border-top-width: 0px;
    }

    .h-sectionTabsLight .tabs.tabs--accordion {
        text-align: center;
    }

    .h-sectionTabsLight .tabs.tabs--accordion li {
        margin: 0 auto;
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li>a {
        padding: 12px;
        font-size: 16px;
        width: 175px;
        text-align: center;
        border-bottom: 2px solid #19648A !important;
        border-top: 2px solid #19648A !important;
        border-left: 2px solid #19648A !important;
        border-right: 2px solid #19648A !important;
        color: #19648A;
        font-weight: normal !important;
        margin: 0 8px;
        border-radius: 6px 6px 6px 6px;
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li:first-child>a,
    .h-sectionTabsLight .tabs.tabs--accordion>li:last-child>a {
        border-radius: 6px 6px 6px 6px;
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li>a:focus,
    .h-sectionTabsLight .tabs.tabs--accordion>li>a:hover {
        background-color: #19648A;
        color: #fff;
        border: solid 1px #19648A;
        border-bottom: solid 3px #19648A;
    }

    .h-sectionTabsLight .tabs.tabs--accordion>li>a.is-active {
        border-color: #19648A !important;
        background-color: #19648A !important;
        color: #fff !important;
        border-bottom: 3px solid #19648A;
    }

}

.h-sectionTabsLight img {
    height: auto;
    width: 100%;
}

.h-sectionTabsLight p,
.h-sectionTabsLight li {
    font-size: 16px;
    line-height: 1.5em;
}

.h-blockTabLight .section {
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    text-align: left;
    border-radius: 10px;
}

/* BLOCK - TAB ACCORDION */

@media screen and (max-width: 1023px) {
    .h-blockTabAccordionTxt {
        padding: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .h-blockTabAccordionTxt {
        padding: 30px;
    }
}

.h-sectionTabAccordion img {
    width: 100%;
    height: auto;
}

.has-tabs .h-blockTabAccordionTabs {
    opacity: 1;
    height: auto;
    visibility: visible;
}

.has-tabs .h-blockTabAccordionTab {
    min-height: 0;
}

.has-tabs .h-blockTabAccordionTab::before {
    display: none;
}

.has-tabs .h-blockTabAccordionTab.is-active .h-blockTabAccordionTxt {
    opacity: 1;
    transition: opacity 400ms ease-in-out;
}

.has-tabs .h-blockTabAccordionTxt {
    opacity: 0;
    transition: opacity 400ms ease-in-out;
}

.h-blockTabAccordionTabs {
    opacity: 0;
    height: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    margin: 0;
    list-style: none;
    padding: 0;
}

.h-blockTabAccordionTabs .h-btnTabAccordionTab {
    display: block;
    border: #19648A 2px solid;
    border-radius: 6px 6px 6px 6px;
    background-color: transparent;
    color: #19648A;
    padding: 12px;
    font-size: 16px;
    width: 175px;
    text-align: center;
    cursor: pointer;
    margin: 8px 8px 0 8px;
}

.h-blockTabAccordionTabs .h-btnTabAccordionTab:hover,
.h-blockTabAccordionTabs .h-btnTabAccordionTab:focus {
    background: #19648A;
    color: #fff;
}

.h-blockTabAccordionTabs .h-btnTabAccordionTab.is-active {
    background: #19648A;
    color: #fff;
}

.h-blockTabAccordionTab {
    overflow: hidden;
}

.h-blockTabAccordionTab::before {
    position: relative;
    content: attr(data-title);
    cursor: pointer;
    z-index: 1;
    background: transparent;
    color: #19648a;
    padding: 12px 12px 12px 12px;
    display: block;
    border-radius: 6px;
    border: #19648a 2px solid;
}

.h-blockTabAccordionTab:hover::before,
.h-blockTabAccordionTab:focus::before {
    background: #19648a;
    color: #fff;
}

.h-blockTabAccordionTab.is-active .h-blockTabAccordionTxt {
    margin: 20px 10px 10px 10px;
    height: auto;
    opacity: 1;
    transition: margin 400ms ease-out -100ms;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.h-blockTabAccordionTab.is-active::before {
    background: #19648a;
    color: #fff;
    border: #19648a 2px solid;
}

.h-blockTabAccordionTab.is-active:hover::before,
.h-blockTabAccordionTab.is-active:focus::before {
    background: #19648a;
    color: #fff;
    border: #19648a 2px solid;
    cursor: default;
}

.h-blockTabAccordionContent {
    overflow: hidden;
    margin-bottom: 10px;
}

.h-blockTabAccordionTxt {
    position: relative;
    margin-top: -100%;
    height: 0;
    opacity: 0;
    transition: margin 500ms ease-in;
}

/* BLOCK - NUMBER CIRCLES */

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

    .h-sectionNumberCircles p,
    .h-sectionNumberCircles li {
        font-size: 16px;
    }

    .h-sectionNumberCircles h3.h-txtNumberCircleXl {
        font-size: 60px;
    }
}

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

    .h-sectionNumberCircles p {
        font-size: 14px;
    }
    
    .h-sectionNumberCircles {
        padding-top: 80px;
    }

    .h-sectionNumberCircles h3.h-txtNumberCircleXl {
        font-size: 60px;
    }

    .h-blockNumberCircle {
        height: 340px;
    }

    .h-blockNumberCircle p {
        display: block;
        overflow: hidden;
        transition: all 0.3s ease-out;
        height: 0;
    }

    .h-blockNumberCircle:hover p {
        display: block;
        overflow: hidden;
        transition: all 0.3s ease-out;
        height: 200px;
    }

}

@media screen and (min-width: 1201px) {

    .h-sectionNumberCircles p {
        font-size: 14px;
    }

    .h-sectionNumberCircles {
        padding-top: 80px;
    }

    .h-sectionNumberCircles h3.h-txtNumberCircleXl {
        font-size: 60px;
    }

    .h-blockNumberCircle {
        height: 300px;
    }

    .h-blockNumberCircle p {
        display: block;
        overflow: hidden;
        transition: all 0.3s ease-out;
        height: 0;
    }

    .h-blockNumberCircle:hover p {
        display: block;
        overflow: hidden;
        transition: all 0.3s ease-out;
        height: 200px;
    }

}

.h-sectionNumberCircles h2>span {
    display: block;
}

.h-sectionNumberCircles p,
.h-sectionNumberCircles li {
    line-height: 1.5em;
}

.h-sectionNumberCircles img {
    height: auto;
    width: 100%;
}

.h-sectionNumberCircles h3.h-txtNumberCircleXl {
    display: block;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    padding: 15px;
    border-radius: 90px;
    transition: all 0.3s ease-out;
    animation: pulse-animation 2s infinite;
}

.h-blockNumberCircle:hover h3.h-txtNumberCircleXl {
    animation-play-state: paused;
}

@keyframes pulse-animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .h-sectionNumberCircles h3.h-txtNumberCircleXl {
        animation-duration: 0s !important;
        transition-duration: 0s !important;
        animation-play-state: paused;
    }
}

/* BLOCK - RESOURCES CAROUSEL BLOCK */

@media screen and (max-width: 640px) {
    .h-sectionResourcesCarousel {
        padding-left: 30px;
        padding-right: 30px;
    }

    .h-blockResourcesCarouselTxt p,
    .h-blockResourcesCarouselTxt li {
        font-size: 16px;
    }

    .h-blockResourcesCarousel .h-btnResourcesCarouselPrev {
        left: -25px;
    }

    .h-blockResourcesCarousel .h-btnResourcesCarouselNext {
        right: -25px;
    }
}

@media screen and (min-width: 641px) and (max-width: 1023px) {
    .h-sectionResourcesCarousel {
        padding-left: 60px;
        padding-right: 60px;
    }

    .h-blockResourcesCarouselTxt p,
    .h-blockResourcesCarouselTxt li {
        font-size: 16px;
    }

    .h-blockResourcesCarousel .h-btnResourcesCarouselPrev {
        left: -40px;
    }

    .h-blockResourcesCarousel .h-btnResourcesCarouselNext {
        right: -40px;
    }
}

@media screen and (min-width: 1024px) {
    .h-sectionResourcesCarousel {
        padding-left: 60px;
        padding-right: 60px;
    }

    .h-blockResourcesCarousel .h-btnResourcesCarouselPrev {
        left: -40px;
    }

    .h-blockResourcesCarousel .h-btnResourcesCarouselNext {
        right: -40px;
    }
}

.h-sectionResourcesCarousel .swiper-button-next {
    background-image: url("../svg/icon-arrow-next.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionResourcesCarousel .swiper-button-prev {
    background-image: url("../svg/icon-arrow-prev.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
}

.h-sectionResourcesCarousel .swiper-button-next::after,
.h-sectionResourcesCarousel .swiper-rtl .swiper-button-prev::after,
.h-sectionResourcesCarousel .swiper-button-prev::after,
.h-sectionResourcesCarousel .swiper-rtl .swiper-button-next::after {
    text-indent: -9999px;
}

.h-swiperResourcesCarousel.h-swiperCenterItems .swiper-wrapper {
    justify-content: center !important;
}

.h-blockResourcesCarouselSlide {
    border-radius: 10px;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

.h-blockResourcesCarouselTxt p,
.h-blockResourcesCarouselTxt li {
    line-height: 1.5em;
}

.h-sectionResourcesCarousel img {
    height: auto;
    width: 100%;
}

.h-blockResourcesCarouselImg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 10px 10px 0 0;
    border-bottom: #ededed 1px solid;
    transition: all 0.2s ease-out;
}

.h-blockResourcesCarouselImg:hover {
    transform: scale(1.1);
}

.h-blockResourcesCarouselVideo {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.h-blockResourcesCarouselVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.h-blockResourcesCarouselBtn {
    margin-top: auto !important;
}

.h-blockResourcesCarousel .swiper {
    height: 100%;
    overflow: visible;
}

/* Carousel Nav */
.h-blockResourcesCarousel .swiper-button-prev,
.h-blockResourcesCarousel .swiper-button-next {
    z-index: 9;
}

.h-blockResourcesCarousel .h-btnResourcesCarouselPrev,
.h-blockResourcesCarousel .h-btnResourcesCarouselNext {
    color: #fff;
    background-color: #666;
    padding: 8px 8px 8px 8px;
    width: 50px;
    height: 50px;
    line-height: 32px;
    text-align: center;
    border-radius: 100px;
    opacity: 0.7;

}

.h-blockResourcesCarousel .h-btnResourcesCarouselPrev.swiper-button-disabled,
.h-blockResourcesCarousel .h-btnResourcesCarouselNext.swiper-button-disabled {
    opacity: 0.15;
}

.h-blockResourcesCarousel .h-btnResourcesCarouselPrev:after,
.h-blockResourcesCarousel .h-btnResourcesCarouselNext:after {
    font-size: 22px;
    font-weight: bold;
}

.h-blockResourcesCarousel .h-btnResourcesCarouselPrev,
.h-blockResourcesCarousel .h-btnResourcesCarouselNext {
    color: #fff;
    background-color: #666;
    opacity: 0.7;
}

.h-blockResourcesCarousel .h-btnResourcesCarouselPrev:hover,
.h-blockResourcesCarousel .h-btnResourcesCarouselNext:hover {
    color: #fff;
    background-color: #666;
    opacity: 0.9;
}

.h-blockResourcesCarousel .h-blockResourcesCarouselPagination {
    bottom: -50px !important;
}

.h-blockResourcesCarousel .swiper-pagination-bullet {
    background-color: #fff;
}

.h-blockResourcesCarouselTxt h3 a {
    color: #fff;
}

.h-blockResourcesCarouselTxt h3 a:hover,
.h-blockResourcesCarouselTxt h3 a:focus,
.h-blockResourcesCarouselTxt h3 a:active {
    color: #079bd5;
}

/* BLOCK - FOLLOW PNY PRO */

.h-sectionFollow .contained {
    max-width: 1400px;
}

.h-sectionFollow p {
    font-size: 18px;
}

.h-sectionFollow img {
    height: auto;
    width: 100%;
}

.h-sectionFollow a.btn.btn--tertiaryInvert {
    background-color: #fff;
}

.h-sectionFollow a.btn.btn--tertiaryInvert:hover,
.h-sectionFollow a.btn.btn--tertiaryInvert:focus {
    background-color: #19648a;
    color: #fff;
}

.h-sectionFollow>.row>.column>.row>.column {
    max-width: 20%;
}

.h-sectionFollow img {
    filter: invert(1) saturate(0);
    transition: all .2s ease-in-out;
    width: 100%;
    max-width: 50px;
}

.h-sectionFollow a:hover img,
.h-sectionFollow a:focus img {
    filter: invert(0) saturate(1);
    transform: scale(1.2);
    box-shadow: 0px 0px 10px rgba(200, 200, 200, 0.3);
    border-radius: 50%;
}

/* BLOCK - INLINE LEAD FORM - LIGHT */

.h-blockFormLight {
    box-sizing: border-box;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    border-radius: 10px;
}

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

    .h-sectionLeadFormLight .hbspt-form .submitted-message p {
        font-size: 18px;
        margin: 20px 0;
    }
}

@media screen and (min-width: 641px) and (max-width: 1023px) {

    .h-sectionLeadFormLight .hbspt-form p,
    .h-sectionLeadFormLight .hbspt-form li {
        font-size: 16px;
    }

    .h-sectionLeadFormLight .hbspt-form .submitted-message p {
        font-size: 18px;
    }
}

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

    .h-sectionLeadFormLight .hbspt-form p,
    .h-sectionLeadFormLight .hbspt-form li {
        font-size: 12px;
    }

    .h-sectionLeadFormLight .hbspt-form .submitted-message p {
        font-size: 18px;
    }
}

@media screen and (min-width: 1600px) {

    .h-sectionLeadFormLight .hbspt-form p,
    .h-sectionLeadFormLight .hbspt-form li {
        font-size: 12px;
    }

    .h-sectionLeadFormLight .hbspt-form .submitted-message p {
        font-size: 18px;
    }
}

.h-sectionLeadFormLight p,
.h-sectionLeadFormLight li,
.h-sectionLeadFormLight label {
    font-size: 16px;
}

.h-sectionLeadFormLight img {
    height: auto;
    width: 100%;
}

.h-blockFormLight {
    box-sizing: border-box;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    border-radius: 10px;
}

.h-sectionLeadFormLight .h-registerForm {
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.19);
    text-align: left;
}

.hbspt-form fieldset,
.hbspt-form .form-columns-2,
.hbspt-form .form-columns-1 {
    max-width: 100% !important;
}

.h-sectionLeadFormLight .hbspt-form ul,
.h-sectionLeadFormLight .hbspt-form li {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.h-sectionLeadFormLight .hbspt-form label,
.h-sectionLeadFormLight .hbspt-form p,
.h-sectionLeadFormLight .hbspt-form li {
    color: #222;
}

.h-sectionLeadFormLight .hbspt-form p,
.h-sectionLeadFormLight .hbspt-form ul {
    margin-bottom: 10px;
}

.h-sectionLeadFormLight .hbspt-form .hs-form-required {
    color: #FF202B;
}

.h-sectionLeadFormLight .hbspt-form a {
    text-decoration: underline;
    color: #19648a;
}

.h-sectionLeadFormLight .hbspt-form a:hover,
.h-sectionLeadFormLight .hbspt-form a:focus {
    text-decoration: underline;
    color: #222;
}

.h-sectionLeadFormLight .hbspt-form input[type="text"],
.h-sectionLeadFormLight .hbspt-form input[type="textarea"],
.h-sectionLeadFormLight .hbspt-form input[type="select"],
.h-sectionLeadFormLight .hbspt-form input[type="email"],
.h-sectionLeadFormLight .hbspt-form input[type="tel"],
.h-sectionLeadFormLight .hbspt-form input[type="url"],
#state_dropdown-c08df78b-aacc-4915-8072-fd787708c3c6,
#country_dropdown-c08df78b-aacc-4915-8072-fd787708c3c6 {
    border-width: 1px;
    border-color: #ccc;
    border-radius: 6px;
    color: #222;
    height: auto;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 18px;
    width: 100% !important;
}

.h-sectionLeadFormLight .hbspt-form .actions {
    text-align: center;
}

.h-sectionLeadFormLight .hbspt-form .hs-button {
    background-color: #19648a;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    padding: 6.5px 13px;
    cursor: pointer;
    vertical-align: middle;
    touch-action: manipulation;
    transition: all 0.15s ease-in-out;
    border: 1px solid transparent;
    border-radius: 5px;
    margin-top: 10px;
}

.h-sectionLeadFormLight .hbspt-form .hs-button:hover,
.h-sectionLeadFormLight .hbspt-form .hs-button:focus {
    background-color: #222;
    color: #fff;
}

/* BLOCK - EMAIL CONTACT ROW */

.h-sectionEmailContact img {
    height: auto;
    width: 100%;
}

.h-sectionEmailContact a.btn {
    border-radius: 0;
    font-size: 18px;
}