/* M01 */



.section-m01__txt-common {
    color: var(--white);
    font-size: 50px;
    text-transform: uppercase;
    line-height: 1.1;
}
@media(min-width: 1440px) {
    .section-m01__txt-common {
        font-size: 65px;
    }
    [lang=es] .section-m01__txt-common {
        font-size: 55px;
    }
}

.section-m01__title {
    font-weight: 300;
}
.section-m01__desc {
    font-weight: 900;
}

.section-m01__read-more {
    color: var(--vibrant-blue) !important;
}

.section-m01__read-more:hover {
    color: var(--white) !important;
}

.section-m01 .theme.teck-gradient-copper-01 {
    background: var(--gradient-copper-01) top center;
    background-size: cover;
}


.section-m01 .layer-bg {
    display: flex;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.section-m01 .banner-swiper .swiper-slide .layer-front {
    background: transparent;
    z-index: 3;
}

.section-m01 .btn-primary,
.section-m01-mobile .btn-primary {
    border: 0 none;
}

.section-m01 .text-container {
    position: relative;
    left: 15%;
}

.section-m01 .empty00__text {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 8%;
    height: 80%;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
    background: var(--gradient-copper-01) top right 30%;
    background-size: cover;
}

.section-m01 .empty01__text::after {
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    background-color: var(--blue);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 42%;
}

.section-m01 .empty10__text {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 70%;
    top: 40px;
    background: var(--gradient-zinc-02-01) top center;
    bottom: 0;
}

.section-m01 .empty11__text {
    position: absolute;
    width: 16%;
    right: 15%;
    z-index: 2;
    background: var(--gradient-zinc-02) top center;
    -webkit-clip-path: polygon(68% 0%, 100% 0%, 32% 100%, 0% 100%);
    clip-path: polygon(68% 0%, 100% 0%, 32% 100%, 0% 100%);
    background-size: cover;
    bottom: 0;
    top: 40px;
}

.section-m01 .empty12__text {
    position: absolute;
    right: 90px;
    z-index: 2;
    width: 15%;
    -webkit-clip-path: polygon(73% 0%, 100% 0%, 27% 100%, 0% 100%);
    clip-path: polygon(73% 0%, 100% 0%, 27% 100%, 0% 100%);
    background: var(--gradient-zinc-02) top center;
    background-size: cover;
    bottom: 0;
    top: 40px;
}

.section-m01 .empty13__text {
    position: absolute;
    right: 0px;
    z-index: 2;
    background: var(--gradient-zinc-02) top center;
    background-size: cover;
    bottom: 0;
    top: 50%;
    width: 6%;
    clip-path: polygon(100% 0%, 100% 40%, 40% 100%, 0% 100%);
}

.section-m01 .secondary-image {
    position: absolute;
    z-index: 3;
}
@media(min-width: 1920px) {
    .section-m01 .secondary-image {
        object-fit: contain !important;
        object-position: right;
    }
    
    /*fix banner using copper 02 on bigger resolutions*/
    .section-m01 .copper-02{
        margin-left: 500px;
    }
    /**/
}

.section-m01 .empty21__text::after {
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    background: var(--gradient-copper-01) top center;
    background-size: cover;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 42%;
}

.section-m01 .empty40__text {
    display: flex;
    position: absolute;
    z-index: 2;
    justify-content: center;
    align-items: center;
    width: calc(58% + 200px);
    height: 100%;
    background: var(--blue);
    transform: skewX(-20deg);
    left: -200px;
}

.section-m01 .empty41__text {
    position: absolute;
    z-index: 1;
    width: 140px;
    height: 65%;
    background: var(--gradient-zinc-02) top right;
    bottom: 0;
    transform: skewX(-20deg);
    left: 54%;
}
@media(max-width:768px) {
    .section-m01 .empty41__text {
        width: 120px;
        left: 51%;
    }
}

.section-m01 .empty50__text {
    display: flex;
    position: absolute;
    z-index: 2;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 100%;
    background: var(--gradient-zinc-01) bottom left;
    -webkit-clip-path: polygon(0 0, 100% 0%, 64% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 64% 100%, 0% 100%);
}

.section-m01 .empty51__text {
    position: absolute;
    z-index: 1;
    width: 16%;
    height: 100%;
    background: var(--gradient-zinc-01);
    background-size: cover;
    bottom: 0;
    left: calc(100% - 79.9%);
    -webkit-clip-path: polygon(68% 0%, 100% 0%, 32% 100%, 0% 100%);
    clip-path: polygon(68% 0%, 100% 0%, 32% 100%, 0% 100%);
}

.section-m01 .empty52__text {
    position: absolute;
    z-index: 1;
    width: 15%;
    height: 100%;
    -webkit-clip-path: polygon(73% 0%, 100% 0%, 27% 100%, 0% 100%);
    clip-path: polygon(73% 0%, 100% 0%, 27% 100%, 0% 100%);
    background: var(--gradient-zinc-01);
    background-size: cover;
    bottom: 0;
    left: calc(100% - 73%);
}

.section-m01 .empty53__text {
    position: absolute;
    z-index: 1;
    width: 15%;
    height: 100%;
    -webkit-clip-path: polygon(77% 0%, 94% 0%, 23% 100%, 6% 100%);
    clip-path: polygon(77% 0%, 94% 0%, 23% 100%, 6% 100%);
    background: var(--gradient-zinc-01);
    background-size: cover;
    bottom: 0;
    left: calc(100% - 67%);
}

.section-m01 .text-position-right {
    justify-content: flex-end;
}

.section-m01 .text-position-left {
    justify-content: flex-start;
}

.section-m01 .banner-swiper .swiper-button-next,  .section-m01 .banner-swiper .swiper-button-prev {
    color: var(--white);
    -webkit-text-stroke: 4px var(--white);
}

.section-m01 .swiper-pagination-bullet {
    background-color: var(--white);
    border: 1px solid var(--vibrant-blue);
    width: 20px;
    height: 20px;
}

.section-m01 .swiper-pagination-bullet-active {
    background-color: var(--vibrant-blue);
    border: 2px solid var(--white);
}

.section-m01 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}

.section-m01 .swiper-button-next:after, .section-m01 .swiper-button-prev:after {
    text-shadow: #000 1px 0 10px;
}

.section-m01 .last-page-back {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%) !important;
}

.section-m01 .icon-arrow-right:before, .section-m01 .icon-arrow-left:before {
    font-size: 50px;
    text-shadow: #000 1px 0 10px;
}

.section-m01 .swiper-button-next:after, .section-m01 .swiper-button-prev:after {
    display: none;
}

.section-m01 .swiper-pagination-bullet {
    filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.15));
    opacity: 0.9;
}

.section-m01 .swiper-pagination-bullet-active {
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.52));
    width: 22px;
    height: 22px;
}

.banner-swiper .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Mobile Version*/

.section-m01-mobile .txt-common {
    color: var(--white);
    font-size: 25px;
    text-transform: uppercase !important;
    line-height: 35px;
    letter-spacing: -1px;
}

.section-m01-mobile p.txt-common {
    height: 70px;
}

.section-m01-mobile .icon-arrow-left, .section-m01-mobile .icon-arrow-right {
    display: none;    
}

.section-m01-mobile .banner-swiper .swiper-button-next,  .section-m01 .banner-swiper .swiper-button-prev {
    color: var(--white);
    -webkit-text-stroke: 4px var(--white);
}

.section-m01-mobile .swiper-pagination-bullet {
    background-color: var(--white);
    border: 1px solid var(--vibrant-blue);
    width: 20px;
    height: 20px;
}

.section-m01-mobile .swiper-pagination-bullet-active {
    background-color: var(--vibrant-blue);
    border: 2px solid var(--white);
}

.section-m01-mobile .swiper-content{
    position: absolute;
    width: 100%;
    bottom: 10px;
}

.section-m01-mobile .teck-gradient-zinc-02 {
    background: var(--gradient-zinc-02) top right 15%;
}

.section-m01-mobile .teck-gradient-copper-01 {
    background: var(--gradient-copper-01) top center;
    background-size: cover; 
}

.section-m01-mobile .no-back-text-content {
    background: linear-gradient(200deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.79) 100%);
    height: 100%;
    position: absolute;
}

.section-m01-mobile .text-box {
    position: absolute;
    bottom: 4rem; 
}

.section-m01-mobile .empty00__text {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 15%;
    height: 55%;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
    background: var(--gradient-copper-01) bottom right 15%;
    background-size: cover;
}

.section-m01-mobile .empty01__text {
    position: absolute;
    right: 0;
    z-index: 2;
    width: 30%;
    height: 100%;
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%);
    background: var(--blue);
}

.section-m01-mobile .empty10__text {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 20%;
    height: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
    background: var(--gradient-zinc-02) bottom right 15%;
    background-size: cover;
}

.section-m01-mobile .empty11__text {
    position: absolute;
    right: -20px;
    z-index: 2;
    width: 25%;
    height: 100%;
    clip-path: polygon(100% 0%, 100% 75%, 75% 100%, 0% 100%);
    background: var(--gradient-zinc-02) bottom left 30%;
}

.section-m01-mobile .empty20__text {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 21%;
    height: 70%;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
    background-size: cover;
}

.section-m01-mobile .empty21__text {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 25%;
    height: 90%;
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%);
    background-size: cover;
}

.section-m01-mobile .empty30__text {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 25%;
    height: 75%;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
    background: var(--blue);
}

.section-m01-mobile .empty31__text {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 35%;
    height: 100%;
    clip-path: polygon(60% 0%, 100% 0%, 15% 100%, -25% 100%);
    background: var(--gradient-zinc-02) bottom left 30%;
}

.section-m01-mobile .no-image-content {
    height: 350px;
    width: 100%;
    background: var(--blue);
}

.section-m01-mobile .empty40__text {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 33%;
    height: 110%;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
    background: var(--gradient-zinc-01) bottom right;
}

.section-m01-mobile .empty41__text {
    position: absolute;
    z-index: 1;
    width: 45%;
    height: 100%;
    clip-path: polygon(68% 0%, 98% 0%, 32% 100%, 2% 100%);
    background: var(--gradient-zinc-01);
    background-size: cover;
    bottom: 0;
    left: 5%;
}

.section-m01-mobile .empty42__text {   
    position: absolute;
    z-index: 1;
    width: 40%;
    height: 100%;
    clip-path: polygon(75% 0%, 100% 0%, 25% 100%, 0% 100%);
    background: var(--gradient-zinc-01);
    background-size: cover;
    bottom: 0;
    left: 25%;
}

.section-m01-mobile .empty43__text {
    position: absolute;
    z-index: 1;
    width: 35%;
    height: 100%;
    clip-path: polygon(82% 0%, 100% 0%, 18% 100%, 0% 100%);
    background: var(--gradient-zinc-01);
    background-size: cover;
    bottom: 0;
    right: 20%;
}

.section-m01-mobile .empty44__text {
    position: absolute;
    z-index: 1;
    width: 35%;
    height: 100%;
    clip-path: polygon(80% 0%, 100% 0%, 20% 100%, 0% 100%);
    background: var(--gradient-zinc-01);
    background-size: cover;
    bottom: 0;
    right: 0;
}

.section-m01-mobile .empty45__text {
    position: absolute;
    right: 0;
    z-index: 2;
    width: 15%;
    height: 50%;
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 10% 100%);
    background: var(--gradient-zinc-01) bottom left;
    background-size: cover;
    bottom: 0;
}

.section-m01-mobile .swiper-slide img {
    height: 350px;
}

.section-m01-mobile .swiper-slide img.full-img {
    height: 613px;    
}

/*.m01-theme-350 .theme {
    background: var(--gradient-zinc-02) bottom center;
}
.m01-theme-351 .theme {
    background: var(--gradient-copper-01) bottom center;
}*/
.m01-theme-353 img {
    display: none !important;
}

/* M02 */

.section-m02 .new-layer-front, .section-m02-multi .new-layer-front {    
    width: 100%;
    height: 100%;
    min-height: 290px;
    padding: 2rem 1rem;
}

.section-m02__txt-common {
    font-size: 65px;
    text-transform: uppercase;
    font-weight: 300;
    color: var(--white);
    word-wrap: break-word;
}

.section-m02__desc {
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
}

.section-m02 .large-size, .section-m02-multi .large-size, .section-m02-no_overlay .large-size {
    font-weight: 900 !important;
}

.section-m02 .text-container {
    position: relative;
    right: 8rem;
}

.section-m02 .banner-swiper {
    height: 600px;
}

.section-m02 .no-overlay-txt-content, .section-m02-no_overlay .no-overlay-txt-content {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%) !important;
}

.section-m02 .mobile-empty00__text, .section-m02-multi .mobile-empty00__text {
    display: none;
}

.section-m02-multi__html p {
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--white);
    word-wrap: break-word;
}    

.section-m02-multi .icon-arrow-left, .section-m02-multi .icon-arrow-right {
    display: none;    
}

.section-m02-multi .banner-swiper .swiper-button-next,  .section-m02-multi .banner-swiper .swiper-button-prev {
    color: var(--white);
    -webkit-text-stroke: 4px var(--white);
}

.section-m02-multi .swiper-pagination-bullet {
    background-color: var(--white);
    border: 1px solid var(--vibrant-blue);
    width: 20px;
    height: 20px;
}

.section-m02-multi .swiper-pagination-bullet-active {
    background-color: var(--vibrant-blue);
    border: 2px solid var(--white);
}

.section-m02-multi .gradient-bars-mask {
    z-index: 1;
}

.section-m02-multi .swiper-content{
    position: absolute;
    width: 100%;
    bottom: 0;
}


@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .hvc-mle h2 {
        font-size: 60px;
        line-height: 60px;
    }
}

@media(max-width: 1200px) {
    .section-m02-multi .banner-swiper {
        height: 100%;    
    }
    .section-m02 .layer-bg img,  .section-m02-multi .banner-swiper .swiper-slide .layer-bg img {
        height: 600px;
    }
    
    .section-m02 .gradient-bars-mask, .section-m02-multi .gradient-bars-mask {
        position: relative;
        height: 100%;
        width: 100%;
        transform: none;
        mask-image: none;
    }

    .section-m02 .mobile-empty00__text, .section-m02-multi .mobile-empty00__text {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        width: 15%;
        height: 200px;
        clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
    }
    
    .section-m02__desc {
        font-size: 20px;
    }
    
    .section-m02 .gradient-copper-01 {
        background-position: top right;
    }
    
    .section-m02 .gradient-copper-02 {
        background-position: bottom center;
    }
    
    .section-m02 .gradient-zinc-01 {
        background-position: top right;
    }
    
    .section-m02 .gradient-zinc-02 {
        background-position: bottom center;
    }
    
    .section-m02-multi .banner-swiper .swiper-button-next, .section-m02-multi .banner-swiper .swiper-button-prev {
        display: none;
    }
}

@media(max-width: 600px) {
    .section-m02 .layer-bg img, .section-m02-multi .banner-swiper .swiper-slide .layer-bg img {
        height: 350px;
    }
    
    .section-m02__txt-common {
        font-size: 30px;
    }
    
    .section-m02__desc {
        font-size: 16px;
    }
    
    .section-m02-multi .py-5 {
        padding: 1rem 0 !important;
    }
}

.display-1 {
    letter-spacing: -1px;
}

.section-m02__desc {
    letter-spacing: -0.2px;
    font-size: 18px;
    text-transform: none;
}

.gradient-bars {
    height: 498px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    max-width: 1000px;
    width: 100%;
    clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
}

/* M03 - Interactive Maps */

.section-m03 .nav-tabs {
    border-bottom: solid 2px var(--vibrant-blue);
}

.section-m03 .nav-tabs .nav-item {
    border: none;
}

.section-m03 .nav-tabs .nav-item .nav-link {
    font-size: 20px;
    padding: 0 19px !important;
    letter-spacing: normal;
    color: var(--gray-1);
    font-weight: 400;
}

.section-m03 .nav-tabs .nav-item .nav-link.active {
    background-color: #E8ECFF;
    border-bottom: solid 2px var(--vibrant-blue);
    color: var(--gray-0);
    font-weight: 600;
}

.section-m03 .tab-products {
    background: none;   
    height: auto;
}

.section-m03 .tab-products .nav-pills__main {
    background-color: var(--gray-4);
    padding: 19px 15px;
    max-height: 468px;
}

.section-m03 .tab-products .nav-pills__main .nav-item {
    margin: 0 0 8px 0 !important;
}

.section-m03 .tab-products .nav-pills__main .nav-link__main {
    font-size: 20px;
    color: var(--vibrant-blue);
    font-weight: 700;
    margin-right: 0;
}

.section-m03 .tab-products .nav-pills__main .nav-link__main:hover {
    border-bottom: 3px solid var(--gray-4);
}

.section-m03 .tab-products .nav-pills__main .nav-link__main.active {
    color: var(--vibrant-blue);
    text-decoration: underline;
}

.section-m03__countries-accordion .accordion-button {
    background-color: var(--gray-5);   
}

.section-m03 .tab-products .nav-pills__main .nav-link__main .badge,
.section-m03__countries-accordion .accordion-button .badge {
    border-color: var(--copper);
    color: var(--copper);
    border-style: solid;
    border-width: 1px;
    background-color: none;
    border-radius: 50%;
    height: 27px;
    width: 27px;
    min-width: 27px;
    font-size: 14px;
    margin-left: 8px;
}

.section-m03 .tab-products .nav-pills__main .nav-link__main.active .badge,
.section-m03__countries-accordion .accordion-button:not(.collapsed) .badge{
    border-color: var(--vibrant-blue);
    color: var(--white);
    background-color: var(--vibrant-blue);
}

.section-m03 .tab-products .nav-pills__main ul {
    margin: 15px 0 15px 15px;
}

.section-m03 .tab-products .nav-pills__main ul li {
    color: var(--gray-0);
    font-size: 16px;
}

.section-m03__operations-card {
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 20px;
    padding: 48px 32px;
    width: 338px;
}

.section-m03__operations-card-title {
    font-size: 20px;
    color: var(--blue);
    font-weight: 700;
    margin-bottom: 14px;
}

.section-m03__countries-accordion-title {
    text-transform: none;
    color: var(--gray-0);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.25px;
}

.section-m03__operations-accordion .accordion-item {
    border: none;
    padding-bottom: 24px;
    
}

.section-m03__operations-accordion .accordion-item:not(:last-child) {
    border-bottom: 1px solid var(--orange);
}

.section-m03__operations-accordion .accordion-header {
    color: var(--primary);
}

.section-m03__operations-accordion .accordion-header .accordion-button {
    background-color: var(--white) !important;
    color: var(--primary);
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    box-shadow: none;
}

.section-m03__operations-accordion .accordion-body {
    color: var(--black);
    font-size: 14px;
    font-weight: 400;
    padding: 0;
}

.section-m03__operations-accordion .accordion-button::after {
    background-image: none;
    font-family: 'icons-teck' !important;
    speak: never;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 2px solid var(--vibrant-blue);
    border-radius: 50%;
    
    content: "\e954";
}

.section-m03__operations-accordion .accordion-button:not(.collapsed)::after {
    content: "\e941";
}

.section-m03__product-title {
    background-color: transparent !important;
    color: var(--white);
    font-size: 90px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 58px;
}
@media(max-width: 500px) {
    .section-m03__product-title {
        font-size: 60px;
        line-height: 1;
    }
}

.section-m03__product-secondary-title {
    font-size: 40px;
    line-height: 43px;
    font-weight: 300;
    color: var(--blue);
    text-transform: uppercase;
}

.section-m03__product-description {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: var(--gray-0)
}

.section-m03.section-tab-map--mobile .back {
    height: 100%;
}
.section-m03.section-tab-map--mobile .front {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.section-m03.section-tab-map--mobile .accordion-header .accordion-button:not(.plus-minus):after {
    font-weight: bold;
    font-family: 'icons-teck';
    content: "\e900";
    font-size: 12px;
    line-height: 22px;
    background: none;
}

.section-m03.section-tab-map .tab-products .tab-pane {
    min-height: 468px;
}

.section-tab-map .select-content .mainSelect+.select2-container {
    width: 100% !important;
}
.section-tab-map .select-content .mainSelect+.select2-container .select2-selection--single {
    border: 0 none !important;
}

img.section-m03__image {
    min-height: 300px;
}

.section-m03 .nav-tabs .nav-item .nav-link,
.section-m03 .nav-tabs .nav-item .nav-link.active {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.2px;
}
.section-m03 .nav-tabs .nav-item .nav-link.active {
    font-weight: 700;
}

.section-m03 .tab-products .nav-pills__main {
    width: 223px;
}

.section-m03 img.section-m03__image {
    min-height: 328px;
    /*max-width: 530px;*/
}

.section-m03 .row.pt-4.d-flex.align-items-end .col-7 {
    max-width: 530px;
}

.section-m03 .tab-products .nav-pills__main ul li {
    line-height: 22px;
    letter-spacing: -0.2px;
}

.section-m03__operations-accordion .accordion-body {
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-0);
}

.section-m03__operations-accordion .accordion-button::after {
    color: var(--vibrant-blue);
}

.section-m03__operations-accordion .btn-link {
    font-size: 18px;
    font-weight: 600;
}

.section-m03__product-secondary-title {
    letter-spacing: -1px;
}

.section-m03__product-secondary-title strong {
    font-weight: 900;
}

/* M04 */

.section-m04 .bg-card-info {
    padding: 2rem;
    background: var(--white);
    min-height: 100px;
}

.section-m04 .icon-plus {
    border: 1.5px solid var(--vibrant-blue);
    border-radius: 50%;
    color: var(--vibrant-blue);
}

.section-m04 .icon-plus:before {
    font-size: 30px;
}

.card-teck-glance {
	width: 100%;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    background: var(--white);
    height: 600px;
    display: flex;
}

.card-teck-glance .bg-card {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.card-teck-glance .bg-card img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	max-height: 500px;
}


.card-teck-glance .front-card {
	display: flex;
	position: absolute;
	top: 75%;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: var(--primary);
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 2;
}

.card-teck-glance .front-card .info {
	display: flex;
	padding: 0 26px;
}

.card-teck-glance:hover .front-card {
	opacity: 1;
	top: 0;
}


@media(max-width: 992px) {
    .card-teck-content {
        flex-direction: column;
        padding: 1rem !important;
    }
    
    .card-teck-glance {
        margin: 1rem 0 !important;
    }
}

/* M05 Vertical Column */

.section-m05__title, .section-m05__description {
    color: var(--primary);
}

.container.section-m05 {
    display: flex;
    justify-content: center;
}

.section-m05__title__container{
    /*width: 313px;*/
    height: 110px;
    margin-right: 32px;
}

.section-m05 .row.section-m05-justify-content {
    width: max-content;
}

.section-m05 .col.section-m05-title-sub {
    flex: 0;
}

.section-m05 .nav-pills .nav-item {
	display: flex;
	flex: 1;
	align-items: center;
	width: 851px;
	border-bottom: 1px solid #51728E;
	padding: 48px 0 72px 0;
	position: relative;
    overflow: hidden;
}

.section-m05 .nav-pills .nav-item:hover {
    padding: 0;
}


.section-m05 .accordion-item {
    overflow: hidden;
    color: var(--vibrant-blue);
    z-index: 1;
}

.section-m05 .accordion-item {
	position: relative;
    background: var(--white);
    background-color: var(--white);
    overflow: hidden;
}

.section-m05 .accordion-button {
    background-color: transparent;
    box-shadow: none !important;
    color: var(--primary) !important;
}

.section-m05 .accordion-item .col-10 p {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.5px;
    text-transform: capitalize;
}

.section-m05 .accordion-body,
.section-m05 .item-related-source {
    background: inherit !important;
}

.section-m05 .accordion-button:not(.collapsed) p { 
    color: var(--vibrant-blue);
    
}
.section-m05 .accordion-button:not(.collapsed) {
    background: transparent;
    z-index: 1;
}

.section-m05 .nav-pills .nav-item::before,
.section-m05 .accordion-button::before,
.section-m05 .accordion-collapse::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 0%;
  top: 0;
  left: 0;
  background: url('/media/bars01.svg') top right;
  background-size: 100%;
  z-index: -1;
  transition: width 1s ease;
}

.section-m05 .nav-pills .nav-item:hover::before,
.section-m05 .accordion-button:not(.collapsed)::before,
.section-m05 .accordion-collapse.show::before {
    width: 150%;
}
.section-m05 .accordion-button:not(.collapsed)::before {
  transition-delay: 0.5s;
}

.section-m05 .nav-pills .nav-link {
	font-weight: 700;
	font-size: 30px; 
	text-transform: none;
	letter-spacing: 2px;
	color: var(--primary);
	background: transparent; 
	color: var(--primary); 
	justify-content: space-between;
	transition: all 1s;
	padding: 0;
	height: min-content;
}

.section-m05 .nav-pills .nav-link.active {
	position: relative;
	border-bottom: 0;
	background: transparent;
}

.section-m05 .nav-pills .nav-link.active:after {
	content: none;
	position: absolute;
}

.section-m05 .nav-pills .nav-link .option__2 {
    display: none;
}

.section-m05 .nav-pills .nav-link .option__1 {
    display: inline-block;
    animation: show-option 1s ease-in-out;
}

.section-m05 .nav-pills .nav-item:hover .option__1 {
    display: none;
    animation: show-option 1s ease-in-out;
}

.section-m05 .nav-pills .nav-item:hover .option__2 {
    display: flex;
    flex-direction: column;
    padding: 20px 46px 21px 48px;
    min-height: 70px;
    width: 100%;
    animation: show-option 1s ease-in-out;
}

@keyframes show-option {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.section-m05 .nav-pills .nav-link .option__2 .nav-link-title{
    color: var(--vibrant-blue);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 8px;
}
.section-m05 .nav-pills .nav-link .option__2 .nav-link-html{
    color: var(--gray-0);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    max-width: 638px;
}

.section-m05 .nav-pills .nav-link .option__2 .nav-link-html p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.section-m05 .nav-pills .nav-link .option__2 .text-container{
    display: flex;
    flex-direction: row;
}

.section-m05 .nav-pills .nav-link .option__2 .btn-link, 
.section-m05 .btn-link {
    margin-left: auto !important;
    margin-top: 16px;
    font-size: 18px;
    font-weight: 600;
}

.section-m05 .p--medium p {
    color: var(--gray-0);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.section-m05 .nav-pills .nav-link .option__2 .text-container .icon-arrow-right::before {
    content: '';
}

.section-m05 .nav-pills .nav-link .option__2 .text-container .icon-arrow-right {
    margin: auto;
    margin-right: 0px;
    content: '';
    width: 46px;
    height: 46px;
    background: url('/media/arrow-right.svg') top right;
    background-repeat: no-repeat;
    right: 0px;
    z-index: -1;
}

.section-m05 .icon-arrow-right-container {
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    width: 39px;
    height: 39px;
}

.section-m05 .icon-arrow-right,
.section-m05 .icon-arrow-down,
.section-m05 .icon-arrow-down::before {
    font-size: 20.76px;
    color: #3153E4; 
}

.section-m05 .icon-arrow-down::before {
    font-size: 14px;
    color: #3153E4; 
}

.section-m05 .nav-pills .nav-item:hover .icon-arrow-right-container {
    display: none;   
}

/* ICON ANIMATION */
.section-m05 .accordion-button .icon-arrow-down {
    transform: rotate(-90deg);
    display: inline-block;
}
.section-m05 .accordion-button:not(.collapsed) .icon-arrow-down {
    transform: none;
}

/* M06 */

.section-m06 .nav-tabs .icon {
    font-size: 59px;
    padding-left: 25px;
}

.section-m06 .nav-tabs .nav-link {
    display: flex;
    align-items: center;
    height: 130px;
    margin: 0;
}

.section-m06 .nav-tabs .nav-item+.nav-item {
    margin-top: 20px;
}

.section-m06 .nav-tabs .nav-link::after {
    content:"\e904";
    position: absolute;
    top: 50%;
    right: 32px;
    font-weight: bold;
    font-size: 24px;
    font-family: "icons-teck";
    color: var(--vibrant-blue);
    transform: translateY(-50%);
}

.section-m06 .nav-tabs .nav-link::before {
    top: 50%;
    right: 14px;
    font-size: 24px;
    color: var(--blue);
}

.section-m06 .nav-tabs .nav-link.active::after {
    content:"\e938";
    font-size: 40px;
    right: 26px;
    color: var(--white);
}

.section-m06 .nav-tabs .nav-link .title {
    color: var(--blue);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: -1px;
    padding-left: 40px;
}

.section-m06 .tab-content {
    padding: 50px 30px 20px;
    background: #f8f9ff;
    height: 100%;
}

.section-m06 .display-2 {
    height: 80px;
    font-size: 85px;
    font-weight: 500;
}

/* M08 */

.section-m08__attachment-content {
    background: var(--white);
    box-shadow: 4px 4px 25px 0px rgba(0, 16, 64, 0.20);
}

.section-m08__attachment-content a {
    text-decoration: none;
}

.section-m08-text a:not([class^="btn"]) {
    color: var(--vibrant-blue);
}

.section-m08-text .file-size {
    font-size: 14px;    
}

.section-m08-text .btn-download {
    border: 1px solid var(--vibrant-blue);
    width: 38px;
    height: 38px;
    border-radius: 19px;
}

.section-m08-text .btn-download .download {
    font-size: 30px;
    color: var(--vibrant-blue)
}

.section-m08-text .btn-download .download:hover {
    font-size: 30px;
    color: var(--white)
}

.section-m08-text .card-m08-square {
    box-shadow: none;
    padding: 43px 53px;
}

.section-m08-text .card-m08-square::before, .section-m08-quick .card-m08-square::before {
    display: none;
}

.section-m08-columns .card-m08-square {
    box-shadow: 4px 4px 20px 0px rgba(0, 16, 64, 0.10);
    padding: 43px 53px;
}

.section-m08-columns .card-m08-square::before {
    background: var(--orange);
    left: 50px;
}

.section-m08-columns .card-m08-square_image {
    height: 360px;
}

.m08-wrapper.section-m08-columns img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.section-m08-columns .card-m08-square a {
    font-weight: 600;
    text-decoration: underline;
    color: var(--vibrant-blue) !important;
}

.section-m08_btn-link {
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: -1px;
    color: var(--blue);
    line-height: 43px;
}

.section-m08_btn-link:hover {
    color: var(--blue);
    font-weight: 900;
    text-decoration: underline;
}

.section-m08__card-line {
    background: var(--orange);
    display: block;
    width: 198px;
    max-width: 90%;
    height: 2px;
}

.section-m08-columns .btn-link {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.section-m08-columns .input-checkbox-label:before {
    border-color: var(--vibrant-blue);
    top: 6px;
}

.section-m08-columns input[type=checkbox]:checked+label::before {
  content: "";
  display: block;
  position: absolute;
  text-align: center;
  left: 0;
  top: 5px;
  background-color: var(--vibrant-blue);
}

.section-m08-columns input[type=checkbox]:checked+label::after {
    left: 6px;
    top: 6px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    box-shadow: none;
    background: transparent;
}

.section-m08-columns .form-control {
    border-radius: 1px;
    border: 0.5px solid var(--gray-3);
    background: rgba(242, 242, 242, 0.40);
    padding: 12px;
    height: 42px;
}

.section-m08-columns .form-label {
    font-size: 14px;
}

.section-m08-columns .card-m66 {
    box-shadow: 4px 4px 20px 0px rgba(0, 16, 64, 0.10);
}

.section-m08-quick .card-m08-square {
    box-shadow: 4px 4px 20px 0px rgba(0, 16, 64, 0.10);
    padding: 40px 24px;
}

.section-m08-quick .card-m08-square .btn-link {
    font-size: 20px;
    font-weight: 700;
}

.section-m08-notice {
    background: #E8ECFF;
}

.section-m08-text-contact {
    background: #E8ECFF;
}

.section-m08-text-contact .btn-link {
    cursor: pointer;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
    text-decoration-line: underline;
}

.section-m08-text-contact__title {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -1px;
}

.m08-tk-generic-contact .secondary-title, .section-m08-text-contact__desc {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
}

@media(max-width:1200px) {
    .section-m08__text-content {
        flex-direction: column;
    }
    
    .section-m08__attachment-container {
        width: 100%;
    }
}


@media (max-width: 576px) { 
    .section-m08-text .btn-download {
        width: 30px;
        height: 30px;
    }
    .section-m08-text .btn-download .download {
        font-size: 24px;
    }
}

.section-m08-text-quote {
    position: relative;
    font-size: 30px;
    line-height: 35px;
}
.section-m08-text-quote .left {
    position: absolute;
    left: -40px;
    top: -12px;
}
.section-m08-text-quote .right {
    position: absolute;
    right: 0;
    bottom: -12px;
}

.section-m08__attachment-container .display-4 {
    font-size: 25px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.5px;
    text-transform: capitalize;
}

.section-m08__attachment-container .p--medium {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px; /* 140% */
    letter-spacing: -0.5px;
    text-decoration-line: underline;
}

.item0 {
    background: #F8F9FF;
}

.item1 {
    background: #FFFFFF;
}

.bullet-content h4 {
    font-size: 25px;
    color: #C7420B;
    font-weight: 700;
}

.bullet-content ul li span {
    font-size: 18px;
}

.section-m08 p--big {
    font-size: 30px;
    font-weight: 300;
}

@media(max-width: 767px) {
    .bullet-content .container {
        flex-direction: column;
        align-items: start !important;
    }
    
    .bullet-html {
        padding-left: 0 !important;
        margin-top: 2rem;
    }
}

/*Bundle Medicine landing page start*/
.section-medicine_bundle .bullet-content h4{
    font-size: 40px;
}
.section-medicine_bundle .bullet-html{
    font-size: 20px;
}

@media (max-width: 576px) { 
    .section-medicine_bundle .bullet-content h4{
        font-size: 30px;
    }
    .section-medicine_bundle .bullet-html{
        font-size: 18px;
    }
}
/*Bundle Medicine landing page end*/
/* M09 */

/*Links white on this skin (M09) 22/8/25*/
.section-m09 a {
    color: var(--white);
}
/**/

.section-m09__info .p{
    font-size: 18px;
}

.section-m09 .section-image .layer-bg {
	height: 449px;
	width: 60%;
}

@media (max-width: 1199px) {
    .section-m09 .section-image .layer-bg {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .section-m09 .section-image .layer-bg {
        height: 300px;
    }
}

.section-m09 .section-image.theme.teck-gradient-copper-01,
.section-m09 .section-image.theme.teck-gradient-copper-01 .layer-front:after {
	background: var(--gradient-copper-01) bottom center !important;
    background-size: cover;

}

.section-m09 .section-image.theme.teck-gradient-copper-02,
.section-m09 .section-image.theme.teck-gradient-copper-02 .layer-front:after {
	background: var(--gradient-copper-02) bottom center !important;
    background-size: cover;
}

.section-m09 .section-image.theme.teck-gradient-zinc-01,
.section-m09 .section-image.theme.teck-gradient-zinc-01 .layer-front:after {
	background: var(--gradient-zinc-01) bottom center !important;
    background-size: cover;
}

.section-m09 .section-image.theme.teck-gradient-zinc-02,
.section-m09 .section-image.theme.teck-gradient-zinc-02 .layer-front:after {
	background: var(--gradient-zinc-02) bottom right !important;
    background-size: cover;
}

@media(min-width: 1200px) {
    .section-m09__title-layout-right {
    	right: 0 !important;
    	left:auto !important;
    }
    
    .section-m09__title-layout-right::after {
    	left: 80px !important; 
    }
    
    .section-m09__title-layout-right .section-m09 .layer-front {
    	height: 100%;
    	max-width: 55%;
    }
    
    .section-m09__title-layout-right .section-m09__info{
        margin-left: 150px;
    }
}

/* M12 FACTS */

/* Facts Styles */
.section-m12__card {
    background-color: #001040;
}

.section-m12__card-title {
    font-size: 80px;
    font-weight: 900;
    line-height: 64px;
    letter-spacing: -1px;
}

.section-m12__card-title1 {
    color: #FF9040;
    width: fit-content;
}
    
.section-m12__card-description {
    font-size: 60px;
}

.section-m12__card-content {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.section-m12__card-img {
    height: 100%;
    width: 100%;
    object-fit: cover;    
}

.section-m12__fr-card-container {
    height: 40%;    
}

.section-m12__sr-image-card-container {
    height: 75%;    
}

.section-m12__sr-text-card-container {
    height: 25%;    
}

.section-m12__tr-card-container {
    height: 33.33%;    
}

.section-m12 .section-m12__card-title {
    font-size: clamp(50px, 5vw, 80px);
}

.section-m12__card-description {
    font-size: clamp(40px, 4vw, 60px);
}

.section-m12__fr-card-container.index-0 {
    max-width: 420px;
    max-height: 265px;
    padding: 66px 53px 56px 63px;
}
.section-m12__fr-card-container.index-1 {
    max-width: 420px;
    max-height: 276px;
}
.section-m12__fr-card-container {
    height: 100%;
}
.section-m12 .index-1-text {
    justify-content: center;
}

.section-m12 .section-m12__card-img.large {
    height: 494px;
    max-height: 494px;
    max-width: 306px;
}

.section-m12 .section-m12__card-img.medium {
    max-height: 276px;
    min-width: 50px;
    max-width: 193px;
}

.section-m12 .section-m12__card-img.small {
    max-height: 214px;
    min-width: 50px;
    max-width: 193px;
}

.section-m12 .section-m12__tr-card-container {
    max-height: 216px;
}

/*Testing grid layout*/
/*.section-m12__card.row.g-0.section-m12__fr-card-container.index-1 {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(100px, min-content));*/
/*}*/

@media (min-width: 992px) {
    .section-m12 .col-lg-4 {
        max-width: 420px;
    }
}
@media (max-width: 992px) {
    .section-m12 .gap-4 {
        gap: 0 !important;
    }
    
    .section-m12 .index-2 {
        margin: 0 auto !important;
    }
    .section-m12 .section-m12__card-title {
        font-size: 80px;
    }
    .section-m12 .section-m12__card-description {
        font-size: 50px;
    }
    .section-m12 .index-0 {
        max-width: 100%;
        margin-top: 32px;
    }
    
    .section-m12 .index-1 {
        max-width: 100%;
    }
    
    .section-m12 .index-2 {
        margin: 1.5rem auto;
        height: fit-content;
    }
    
    .section-m12 .index-2 .section-m12__sr-image-card-container.large {
        max-width: 100%;
    }
    
    .section-m12 .index-3 {
        width: 100%;
        margin: 0 auto;
    }
    
    
    .section-m12 .index-4 {
        margin: 0 auto;
    }
    
    .section-m12 .index-4 .section-m12__card-content {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
}

@media (max-width: 376px) {
    .section-m12 .section-m12__card-title,
    .section-m12 .section-m12__card-description,
    .section-m12 .section-m12__card-content {
        text-align: center !important;
    }
    
    
    .section-m12 .section-m12__card-title {
        font-size: 80px;
    }
    .section-m12 .section-m12__card-description {
        font-size: 50px;
    }
    
    .section-m12 .section-m12__card-img.large {
        max-height: 216px;
    }
    
    .section-m12 .section-m12__card-img.medium {
        max-height: 190px;
    }
    .section-m12 .section-m12__card-img.small {
        max-height: 190px;
    }
    .section-m12__fr-card-container.index-0 {
        max-height: 189px;
        padding: 39px 37px 32px 17px;
        /*margin-top: 32px;*/
    }
    .section-m12__fr-card-container.index-1 {
        max-height: 190px;
    }
    
    .section-m12 .index-2 {
        width: auto;
        max-height: calc(191px + 216px);
    }
    .section-m12 .index-3 {
        height: 203px;
        max-height: 220px;
        display: flex;
        justify-content: center;
    }
    
    .section-m12 .index-4 {
        height: 220px;
    }
    
    .section-m12 .index-3 .col-5.h-100 {
        display: none;
    }
    
    .section-m12 .index-3 .px-4,
    .section-m12 .index-5 .px-4 {
        padding: 0 !important;
    }
    
    .section-m12 .mb-4 {
        margin-bottom: 0 !important;
    }
    
    .section-m12 .index-5 .section-m12__card-title {
        font-size: clamp(60px, 1vw, 80px);
    }
    
    .section-m12 .index-1 .section-m12__card-content {
        margin: 0 auto !important;
    }
    
}

/* Numbers Only Styles */

.section-m12__num-card-title {
    font-size: 60px !important;
}

.section-m12__num-card-symbol {
    color: white;
}

.section-m12__num-card-text {
    color: white;
    font-size: 18px !important;
    margin-top: 20px;
}

.section-m12__num-card-container {
    min-height: 200px !important;  
    height: 100%;
}


/* M13 */

.m13Container {
	display: flex;
	align-items: flex-end;
	max-width: 100vw;
	height: 669px;
	/* height: calc(100vh * 0.619); */
	position: relative;
	z-index: 0;
	margin-bottom: 200px;
	overflow-x: auto;
	overflow-y: hidden;
}

.m13Container__bluePolygon {
	display: flex;
	position: absolute;
	z-index: 3;
	justify-content: center;
	align-items: center;
	width: 48.6979%;
	/* width: 935px; */
	height: 100%;
	background: #001040;
	clip-path: polygon(0 0, 100% 0%, 74% 100%, 0% 100%);
}

.m13Container__bluePolygon__titlesContainer {
	display: inline-flex;
	max-width: 505px;
	flex-direction: column;
	align-items: flex-start;
}

.m13Container__bluePolygon__titlesContainer__title1 {
	color: #fff;
	font-size: 4.125rem;
	font-style: normal;
	font-weight: 300;
	line-height: 4.625rem;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.m13Container__bluePolygon__titlesContainer__title2 {
	color: #fff;
	font-size: 4.125rem;
	font-style: normal;
	font-weight: 900;
	line-height: 4rem;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.m13Container__carouselPolygon {
	position: absolute;
	z-index: 2;
	width: calc(100vw * 0.1875 + (100vw * 0.4667));
	height: 565px;
	/* height: calc(100vh * 0.523); */
	clip-path: polygon(0% 0%, 100% 0%, 83.7% 100%, 0% 100%);
	transition: all 400ms ease-in;
	overflow: hidden;
}

.m13Container__carouselPolygon.expanded {
	transition: all 400ms ease-in;
	transform: translate(20%, 0%);
}

.m13Container__carouselPolygon__auxContainer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
}

.m13Container__carouselPolygon__auxContainer__content {
	display: flex;
	align-items: end;
	justify-content: center;
	flex-direction: column;
	gap: 19px;
	max-width: 340px;
	margin-right: calc(100vw * 0.066);
	transition: all 400ms ease-in;
}

.m13Container--noimage .m13Container__carouselPolygon__auxContainer__content {
	align-items: center;
}

.m13Container__carouselPolygon__auxContainer__content.expanded {
	margin-right: calc(100vw * 0.1);
	transition: all 400ms ease-in;
}

.m13Container__carouselPolygon__auxContainer__content__imgContainer {
	display: none;
	position: relative;
	width: 134px;
	height: 134px;
	z-index: inherit;
	border-radius: 100%;
	border: 2px solid #ccd0db;
	align-items: center;
	justify-content: center;
	animation: opacityFade 600ms 0s;
}

.m13Container__carouselPolygon__auxContainer__content__imgContainer.expanded {
	display: flex;
}

.m13Container__carouselPolygon__auxContainer__content__imgContainer img {
	width: 118px;
	height: 118px;
	object-fit: cover;
	border-radius: 100%;
}

.m13Container__carouselPolygon__auxContainer__content h2 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 3.125rem;
	font-style: normal;
	font-weight: 900;
	line-height: 3.625rem;
	letter-spacing: -1px;
	width: calc(100vw * 0.1742);
	text-align: center;
}

.m13Container__carouselPolygon__auxContainer__content__arrow {
	display: none
}

.m13Container__carouselPolygon__auxContainer__content.expanded h2 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 3.125rem;
	font-weight: 900;
	line-height: 3.625rem;
	width: calc(100vw * 0.1742);
	text-align: end;
}

.m13Container__carouselPolygon__auxContainer__content__text {
	display: none;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: right;
	font-size: 18px;
	line-height: 24px;
	animation: opacityFade 600ms 0s
}

.m13Container--noimage .m13Container__carouselPolygon__auxContainer__content__text {
    max-width: 203px;
    text-align: center;
    letter-spacing: -0.5px;
    font-size: 20px;
    margin-top: -20px;
}

.m13Container__carouselPolygon__auxContainer__content__text.expanded {
	display: flex;
	width: 390px !important;
}

.m13Container__bluePolygon__content{
    width: 413px;
    font-size: 20px;
    letter-spacing: -0.5px; 
}

.m13Container__carouselPolygon__auxContainer__content.expanded h2 {
	text-align: end;
	margin: 0;
	transition: all 400ms ease-in;
}

.m13Container__carouselPolygon__auxContainer__content__arrowRight {
	position: absolute;
	bottom: 10px;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	right: calc(100vw * 0.11);
	z-index: 3;
	cursor: pointer;
	background: transparent;
	border: none;
	transition: all 200ms ease-in;
}

.m13Container__carouselPolygon__auxContainer__content__arrowRight:hover {
	opacity: 80%;
}

.m13Container__carouselPolygon__auxContainer__content__arrowRight:active {
	opacity: 1;
}

.m13Container__carouselPolygon__auxContainer__content__arrowRight.expanded {
	transform: rotate(0.5turn);
	transition: all 200ms ease-in;
}

.m13Container__mobileModal {
	display: none;
}

@keyframes opacityFade {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 40%;
	}
}


@media(max-width: 767px) {
	.m13Container {
		display: flex;
		flex-direction: column;
		align-items: center;
		max-width: none;
		width: auto;
		position: relative;
		z-index: 0;
		margin-bottom: 0;
		overflow: hidden;
		height: auto;
		min-height: 357px;
	}

	.m13Container__bluePolygon {
		display: flex;
		position: static;
		z-index: 0;
		justify-content: start;
		padding-left: 20px;
		align-items: center;
		width: 100%;
		height: 153px;
		background: #001040;
		clip-path: none;
	}

	.m13Container__bluePolygon__titlesContainer {
		display: inline-flex;
		flex-direction: column;
		align-items: flex-start;
		gap: -3px;
		max-width: 195px;
	}

	.m13Container__bluePolygon__titlesContainer__title1 {
		color: #fff;
		font-size: 30px;
		font-style: normal;
		font-weight: 300;
		line-height: 35px;
		/* 116.667% */
		letter-spacing: -1px;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}

	.m13Container__bluePolygon__titlesContainer__title2 {
		color: #fff;
		font-size: 30px;
		font-style: normal;
		font-weight: 900;
		line-height: 35px;
		letter-spacing: -1px;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}

	.m13Container__carouselPolygon {
		display: flex;
		position: static;
		z-index: 0;
		width: 100%;
		height: 99px;
		clip-path: none;
		transition: all 400ms ease-in;
		overflow: hidden;
	}

	.m13Container__carouselPolygon.expanded {
		display: flex;
		position: absolute;
		width: 100%;
		height: 100%;
		clip-path: none;
		transition: all 400ms ease-in;
		overflow: hidden;
		transform: none;
		left: 0 !important;
        z-index: 10 !important;
	}

	.m13Container__carouselPolygon__auxContainer {
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		height: 100%;
	}

	.m13Container__carouselPolygon__auxContainer__content {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
		width: 100%;
		gap: unset;
		max-width: none;
		margin-right: 0;
		transition: all 400ms ease-in;
		padding: 0 20px;
	}

	.m13Container__carouselPolygon__auxContainer__content.expanded {
		flex-direction: column;
		margin-right: 0;
		transition: none;
		height: 100%;
		justify-content: center;
	}

	.m13Container__carouselPolygon__auxContainer__content__imgContainer.expanded {
		position: relative;
		width: 66px;
		height: 66px;
		z-index: inherit;
		border-radius: 100%;
		border: 2px solid #ccd0db;
		align-items: center;
		justify-content: center;
		animation: opacityFade 600ms 0s;
	}

	.m13Container__carouselPolygon__auxContainer__content__imgContainer img {
		width: 56px;
		height: 56px;
		object-fit: cover;
		border-radius: 100%;
	}

	.m13Container__carouselPolygon__auxContainer__content h2 {
		margin: 0;
		padding: 0;
		font-size: 30px;
		font-weight: 900;
		line-height: 3.625rem;
		width: auto;
		text-align: center;
	}

	.m13Container__carouselPolygon__auxContainer__content.expanded h2 {
		margin: 0;
		padding: 0;
		font-size: 30px;
		width: 100%;
		text-align: center;
	}

	.m13Container__carouselPolygon__auxContainer__content__text.expanded {
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px;
		/* 125% */
		letter-spacing: -0.2px;
	}

	.m13Container__carouselPolygon__auxContainer__content__arrow {
		display: block;
		font-size: 33px;
		font-weight: bold;
		color: white;
		cursor: pointer;
	}

	.m13Container__carouselPolygon__auxContainer__content__arrow.expanded {
		display: block;
		position: absolute;
		top: 20px;
		left: 20px;
		font-size: 20px;
		font-weight: bold;
		color: white;
		cursor: pointer;
	}

	.m13Container__carouselPolygon__auxContainer__content__arrow:hover {
		opacity: 0.8;
	}

	.m13Container__carouselPolygon__auxContainer__content__arrowRight {
		display: none;
	}
}

.section-m13-box-carousel .card-m13-box-carousel{
    width: 419px !important;
    height: 620px !important;
    max-height: inherit;
}
.section-m13-box-carousel .card-m13-box-carousel .bg-card img {
    height: calc(100% - 170px);
}
.section-m13-box-carousel .card-m13-box-carousel .bg-card .title{
    height: 170px !important;
}
.card-m13-box-carousel .front-card .info {
    padding: 35px !important;
}
.card-m13-box-carousel .front-card .info p {
    font-size: 20px;
    line-height: 1.3;
}

/* M13 icons */

/*.section-m13 .swiper-slide{*/
/*    width: 419px !important;*/
/*}*/

.section-m13 .card-m13{
    width: 100%;
    height: 100%;
}

.card-m13__content{
    gap: 4rem;
}

.card-m13 .bg-card img {
    width: 200px;
    height: 200px;
    padding: 0;
    margin-top: 0;
}

.card-m13 .bg-blue .product {
    position: static;
    margin: 0;
    padding: 0;
    color: var(--gray-4);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 112% */
    letter-spacing: -0.5px;
    text-transform: capitalize;
}

.card-m13 .bg-blue .product::after {
    display: none;
}

.card-m13 .front-card .info {
    padding: 30px;
}

.section-m13.icons .card-m13 .front-card .info p {
    font-size: 18px;
    line-height: 1.3;
}

/* M14 */
.m14-container .text-blue {
    color: var(--blue);
    font-size: 50px;
    font-weight: 300;
    line-height: 56px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.m14-container .text-blue strong {
    font-weight: 900;
}


.m14-container div .content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, max-content));
    gap: 40px;
}

.related-links img {
    width: 199px;
    height: 329px;
}


.related-links .container {
    padding: 0 20px; 
}


@media (max-width: 990px){
    .m14-container .text-blue {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 8px;
    }
}
@media (max-width: 767px){
    .m14-container div.content {
        display: flex;
        flex-direction: column;
    }
}


/* M15 */

.section__m15-card{
    background: var(--gray-4);
}

.section__m15-card .form-label{
    font-size: 14px;
}

.section__m15-card .form-control{
    border: 0.5px solid var(--gray-3);
}

.section__m15-card .form-control::placeholder{
    color: var(--gray-0);
    opacity: 1;
}

.section__m15-card a{
   color: var(--vibrant-blue);
   font-weight: 600;
}

.section__m15-card .input-checkbox a{
    color: var(--gray-0);
}

.section__m15-container{
    box-shadow: 0px 4px 20px 0px #0000001A;
    padding: 76px 80px 76px 80px;
}

.section-m15 table.table-border {
    border: 1px solid var(--gray-3);
}

.section-m15 table.table-border,
.section-m15 .input-radio-label {
    color: var(--blue);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.2px;
}

.section-m15 input[type="radio"] + label::before {
    width: 20px;
    height: 20px;
    background: var(--white);
    border: 1px solid var(--vibrant-blue);
}


.section-m15 input[type="radio"]:checked + label::after {
    left: 4.9px;
    top: 8.3px;
    background: var(--vibrant-blue);
}

.section-m15 table tr td {
     border-bottom: none; 
}

.section-m15 table .row-odd {
    background: var(--gray-4);
    border-top: 1px solid var(--gray-3);
    border-bottom: 1px solid var(--gray-3);
}

.section-m15 table tr:first-of-type td, .section-m15 table tr:last-of-type td {
     border-bottom: none; 
}

.section-form-m15 {
  background: var(--primary);
}

.section-form-m15 form {
  max-width: 1317px;
}

.form-label {
  font-size: 16px;
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1470px;
  }
}

.section__m15-card{
    background: var(--gray-4);
}

.section__m15-card .form-label{
    font-size: 14px;
}
.section__m15-card .form-control{
    border: 0.5px solid var(--gray-3);
    
}

.section__m15-card .form-control::placeholder{
    color: var(--gray-0);
    opacity: 1;
    
}
.input-checkbox-label::after .input-radio-label::after{
    background: var(--vibrant-blue);
}
.input-radio-label::after{
    background: white;
}

.section__m15-card a{
   color: var(--vibrant-blue);
   font-weight: 600;
}

.section__m15-card .input-checkbox a{
    color: var(--gray-0);
}

.section__m15-container{
    box-shadow: 0px 4px 20px 0px #0000001A;
    padding: 76px 80px 76px 80px;
}

.section-m66 .p.p--big {
    color: var(--blue);
    font-size: 25px;
    font-weight: 700;
    line-height: 28px; 
    letter-spacing: -0.5px;
    text-transform: capitalize;
}


.section-m66 .form-row,
.section-m76 .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.section-m66.hvc-poll-element .card-m66,
.section-m76 .card-m66,
.section-m15 .card-m66 {
    padding: 73px 111px 74px 111px;
}

@media(max-width: 500px) {
    .section-m66.hvc-poll-element .card-m66,
    .section-m76 .card-m66,
    .section-m15 .card-m66 {
        padding: 20px;
    }
}

.section-m66 input[type="radio"],
.section-m76 input[type="radio"] {
    display: none;
}

.section-m66 input[type="radio"] + label::before,
.section-m76 input[type="radio"] + label::before {
    content: "";
    display: inline-flex;
    width: 20px;
    height: 20px;
    background: var(--white);
    border: 1px solid var(--gray-1);
    margin-right: 8px;
}

.section-m66 input[type="radio"]:checked + label::before,
.section-m76 input[type="radio"]:checked + label::before {
    content: "\e963";
    align-items: center;
    justify-content: center;
    font-family: 'icons-teck' !important;
    background: var(--vibrant-blue);
    color: var(--white);
    border: none;
}

.section-m66 .p.p--medium.text-black-medium {
    display: flex;
    align-items: center;
    color: var(--gray-0);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.section-m66 .text-start.mt-3 {
    color: var(--gray-0);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px; 
    letter-spacing: -0.2px;
}

.section-m66 .text-start.mt-3 a {
    color: var(--vibrant-blue);
    text-decoration: none;
}

.section-m76 .form-label.text-black-medium {
    color: var(--blue);
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.5px;
}

.section-m76 .textarea-secondary {
    height: auto;
    border: 0.5px solid var(--gray-0) !important;
    min-height: 48px;
    max-height: 48px;
    background: rgba(242, 242, 242, 0.40);
}

.section-m76 .col-auto.mb-5.text-start h3 {
    color: var(--blue);
    font-size: 30px;
    font-weight: 700;
    line-height: 35px; /* 116.667% */
    letter-spacing: -1px;
}

.section-m76 .icon-arrow-double-down:before {
    font-size: 21px;
}

.section-m76 .form-control {
    height: 44px;
    padding: 12px;
    color: var(--gray-0);
    border-radius: 1px;
    border: 0.5px solid var(--gray-3);
    background: rgba(242, 242, 242, 0.40);
}

.section-m76 .form-select {
    height: 44px;
    padding: .375rem 2.25rem .375rem .75rem;
    color: var(--gray-0);
    border-radius: 1px;
    border: 0.5px solid var(--gray-3);
    /*background: rgba(242, 242, 242, 0.40);*/
}

.section-m15 table.table-border {
    border: 1px solid var(--gray-3);
}

.section-m15 table.table-border,
.section-m15 .input-radio-label {
    color: var(--blue);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.2px;
}

.section-m15 input[type="radio"] + label::before {
    width: 20px;
    height: 20px;
    background: var(--white);
    border: 1px solid var(--vibrant-blue);
}


.section-m15 input[type="radio"]:checked + label::after {
    left: 4.9px;
    top: 8.3px;
    background: var(--vibrant-blue);
}

.section-m15 table tr td {
     border-bottom: none; 
}

.section-m15 table .row-odd {
    background: var(--gray-4);
    border-top: 1px solid var(--gray-3);
    border-bottom: 1px solid var(--gray-3);
}

.section-m15 table tr:first-of-type td, .section-m15 table tr:last-of-type td {
     border-bottom: none; 
}


/* M16 */

.card-callout-v2 {
	max-width: 644px;
	max-height: 440px;
	flex-shrink: 0;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}

.card-callout-v2 .bg-card .title {
	background-color: var(--white);
	padding: 25px 20px;
}
.card-callout-v2 .bg-card .title p {
    color: var(--Primary-Dark-Blue-00, #001040);
    font-feature-settings: 'clig' off, 'liga' off;
    /* Body/XL/Body XL Bold */
    font-family: "Lota";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 140% */
    letter-spacing: -0.5px;
}

.card-callout-v2 .bg-card .title::after {
    display: none;
}

.card-callout-v2 .bg-card {
    border-radius: 0;
}

.card-callout-v2 .front-card .info{
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-callout-v2 .front-card .info .row{
    width: 424px;
    gap: 32px;
}

.card-callout-v2 .front-card .info .info-title{
    display: flex;
    max-width: 424px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
	font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 35px; 
    letter-spacing: -1px;
}

.card-callout-v2 .front-card .btn-primary {
    margin: 0;
	padding: 0 18px;
	min-height: 0;
	margin-top: 0;
}

.info .text-white .text-center {
    margin: 0;
}

/* V3 changes */

.section-m16--v3 .card-callout-v2{
    max-width: 419px !important;
    height: 641px !important;
}
.section-m16--v3 .card-callout-v3 .bg-card img{
    height: calc(100% - 112px);
}
.section-m16--v3.backward-compat .card-callout-v3 .bg-card img,
.section-m16--v3.backward-compat .card-callout-v2 {
    height: auto !important;
    object-fit: contain;
}
.section-m16--v3.backward-compat .card-callout-v2 .front-card .container {
    padding: 30px;   
}
.section-m16--v3 .card-callout-v2 .bg-card .title{
    padding: 0 38px 0 33px;
    height: 112px;
}

.section-m16--v3 .card-callout-v2 .bg-card .title p{
    color: #001040;
    font-feature-settings: 'clig' off, 'liga' off;
    /* 01 Display/H6/H6 BOLD */
    font-family: "Lota";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 112% */
    letter-spacing: -0.5px;
    text-transform: capitalize;
}
.section-m16--v3 .card-callout-v2 .bg-card .card-callout-v3-title{
    top:auto;
    bottom: 116px;
    left: 0;
    margin: 0;
    padding: 0 0 11px 33px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    align-items: end;
}
.section-m16--v3__secondary-text h3{
    color: var(--Primary-Dark-Blue-00, #001040);
    font-feature-settings: 'clig' off, 'liga' off;
    /* 01 Display/H4/H4BOLD */
    font-family: "Lota";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px; /* 116.667% */
    letter-spacing: -1px;
    text-transform: capitalize;
}
.section-m16--v3__secondary-text p{
    color: var(--Gray-Gray00, #334555);
    font-feature-settings: 'clig' off, 'liga' off;
    /* Body/XL/Body XL Regular */
    font-family: "Lota";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
    letter-spacing: -0.5px;
    text-transform: none;
}

.section-m16--v3 .card-callout-v2 .front-card .container {
    padding: 66px 37px;
}

.section-m16--v3 .card-callout-v2 .front-card h2 {
    color: var(--Gray-Gray04, #F6F9FE);
    font-feature-settings: 'clig' off, 'liga' off;
    /* 01 Display/H2/H2 */
    font-family: "Lota";
    font-size: 50px;
    font-style: normal;
    font-weight: 900;
    line-height: 56px; /* 112% */
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
}
.section-m16--v3 .card-callout-v2 .front-card h2:after {
    display: none;
}


.section-m16--v3 .card-callout-v2 .front-card h4 {
    color: var(--Gray-Gray04, #F6F9FE);
    font-feature-settings: 'clig' off, 'liga' off;
    /* 01 Display/H6/H6 BOLD */
    font-family: "Lota";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 112% */
    letter-spacing: -0.5px;
    text-transform: capitalize;
}
.section-m16--v3 .card-callout-v2 .front-card p {
    color: var(--Gray-Gray04, #F6F9FE);
    font-feature-settings: 'clig' off, 'liga' off;
    /* 01 Display/H6/H6 Regular */
    font-family: "Lota";
    /*font-size: 25px;*/
    font-style: normal;
    font-weight: 400;
    /*line-height: 36px;*/ /* 144% */
    letter-spacing: -0.5px;
}

/* M17 */

/* FAQ - Styles */
.section-m17__faq-nav-container {
    border-top: 1px solid black;
}

.nav-link.active .section-m17__faq-nav-item-icon {
    display: none;    
}

.section-m17 .nav-faqs .nav-link.active::after {
    content: "\e938" !important;
    
}
    
.section-m17__faq-nav-item-title {
    width: 90%;
}

.section-m17__faq-nav-item-active {
    font-size: 30px !important;
    font-weight: 300 !important;
    background-color: white !important;
    color: #001040 !important;
    border-bottom: 1px solid black;
    line-height: 35px !important;
}

.section-m17__faq-nav-item-active:hover, .section-m17__faq-nav-item-active.active {
    color: #3153E4 !important;
    font-size: 40px !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
    line-height: 43px !important;;
}

.section-m17__faq-nav-tab-content {
    background: #E8ECFF !important;
    color: #000 !important;
    font-size: 20px;
    font-weight: 400;
}

/* Mobile version */
.section-m17 .accordion-button:not(.collapsed) {
    background-color: white !important;
}

.section-m17 .accordion-button:not(.collapsed) p {
    color: #3153E4 !important;
    font-weight: 400 !important
}

.section-m17 .accordion-button:not(.collapsed) .icon-arrow-down {
    color: var(--primary);
}

.section-m17__faq-accordion-button {
    background: white;
    color: #001040 !important;
}

.section-m17__faq-accordion-title {
    color: #000 !important;
    font-weight: 300 !important;
}

.section-m17__faq-accordion-body {
    background-color: #E8ECFF !important;
}

/* FAQ - With Tables Styles */

.section-m17__tables-accordion-title {
    color: #334555 !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.5px;
}
    
.section-m17-tables .accordion-button:not(.collapsed) {
    background-color: white !important;
    box-shadow: none !important;
}

.section-m17-tables .accordion-button:not(.collapsed) p {
    color: #3153E4 !important;
    font-weight: 700 !important
}

.section-m17-tables .section-faq__accordion-body {
    background-color: white !important;
}

/* M18 */

.section-m18__title {
    color: var(--blue) !important;
    text-transform: uppercase;
}

.section-m18__card-membership {
    height: 100px !important;
    width: 200px !important;
    padding: 10px !important;
    margin: 10px !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.section-m18__image {
    filter: grayscale(1) !important;
}

.section-m18__mobile-img {
    display: inline-block;
    width: 50%;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
}

.section-m18__mobile-img .card-membership img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    width: 100%;
    height: 40px;
    object-fit: contain;
}

.section-m18__mobile-img .section-m18__card-membership {
    padding: 0 !important;
    margin: 0 !important;
}

/* M21 Downloads */

.section-m21__items-text {
    font-weight: 700 !important;
}

.section-m21__download-btn {
    font-size: 22px !important;
    font-weight: 600 !important;
    border: 2px solid var(--vibrant-blue) !important;
}

@media (min-width: 576px) { 
    .section-m21__items-text {
        text-overflow: ellipsis !important;
        white-space: normal !important;
    }
}


/* M25 */

.section-m25 .results{
    background: none;
}

.section-m25__results{
    font-weight: 700;
    font-size: 25px;
    color: var(--primary);
}
.section-m25__sort-by{
    background: #FAFAFA;
    border: 0.5px solid var(--gray-3);
    width: 250px;
}

.section-m25 .select-content .icon {
    font-size: 8px;
}

.section-m25__sort-by p{
    font-weight: 400 ;

}
.select-content .mainSelect + .select2-container .select2-selection--single{
    border: none;
}

.section-m25__filter{
   height: 500px; 
   background: var(--gray-4);

}

.section-m25__filter hr{
   background: var(--gray-3);

}

.section-m25__filter-title{
    font-size: 18px;
    font-weight:700 ;
    color: var(--primary);
}

.section-m25__years-title{
    font-size: 16px;
    font-weight: 700;
    color: var(--primary);
}

.section-m25__years-section{
    max-height: 314px;
    overflow: scroll;
    scrollbar-color: var(--primary) #8EA0ED99;
}

.section-m25__filter button{
   font-weight: 600;
}

.section-m25 .input-checkbox-label::before, .input-radio-label::before{
    border: 1px solid var(--gray-1);
}

.section-m25 .news-result:hover{
    background-color: var(--vibrant-blue-3);
}

.section-m25 .news-result .p{
    color: var(--copper);
    line-height: 22px;
    font-weight: 600;
}

.section-m25 .news-result .news-result__title{
    color: var(--primary);
    font-weight: 600;
    font-size: 25px;
    line-height: 28px;
}

.section-m25 .news-result img {
    background-color: var(--vibrant-blue);    
}

/* M29 - Text and image */

.border-box{
    border: solid 1px black;
}

h2.text-blue-m29{
  color:  var(--primary) !important;
  font-weight: 900;
  font-size: 50px;
}

h2.text-blue-m29 span{
  color:  var(--primary) !important;
  font-weight: 300;
  font-size: 50px;
}

.section-m29__text{
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
    width: 100%;
}

.section-m29__image img{
    width: 100%;
    height: 347px;
    object-fit: cover;
}

/* M29 - Text and image with Date */

.section-m29__card-date {
    color: var(--copper) !important;
}
.section-m29__card-description {
    padding-top: 24px;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -0.2px;
}
.section-m29__cta-button{
    color: var(--vibrant-blue);
}
.section-m29__container {
    width: 49% !important;
}

.section-m29__cta-button:hover{
    color: white;
}

.section-m29__btn-container{   
    align-self: end;
}

/* M29 Text and Image portrait */

.section-m29.portrait .m29__image {
	width: 404px;
    height: 428px;
    object-fit: cover;
}

@media (min-width: 768px) {
    .section-m29.portrait .m29__image{
        width: 100%;
        height: 100%;
    }
    .m29__align-items-center{
        width: auto !important;
        padding: 0;
    }
}

/* M29 */

.m29__bk__image {
    width: 550px;
    max-width: 100%;
    height: 500px;
    object-fit: cover;
}

@media(max-width: 500px) {
    .m29__bk__image {
        height: 400px;
    }
}

.section-m29--background {
    background-color: #E8ECFF;
}

/* M29 Left Gradient with Picture */

.m29-left-gradient .m29__container{
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 521px;
    padding: 0;
    margin: 0;
}
.m29__align-items-center{
    width: 100%;
    padding: 0;
    flex-direction: column;
    gap: 44px;
}
.m29__align-items-center h3{
    font-size: 50px;
    line-height: 56px;
    letter-spacing: -1px;
    text-transform: uppercase;
}
.m29__align-items-center p{
    color: var(--gray-0);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: -0.2px;
}
.m29-left-gradient .m29__gradient-shape__container{
    position: relative;
    display: flex;
    justify-content: end;
    margin: 0;
    padding: 0;
    height: 350px;
}
.m29-left-gradient .m29__img-container{
    clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
    width: calc(100% - 42px);
}
.m29__gradient-shape__container__bg{
    position: absolute;
    height: 290px;
    width: 100%;
    top: 0;
    right: 0;
    clip-path: polygon(12.6% 0, 100% 0, 100% 100%, 0% 100%);
}
.m29-left-gradient .m29__img-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 768px) {
    .portrait .m29__image {
         padding-left: 0; 
    }
}

/* M30 */

.section-race .section-race__info {
    padding-bottom: 0;
}

@media (max-width: 991px) {
    .section-race .section-race__info {
        margin-bottom: 30px;
    }
}

.section-race .swiper-slide {
    flex-direction: column;
    width: 788px;
    height: 481.401px;
}

.section-race .video-footer-container {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    background: var(--primary);
    padding: 0 25px;
}

.section-race .arrow-container {
    display: flex;
    gap: 46px;
}

.section-race .swiper-fraction .icon-arrow-left,
.section-race .swiper-fraction .icon-arrow-right {
    font-size: 28px;
    color: var(--white);
    background-color: transparent;
    font-weight: bold;
}

.section-race .swiper-fraction .race-swiper-top p {
    position: static;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--vibrant-blue-3);
    padding-left: 37px;
}

/* M31 Stories */

.section-m31 .border-box{
    border: solid 1px black;
}

.section-m31 .swiper {
	overflow: visible;
}

.section-m31 .swiper .swiper-wrapper .swiper-slide {
	transition: transform 0.2s ease-in-out;
}

.section-m31 .swiper .swiper-wrapper {
    z-index:0;
}

.section-m31 .swiper-wrapper .swiper-slide:hover {
	transform:translateY(-28px);
}

.section-m31 .card-story:hover .info {
	background-color: var(--vibrant-blue);
}

.section-m31 .custom-arrow::before{
    font-size: 35px;
    font-weight: bold;
    color: white;
    position: absolute;
    top: 26%;
    z-index: 2;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
}

.section-m31 .custom-left::before{
    left: 0;
}

.section-m31 .custom-right::before{
    right: 10px;
}

.section-race .swiper-fraction .swiper-pagination {
	background-color: var(--vibrant-blue);
}

.section-m31 .swiper-pagination-bullet,
.icmm-swiper .swiper-pagination-bullet {
    background-color: #F6F9FE;
    opacity: 0.9;
    border: 1px solid var(--vibrant-blue);
    filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.15));
}

.section-m31 .swiper-pagination-bullet-active,
.icmm-swiper .swiper-pagination-bullet-active {
	background-color: var(--vibrant-blue);
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.52));
	border: 1.5px solid white;
}

.section-m31 .custom-right::before {
    right: 10vw;
}

.section-m31 .custom-left::before {
    left: 10vw;
}

/* M32 - Floating News - Home */

@media(min-width: 1200px) {
    .section-m32 .swiper-slide {
        max-width: 296px;
    }
}

.section-m32__last-card-container{
    border-bottom: 1.5px solid var(--orange);
}
.section-m32__card-download {
    background-color: white;
}

.section-m32__card-date{
    color: #c7420b;
}

.section-m32__card-hover:hover .section-m32__card-date {
    color: white;
}

.section-m32__bg-card-date {
    background-color: var(--vibrant-blue-3);
}

.section-m32__text-card {
    line-height: 28px;
    letter-spacing: 0;
    text-transform: capitalize;
    padding: 5px;
    font-weight: 600;
}
.section-m32__card-hover:hover .section-m32__text-card {
    color: white;
}
.section-m32__body-card {
    -webkit-line-clamp: 3 !important;
    height: auto !important;
    min-height: 84px;
}

.section-m32__btn-container {
    justify-content: space-between;
}

.section-m32__download-btn-container {
    pointer-events: none;
}

.section-m32__download-btn {
    color: var(--vibrant-blue);
    border-radius: 50%;
    border: 2px solid var(--vibrant-blue);    
    padding: 2px;
    font-size: 30px !important
}

.section-m32__card-hover:hover .section-m32__download-btn{
    color: var(--vibrant-blue);
    background: white;
    border: 1px solid white;    
}

.section-m32__card-hover:hover .section-m32__bg-card-date {
    background-color: var(--blue);
}

.section-m32__card-hover:hover .section-m32__bg-card-content {
    background-color: var(--vibrant-blue) !important;
}

.section-m32__card-hover:hover .section-m32__title-card {
    color: white;
}

.section-m32_read-more-btn {
    line-height: 28px;
    letter-spacing: 0;
    text-transform: capitalize;
    padding: 5px;
    text-decoration: none;
    font-weight: 600 !important;
}

.section-m32__plain-title-card {
    text-decoration: none;
}

.section-m32__bg-empty-card{
    background-color: #F6F9FE;
}

.section-m32__swiper-btn .swiper-pagination {
    color: blue;
    position: static;
}

.section-m32__swiper-btn .swiper-pagination .swiper-pagination-bullet {
    background-color: white;
    border: 1px solid var(--vibrant-blue);
}

.section-m32__swiper-btn .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--vibrant-blue);
}

.section-m32__pag-arrow {
    color: blue;
}

.section-m32__btn-container .btn-download {
    min-height: 40px;
}

.section-m32__main-title {
    margin-top: -10px;
}

/*.section-m32__download-btn{
    border: 2px solid;
    padding: 4px;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
}*/

/* Full Width styles */

.section-m32__bg-items {
    background: var(--Vibrant-blue-03, #F8F9FF);
}

.section-m32__items-date {
    /* var from this font-size is not available */
    font-size: 16px;
    font-style: normal;
    /* applying class font-weight-700 was not working in span */
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.section-m32__items-read-more {
    /* var from this font-size is not available */
    font-size: 18px; 
    font-style: normal;
    /* applying class font-weight-600 was not working in span */
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.2px;
}
.section-m32__items-text {
    /* applying class font-weight-700 was not working in span */
    font-weight: 700;
}

@media (min-width: 576px) { 
    .section-m32__items-text {
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    .section-m32__news1-swiper:after,
    .section-m32__investors1-swiper:after {
        content: "";
        position: absolute;
        width: 100px;
        height: 100%;
        right: 0;
        top: 0;
        z-index: 10;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 100%);
        pointer-events: none;
    }
}

/* M33 */

.section-products .card-products .bg-card .product:after{
    display: none;
}
.section-products .card-products .bg-card .product{
    height: 86px;
    background: #fff;
    padding: 32px 40px;
}
.section-products .card-products .bg-card .product p{
    color: var(--blue);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 122.222% */
    letter-spacing: -0.2px;
}
.section-products .card-products{
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}
.section-products .card-products{
    height: 470px;
}

/* M34 */

.m34-anchor-title {
    display: flex !important;
    height: 237px !important;
    justify-content: center;
    align-items: center;
}

.m34-anchor-title .row {
    height: auto !important;
}

.m34-anchor-title span{
    color: var(--vibrant-blue) ;
}

.section-m34__title{
    font-size: 80px;
    font-weight: 300;
    line-height: 78px;
    color: var(--copper);
}
.section-m34__title span{
    font-size: 80px;
    line-height: 78px;
    font-weight: 900;
}

.section-m34__content{
    font-size: 25px;
    max-width: 563px;
}

.section-m34__announces{
    padding-top: 132px;
    padding-bottom: 132px;
    background: var(--gray-4);
}

.section-m34__overlay {
  position: relative;
}

.section-m34__overlay .multicards-alt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 1350px;
}

.section-m34__overlay .multicards-alt .multicards-card {
	width: 100%;
	min-height: 60px;
	-webkit-box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
	box-shadow: 0px 4px 30px rgba(209, 209, 209, 0.25);
	background-color: var(--white);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.section-m34__overlay .multicards-alt .multicards-card:hover{
    -webkit-box-shadow: 4px 4px 25px 0px rgba(142,160,237,1);
    -moz-box-shadow: 4px 4px 25px 0px rgba(142,160,237,1);
    box-shadow: 4px 4px 25px 0px rgba(142,160,237,1);

}

/*@media(min-width: 1200px) {
    .section-m34__overlay .multicards-alt .multicards-card.transform-top .m34-anchor-title {
        transform: translateY(67px);
    }
}*/

.multicards-card p{
    max-width: 260px;
}

.section-m34__overlay .multicards-alt .multicards-card {
	width: 270px;
	margin: 0 11px 15px;
}
	
@media (max-width: 1399px) {
    .section-m34__overlay .multicards-alt .multicards-card {
        width: 250px;
    }
}

@media (max-width: 1199px) {
	.section-m34__overlay .multicards-alt .multicards-card {
        width: 210px;
    }
}


.section-m34__overlay .multicards-alt .multicards-card .text p {
	display: block;
	color: var(--vibrant-blue);
	font-weight: 600;
}

@media (max-width: 991px) {
	.section-m34__overlay .multicards-alt .multicards-card .text p {
		max-height: 30px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

.section-m34__content.w-100 {
    min-width: 100%;
}

.section-m34__content p {
    font-size: 18px;
}

/*////Sustainability Block - Anchors*/


.section-m34-anchors__title h2{
    color: var(--primary);
    font-weight: 300;
}
.section-m34-anchors__title span{
    font-weight: 900;
}

.section-m34-anchors .multicards-card span .arrow-link{
    color: var(--vibrant-blue);
}

.section-m34-anchors .multicards-alt .multicards-card .arrow-link {
    height: 54px;
    width: 54px;
    background-image: url("/media/arrow-right.svg");
    background-repeat: no-repeat;
    background-size: 54px;
}
.section-m34__card p{
    max-width: 260px;
}
.section-m34__card{
    height: 180px;
}

.section-m34-tabs .multicards-alt .multicards-card .text{
    height: auto;
}

.section-m34-tabs .multicards-swiper{
    position: relative;
}

.section-m34-tabs .multicards-swiper .swiper-slide .multicards-card{
    width: 304px;
}

.section-m34-tabs .multicards-swiper .swiper-slide .multicards-card:hover{
    -webkit-box-shadow: 4px 4px 25px 0px rgba(142,160,237,1);
    -moz-box-shadow: 4px 4px 25px 0px rgba(142,160,237,1);
    box-shadow: 4px 4px 25px 0px rgba(142,160,237,1);
}

.section-m34-tabs .multicards-swiper .swiper-slide .multicards-card .text p{
    display: block !important;
    color: var(--vibrant-blue);
}

.section-m34-tabs .multicards-swiper .swiper-slide .multicards-card .icon{
    color:var(--vibrant-blue);
    font-size: 85px;
    margin-bottom: auto;
}

.section-m34-tabs .multicards-swiper .swiper-slide .multicards-card .text{
    height: auto;
}

.section-m34-tabs .swiper .icon-arrow-right {
    font-size: 50px;
    color: var(--vibrant-blue);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.section-m34-tabs .swiper .icon-arrow-left {
    font-size: 50px;
    color: var(--vibrant-blue);
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;

}

.section-m34-tabs .swiper-pagination-bullet{
    background-color: var(--gray-4);
    border: 1px solid var(--vibrant-blue);
    width: 20px;
    height: 20px;
    box-shadow: 3px 3px 8px 0px #0000001A;
}

.section-m34-tabs .swiper-pagination-bullet-active {

    background-color: var(--vibrant-blue);
    border: 1px solid white;
    width: 22px;
    height: 22px;
    box-shadow: 3px 3px 8px 0px #0000001A;

}

@media (max-width: 576px) {
     .section-m34-tabs .multicards-swiper .swiper-slide .multicards-card{
        width: 160px;
    }
        
      .section-m34-tabs .multicards-swiper .swiper-slide .multicards-card .text .p{
          font-size: 16px;
      }
      .section-m34-tabs .multicards-swiper .swiper-slide .multicards-card .icon{
          font-size: 48px;
      }
}

/* M43 */

/*Report Listing Box - Top 3*/

.section-m43--top3 .card-presentation{
    height: 268px;
    width: 312px;
}

.section-m43__card-presentation{
    background: white;
}

.section-m43__card-presentation:hover{
    background-color: white;

}
.section-m43__card-presentation:hover .time{
    color: var(--primary);
    
}

.section-m43__card-presentation .bg-card p{
    color: var(--primary);
    font-weight: 700;
    font-size: 25px;
    height: auto;
    
}

.section-m43__card-presentation .time{
    font-size: 18px;
}



.section-m43__card-presentation a{
    font-weight: 700;
}

.section-m43__card-presentation a:hover{
    font-weight: 700;
}

.section-m43--top3 .icon-arrow-left,
.section-m43--top3 .icon-arrow-right{
    position: absolute;
    top: 30%;
    font-size: 48px;
    color: var(--vibrant-blue);
}

.section-m43--top3 .icon-arrow-left{
    left: -56px;
}
.section-m43--top3 .icon-arrow-right{
    right: -56px;
}

/* M50 */
.card-m50--skin-one-no-image:before {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
    left: 8px;
    width: 94%;
    height: 75%;
	background-color: var(--primary);
	background-image: url("/media/teck_quarterly_cover.jpg");
}

.card-m50--skin-one-no-image .section-m43__card-button {
    position: absolute;
    right: -20px;
    top: 30px;
}

.card-m50--skin-one {
    height: 425px;
    width: 312px;
}

.card-m50--skin-one a {
    text-decoration: none
}

.card-m50--skin-one-mobile {
    width: 262px;
}

.card-m50--skin-one:hover {
    background-color: var(--vibrant-blue);
    /*transform: translateY(-20px);*/
}

.card-m50--skin-one:hover .time,
.card-m50--skin-one:hover .title,
.card-m50--skin-one:hover .download,
.card-m50--skin-one:hover .btn-link {
    color: white !important;
}

.card-m50--skin-one .time {
    font-weight: 400;
    color: var(--copper-2);
    font-size: 14px;
}

.card-m50--skin-one .title {
    line-height: 22px;
    font-size: 18px;
    text-align: left;
}

.card-m50-info-bottom {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.card-m50-info-top {
    position: absolute;
    top: 0;
    left: 0;
}

.section-m43__card-top {
    position: relative;
} 
.col-12 .section-m43__card-top img {
    max-width: 100%;
    width: min-content;
    max-height: 310px;
}

.col-12 .section-m43__card-top > .section-m43__image-container {
    padding: 10px 10px 0px 10px;
}

.section-m43__description-container {
    position: absolute;
    top: 75%;
    left: 0;
    opacity: 0;
    padding: 30px;
    text-align: left;
    color: #fff;
    transition: all .2s ease;
    background: var(--vibrant-blue);
    pointer-events: none;
    width: 100%;
    height: 100%;
    font-size: 18px;
}
.card-m50--skin-one:hover .section-m43__description-container {
    opacity: 1;
    top: 0;
}

.card-m50 {
    border-radius: 0px;
}

.section-m43__card-bottom {
    left: 15px;
}

.card-m50-info-top {
    
}

.section-43__card-info {
    position: absolute;
    left: 15px;
}

.section-m43__card-button {
    position: absolute;
    right: 5px;
}

.section-m43__card-button > .btn-download {
    height: 100%;
    width: auto;
}

.section-m43__card-button > .btn-download::after {
    opacity: 0;
}

.section-m43__card-button > .btn-download:hover, 
.section-m43__card-button > .btn-download:active,
.section-m43__card-button > .btn-download.show {
    border: 0;
    left: -1px;
    top: 1px;
}
 
.section-m43__card-button > .btn-download:hover::after, .section-m43__card-button .btn-download.show::after {
    width: 100%;
}

.section-m43__card-button .dropdown-menu {
    max-width: 265px;
}
.section-m43__card-button .dropdown-item {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* M54 */

.section__m54.section-m09__info{
    max-width: 750px;
}

.section__m54.section-m09__info p{
    font-size: 18px;
}

/* M55 - Fast Facts */

.section-m55 .slideshow-primary .swiper-slide {
    width: min-content;
    color: #fff;
}

.section-m55 .swiper-slide .swiper-slide-active {
    scale: 2;
}

.section-m55 .swiper-slide {
    display: flex;
    flex-direction: column;
    /*height: 641.42px;*/
    background: #fff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    transition: transform 0.3s ease-in-out, background 3s ease-in-out;
}

.section-m55 .container-slide-picture{
    width: 380px;
    height: auto;
    padding: 16px;
}

.section-m55 .title_container {
    display: flex;
    width: 382px;
    padding: 31px 16px 36px 16px;
    color: var(--vibrant-blue);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.5px;
    text-decoration: underline;
    transition: background 0.3s ease-in-out;
}

.section-m55 .title_container .title {
    min-height: 56px;
}

.section-m55 .swiper-slide:hover {
    transform: translateY(-39px);
    text-decoration: none;
}

.section-m55 .swiper-slide:hover .title_container {
    background: #3153E4;
    color: var(--white);
    padding-left: 40px;
    text-decoration: none;
}

.section-m55 .swiper .icon-arrow-left,
.section-m55 .swiper .icon-arrow-right {
    flex-shrink: 1;
    color: var(--white);
    filter: drop-shadow(0px 4px 6px #000);
    position: absolute;
    top: 313px;
    font-size: 3.5em;
    transition: scale 0.25s ease-in-out;
    z-index: 100;
}

.section-m55 .swiper .icon-arrow-left {
    left: 10vw;
}

.section-m55 .swiper .icon-arrow-right {
    right: 10vw;
}

.section-m55 .swiper .icon-arrow-left:hover, .section-m55 .swiper .icon-arrow-right:hover {
    opacity: 1;
    scale: 1.2;
}

.section-m55 .swiper-pagination-bullet {
    background: var(--white);
    height: 20px;
    width: 20px;
    fill: var(--gray-4);
    border: 1px solid var(--vibrant-blue);
    opacity: 0.9;
    filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.15));
}

.section-m55 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 22px;
    width: 22px;
    border: 3px solid var(--white);
    background: var(--vibrant-blue);
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.22));
}

.section-m55 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}

@media (max-width: 767px) {
    .section-m55 .swiper .icon-arrow-right,
    .section-m55 .swiper .icon-arrow-left {
        display: none !important;
        visibility: hidden !important;
    }
    .section-m55 .container-slide-picture{
        width: 278px;
    }
}

@media(min-width: 1200px) {
    .section-m55 .slideshow-primary:before,
    .section-m55 .slideshow-primary:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        height: 100%;
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        pointer-events: none;
        z-index: 2;
    }
    .section-m55 .slideshow-primary:after {
        left: auto;
        right: 0;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    }
}

.section-m55 .container-slide-picture {
    width: 292px;
    padding: 8px;
}
.section-m55 .title_container .title {
    font-weight: 700;
    letter-spacing: -0.2px; 
}
.section-m55 .container-slide-picture {
    width: 292px;
}

.section-m55 .swiper-slide:hover{
    background-color: var(--vibrant-blue);
    transform: translateY(-21px);
}

.section-m55 .swiper-slide{
    transition: transform 0.3s ease-in-out, background 0.3s ease-in-out;
}

.section-m55 .swiper-slide:hover .title_container {
  padding-left: 16px;

}

.section-m55 .swiper .icon-arrow-left,
.section-m55 .swiper .icon-arrow-right {
    color: var(--vibrant-blue);
    filter: none;
    top: 220px;
}

/* M57 */

.section-m57.section-financial-report .row-container {
    display: flex;
    max-width: 1320px;
}


.section-m57.section-financial-report .module-title {
    color: var(--vibrant-blue);
    font-size: 50px;
    font-style: normal;
    font-weight: 900;
    line-height: 55px;
    letter-spacing: -1px;
    text-transform: uppercase;
}
    
.section-m57.section-financial-report .nav-financial-report .nav-link {
    display: flex;
    box-shadow: none;
    justify-content: space-between;
    align-items: center;
    color: var(--blue);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -1px;
    margin-bottom: 0;
    padding: 24px 12px 24px 0px;
    min-width: 530px;
    height: auto;
    border-top: 1px solid #51728E;
    border-bottom: 1px solid #51728E;
    border-radius: 0;
}

.section-m57.section-financial-report .nav-financial-report {
    /*border-top: 1px solid #51728E;*/
}

/* Estilo para las celdas específicas que se cruzan */
.section-m57.section-financial-report .nav-financial-report .nav-link:first-child {
    border-top: none; /* Elimina el borde superior en todas las celdas excepto la primera */
}

.section-m57.section-financial-report .nav-financial-report .nav-link:not(:last-child) {
    border-bottom: none; /* Elimina el borde inferior en todas las celdas excepto la última */
}

.section-m57.section-financial-report .nav-financial-report .nav-link.active {
    background: inherit;
    color: var(--vibrant-blue);
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 48px;
    position: relative;
    border-top: 1px solid var(--vibrant-blue);
    border-bottom: 1px solid var(--vibrant-blue);
}


.section-m57.section-financial-report .nav-financial-report .nav-link.active::after {
    content: '';
    width: 50px;
    height: 50px;
    background: url('/media/arrow-right.svg') top right;
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0px;
    z-index: -1;
}

.section-m57.section-financial-report .nav-financial-report .nav-link.active .icon-arrow-right {
    display: none;
}


.section-m57 .tab-content .tab-pane:not(:first-child) {
    height: 100%;
    background: none;
}

/* Financial reports mobile*/

.section-m57.section-financial-report .accordion-item {
    background-color: var(--transparent);
    border-bottom: 1px solid var(--slate);
    border-top: 1px solid var(--slate);
    margin-bottom: -1px;
    border-radius: 0;
}


.section-m57.section-financial-report .accordion-button {
    background-color: transparent;
    box-shadow: none !important;
    color: var(--primary) !important;
    height: 86px;
}

.section-m57.section-financial-report .accordion-item .col-10 p {
    font-size: 25px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: -0.5px;
    text-transform: capitalize;
}
.section-m57.section-financial-report .accordion-body {
    padding: 15px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.section-m57.section-financial-report .accordion-body,
.section-m57.section-financial-report .item-related-source {
    background: inherit !important;
}

 .section-m57.section-financial-report .accordion-button:not(.collapsed) p { 
    color: var(--vibrant-blue);
    font-size: 30px;
    font-weight: 700;
    line-height: 35px; /* 116.667% */
    letter-spacing: -1px;
}

.section-m57 .icon-arrow-down::before {
    font-size: 14px;
    color: var(--vibrant-blue);
}


@media (max-width: 990px){
   .section-m57.section-financial-report .col-12.col-xxl-11 {
        padding-top: 35px;
    }
   /*.section-m57.section-financial-report .col-12.col-xxl-11:hover {*/
   /*     background: #F2F4F5;*/
   /* }*/
}

/* M60 */

.section-m60 .card-story{
    width: 400px;
}

.section-m60__card-top {
    height: 517px;
    background-color: var(--primary);
    width: 400px;
    padding: 10px 10px 0px 10px;
    background-color: var(--white);
}

.stories-swiper.with-numbers .card-story-number {
    top: 320px;
    left: 15px;
    font-size: 248px;
    font-weight: 900;
    line-height: .9;
    text-align: left;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 0px;
    pointer-events: none;
    z-index: 2;
}

.section-m60 .swiper-pagination-bullet{
    background-color: var(--gray-4);
    border: 1px solid var(--vibrant-blue);
    width: 20px;
    height: 20px;
    box-shadow: 3px 3px 8px 0px #0000001A;
    
}

.section-m60 .swiper-pagination-bullet-active{
    background-color: var(--vibrant-blue);
    border: 1px solid white;
    width: 22px;
    height: 22px;
    box-shadow: 3px 3px 8px 0px #0000001A;
}

.section-m60__card-top > img {
    width: 100%;
    height: 100%;
}

/* M64 */
/* Vertical Columns */

.section-m64__vertical-title {
    font-size: 30px !important;
    font-weight: 700 !important;
}
.nav-link.active .section-m64__vertical-title {
    color: #f6f9fe !important;
}

.section-m64__vertical-icon {
    font-size: 50px !important;
}

.section-m64__vertical-tab-bg {
    background-color: #f8f9ff !important;
}

.section-m64__vertical-tab-text {
    font-size: 20px;
    font-weight: 400;
}
.nav-link.active .section-m64__arrow-icon {
    display: none !important;
}

.section-m64__arrow-icon {
    font-size: 30px;
    color: var(--vibrant-blue);
}

.section-m64 .nav-tabs .nav-link.active::after {
    content: "\e938" !important;
    font-size: 50px !important;
    color: #f6f9fe !important;
}

.accordion-button.show .section-m64__vertical-accordion-title {
    color: white;
}

.section-m64__accordion-body {
    background-color: white !important;
    color: var(--primary) !important;
}

.section-m64__vertical-accordion-arrow {
    color: var(--vibrant-blue) !important;
}

.section-m64 .accordion-button:not(.collapsed) {
    background: var(--primary);
    color: white !important;
}

.section-m64 .accordion-button:not(.collapsed) p {
    color: white !important;
}

.section-m64 .accordion-button:not(.collapsed) span {
    color: white !important;
}

.section-m64 .accordion-button p {
    color: var(--primary);
}

.section-m64 .tab-content .btn-link {
    color: var(--vibrant-blue) !important;
}

.section-m64__read-more-btn {
    color: var(--vibrant-blue) !important;
}

/* M70 */
.m70__title__card {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary);
}

.m70__card__container a {
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}


.m70__title__container {
    background-color: white;
}

.m70__card__container a:hover{
    
    .m70__title__container{
        background-color: var(--vibrant-blue);
    }
   .m70__title__card{
        color: var(--white);
    }
    z-index:999;
    transform: translateY(-34px); /* Mover el contenedor hacia arriba */
    transition: transform 0.3s ease;
}

/* M88 */
.section-m88 .card-M88 {
    background-color: var(--vibrant-blue);
}

.section-m88 .p--medium {
    color: var(--orange);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.2px;
}

.section-m88 .btn-link {
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.2px;
}

.section-m88 .p--tiny {
    color: var(--white);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.section-m88 .title {
    color: var(--white);
    font-size: 25px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.5px;
    text-transform: capitalize;
}

/* M91 */

.section-m91 .tab-pane {
    padding: 46px;
    padding-left: 115px;
}

.section-m91 ul.nav.nav-pills.mb-4 {
    gap: 18px;
}

.section-m91 .nav-pills .nav-link {
    margin: 0;
    padding: 0;
    background: var(--white);
    border: 1px solid var(--sustainability);
    color: var(--gray-0);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.2px;
    padding: 4px 9px;
    height: 35px;
    margin-bottom: 18px;
}

.section-m91 .nav-pills .nav-link.active {
    color: var(--gray-0);
    background: var(--white);
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #3153E4;
}

.section-m91 .btn-primary:after {
    z-index: -1;
}

@media (min-width: 1400px) {
    .section-m91.container {
        max-width: 1420px;
    }
}

/* M93 */
.section-93__text{
    max-width: 750px;
}

.section-m09.section__m93 .layer-front{
    max-width: 65%;
}

/* M94 */

.card-benefit{
    width: 100%;
    height: 442px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    background: none;
    padding: 0;
    margin: 0;
    transition: all 400ms ease-in-out;
    cursor: pointer;
}
.card-benefit__img{
    width: 100%;
    height: 254px;
    background: var(--vibrant-blue-3);
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-benefit__img span{
    width: 171px;
    height: 174px;
    color: #001040;
}
.card-benefit__img .icon{
    margin: 0;
    padding: 0;
}
.card-benefit__img span::before{
    font-size: 174px;
    color: #001040;

}
.card-benefit__text{
    height: 188px;
}
.card-benefit__text p{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 10px;
    color: #001040;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.5px;
}

.card-benefit:hover{
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
    transform: translate(0px,-28px);
    transition: all 400ms ease-in-out;
    .card-benefit__img{
        background: var(--vibrant-blue);
    }
    .card-benefit__text{
        background: var(--vibrant-blue);
    }
    .card-benefit__text p,
    .card-benefit__img span::before{
        color: #fff;
    }
} 

/* M96 */

.m96-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.m96-section h1 {
    width: 100%;
    text-align: left;
    padding-left: 15%;
}

.m96-section__cards-container{
    display: flex;
    gap: 24px;
}
.m96-section__cards-container__blue-card{
    display: flex;
    max-width: 419px;
    min-height: 470px;
    height: 470px;
    padding: 64px 74px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background: var(--Primary-Dark-Blue-00, #001040);
}
.m96-section__cards-container__blue-card__title{
    color: var(--Secundary-Orange-00, #FF9040);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Lota";
    font-size: 50px;
    font-style: normal;
    font-weight: 900;
    line-height: 56px;
    letter-spacing: -1px;
}
.m96-section__cards-containerblue-card__content h2{
    color: var(--Primary-white, #FFF);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Lota";
    font-size: 20px;
    font-style: normal;
    line-height: 26px; 
    letter-spacing: -0.5px;
    text-transform: uppercase;
}
.m96-section__cards-containerblue-card__content{
    display: flex;
    flex-direction: column;
}

.m96-section__cards-container__product-card{
    display: flex;
    max-width: 419px;
    min-height: 470px;
    height: 470px;
    flex-direction: column;
    align-items: flex-start;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.m96-section__cards-container__product-card img{
    width: 100%;
    height: 155px;
    object-fit: cover;
}
.m96-section__cards-container__product-card__content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 26px 48px;
    height: 100%;
}
.m96-section__cards-container__product-card__content__text{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.m96-section__cards-container__product-card__content__text h3{
    color: #001040;
    font-size: 40px;
    font-weight: 900;
    line-height: 48px; /* 120% */
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}
.m96-section__cards-container__product-card__content__text p{
    color: #334555;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
}

.m96-section__cards-container__product-card-image{
    width: 100%;
}

@media(max-width: 500px) {
    .m96-section__cards-container__blue-card{
        min-height: 0;
    }
}

/* M97 */

.section-m97__title {
    color: var(--copper);
    letter-spacing: 0px; 
}

.section-m97__content p {
    font-size: 25px;
    max-width: 680px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: var(--blue);
}

.section-m97__announces {
    background-color: var(--gray-5);
}

@media (max-width: 576px) {
    .section-m97__title {
        font-size: 40px;
        line-height: 43px;
    }
    .section-m97__content p {
        font-size: 18px;
        line-height: 24px;
    }
    .section-m97__announces .btn-large {
        height: 39px;
        line-height: 39px;
        margin-left: 5px;
    }
}

/* M98 */


.m98__section__article-container{
    background: var(--gray-4);
    padding: 50px 47px;
    width: 1091px;
    gap: 53px;
    position: relative;
}
.m98__image-container img{
    width: 399px;
    height: 100%;
    object-fit: cover;
}
.m98__image-container svg{
    display: none;
}
.m98__section__article-container h2{
    margin-top: 55px;
    color: var(--blue);
    font-size: 50px;
    font-style: normal;
    line-height: 56px; 
    letter-spacing: -1px;
    text-transform: capitalize;
}
.m98__section__article-container p{
    max-width: 426px;
    color: var(--gray-0);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; 
}
.m98__section__article-container svg{
    position: absolute;
    right: 50px;
    bottom: 50px;
    cursor: pointer;
}
.m98__section__article-container svg:active{
    opacity: 0.8;
    transform: scale(0.9);
}
.m98__section__article-container__polygon{
    position: absolute;
    width: 188px;
    height: 495px;
    background: var(--blue);
    right: 0;
    bottom: 0;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%);
}
@media(max-width:1200px){
    .m98__section__article-container{
        flex-direction: column;
        width: 375px;
        padding: 79px 18px;
    }
    .m98__section__article-container__polygon{
        display: none;
    }
    .m98__image-container {
        display: flex;
        gap: 33px;
        align-items: flex-end;
    }
    .m98__image-container img{
        width: 243px;
    }
    .m98__image-container svg{
        display: block;
        position: static;
    }
}

/* News details - Story details*/

.section-TK22-components.news .date-social-container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.section-TK22-components .row-header {
    height: 44px;
    padding: 0 16px;
    background: #E8ECFF;
    align-items: center;
}

.section-TK22-components .row-header .text-link-header {
    color: var(--black);
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    line-height: 26px; /* 130% */
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

.section-TK22-components .row-header .btn-link {
    padding: 16px 17px 16px 0;
    color: var(--vibrant-blue);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.2px;
}

p.article-date {
    color: var(--gray-1);
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 144% */
    letter-spacing: -0.5px;
}

.news .news__social .icon {
    margin-bottom: 0px;
}

.section-TK22-components.news .article-title h1 {
    color: var(--primary);
    font-size: 50px;
    font-style: normal;
    line-height: 56px;
    font-weight: 900;
    letter-spacing: -1px;
    text-transform: capitalize;
    margin: 64px 0px 32px 0;
}

.news .article-title h1 strong,
.news .article-title h1 b {
    font-weight: 900;
}

.news .btn-dl-container {
    margin-bottom: 64px;
}

.news .author {
    color: #334555;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.2px;
}

/* Financial reports desktop*/

.section-TK22-components.card-reports {
    padding: 0px;
    max-width: 100%;
    box-shadow: none;
}

.section-TK22-components .container-info {
    height: 298px;
    background: var(--gray-4);
    padding-top: 10px;
    margin-top: 10px;
    display: flex;
    width: 100%;
    position: relative;
}

.section-TK22-components .card-reports__img {
    width: auto;
    height: auto;
    margin: 0;
}

.section-TK22-components .card-reports__img img{
    width: 217px;
    height: 276px;
    margin: 0px 0 16px 15px;
}

.section-TK22-components .card-reports__info {
    margin: 60px 0 0 60px;
}

.section-TK22-components .card-reports__info .text-date {
    color: var(--copper);
    margin-bottom: 20.36px;
}

.section-TK22-components .card-reports__info .title {
    color: var(--primary);
    font-size: 40px;
    font-weight: 100;
    line-height: 43px; /* 107.5% */
    letter-spacing: -1px;
}

.section-TK22-components .dnl-btn,
.container-info-mobile .dnl-btn {
    width: 55.779px;
    height: 56px;
    position: absolute;
    right: 26px;
    bottom: 17px;
    color: var(--vibrant-blue);
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid var(--vibrant-blue);
    text-decoration: none;
}
.section-TK22-components .dnl-btn span{
    font-size: 40px;
}

.section-TK22-components .vector-diagonal {
    height: 100%;
    border-top: 288px solid transparent;
    border-right: 130px solid var(--primary);
    margin-left: auto;
}

.section-m57.section-financial-report .nav-financial-report .nav-item:first-child .nav-link.active  {
    border-top: 1px solid var(--vibrant-blue);
    border-bottom: 1px solid var(--vibrant-blue);
}

.section-m57.section-financial-report .nav-financial-report .nav-item .nav-link.active {
    border-top-color: var(--vibrant-blue) ;
    border-bottom: 1px solid var(--vibrant-blue);
    margin-top: -1px;
}

.nav-item .icon-arrow-right {
    font-size: 22px;
}

.tabs-report-section .date-dnl-btn {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

.tabs-report-section .date-dnl-btn .time {
    color: var(--gray-1);
    font-size: 25px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.5px;
}

.tabs-report-section .dropdown.text-center {
    width: 55.8px;
    height: 56.3px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--vibrant-blue);
    border-radius: 50%;
}

.tabs-report-section .dropdown.text-center .btn-download .download {
    font-size: 40px;
    color: var(--vibrant-blue);
}

.tabs-report-section .btn-download:hover, .btn-download.show {
    border: none;
}

.tabs-report-section .btn-download:hover::after, .btn-download.show::after {
    opacity: 0; 
}

.tabs-report-section .col-m3 .p--medium {
    color: var(--gray-0);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.tabs-report-section .btn-link {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 40px;
}


/* Financial reports mobile*/

.container-info-mobile {
    padding: 0;
}

.container-info-mobile .row-header{
    background: #E8ECFF;
}

.container-info-mobile .text-link-header {
    color: var(--black);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px; 
    letter-spacing: -0.2px;
    padding: 16px 0 16px 16px;
}
.container-info-mobile .btn-link {
    color: var(--vibrant-blue);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px; 
    padding: 16px 17px 16px 0;
}
.container-info-mobile .card-reports-info .title {
    color: var(--blue);
    font-size: 30px;
    font-weight: 300;
    line-height: 35px; 
    letter-spacing: -1px;
    padding-top: 30px;
}


.container-info-mobile .image-header.card-reports-img {
    padding-top: 14px;
    width: 236px;
    height: 302px;
    margin: 0 ;
}

.container-info-mobile .dnl-btn {
    right: 0px;
    bottom: 42px;
    font-size: 40px;
}

/* Events Calendar */

.event-datepicker .datepicker {
    background: #F6F9FE;
    margin-bottom: 3rem;
}
.event-datepicker #datepicker {
    max-width: 100%;
}
 
.event-datepicker .datepicker .prev,
.event-datepicker .datepicker .prev:hover,
.event-datepicker .datepicker .prev:focus,
.event-datepicker .datepicker .next,
.event-datepicker .datepicker .next:hover,
.event-datepicker .datepicker .next:focus {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    position: relative;
    text-indent: 0;
    color: transparent;
}

.event-datepicker .datepicker .prev:after,
.event-datepicker .datepicker .next:after {
    content: "\e904";
    font-family: 'icons-teck' !important;
    display: inline-block;
    width: 25px;
    height: 25px;
    color: var(--vibrant-blue);
}

.event-datepicker .datepicker .prev:after {
    transform: rotate(-180deg);
}

.event-datepicker .datepicker .datepicker-switch,
.event-datepicker .datepicker-months .month,
.event-datepicker .datepicker-years .year {
    color: var(--gray-0);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.2px;
}

.event-datepicker .datepicker-months .month,
.event-datepicker .datepicker-years .year {
    display: inline-block;
    width: 100px;
    padding: 25px;
}

.event-datepicker .datepicker table thead tr .dow {
    color: var(--vibrant-blue);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.2px;
}


.event-datepicker .old {
    color: var(--gray-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px; /* 125% */
    letter-spacing: -0.2px;
}

.event-datepicker ul li.active a, .event-datepicker ul li.active span {
    margin: 0 0 30px;
    color: var(--blue);
    font-size: 50px;
    font-weight: 300;
    line-height: 56px;
    letter-spacing: -1px;
    text-transform: uppercase;
}
.event-datepicker ul li.active a, .event-datepicker ul li.active span strong {
    font-weight: 900;
}

.event-datepicker .m26-mmonth {
    width: 66px;
    height: 24.75px;
    color: #fff;
    text-transform: uppercase;
    background: var(--blue);
    color: var(--white);
    font-size: 18px;
    font-weight: 900;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.2px;
}

.event-datepicker .m26-date {
    width: 66px;
    height: 39.6px;
    background: #E8ECFF;
    padding: 6.6px 0px 8.5px 0;
    color: var(--blue);
    font-size: 30px;
    font-weight: 900;
    line-height: 35px;
    letter-spacing: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.event-datepicker .datepicker td, .event-datepicker .datepicker th {
    min-width: 34px;
    min-height: 35px;
    border: none;
    color: var(--gray-0);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.event-datepicker .datepicker table tr td.active:hover, 
.event-datepicker .datepicker table tr td.active:hover:hover, 
.event-datepicker .datepicker table tr td.active.disabled:hover, 
.event-datepicker .datepicker table tr td.active.disabled:hover:hover, 
.event-datepicker .datepicker table tr td.active:active, 
.event-datepicker .datepicker table tr td.active:hover:active, 
.event-datepicker .datepicker table tr td.active.disabled:active, 
.event-datepicker .datepicker table tr td.active.disabled:hover:active, 
.event-datepicker .datepicker table tr td.active.active, 
.event-datepicker .datepicker table tr td.active:hover.active, 
.event-datepicker .datepicker table tr td.active.disabled.active, 
.event-datepicker .datepicker table tr td.active.disabled:hover.active, 
.event-datepicker .datepicker table tr td.active.disabled, 
.event-datepicker .datepicker table tr td.active:hover.disabled, 
.event-datepicker .datepicker table tr td.active.disabled.disabled, 
.event-datepicker .datepicker table tr td.active.disabled:hover.disabled, 
.event-datepicker .datepicker table tr td.active[disabled], 
.event-datepicker .datepicker table tr td.active:hover[disabled], 
.event-datepicker .datepicker table tr td.active.disabled[disabled], 
.event-datepicker .datepicker table tr td.active.disabled:hover[disabled] {
    background: var(--vibrant-blue);
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.2px;
}

/* Board of Directors */

/* Board of Directors styles */
.section-bod__card-description {
    color: #C7420B;
    font-size: 14px;
    line-height: 20px;
    min-height: 40px;
}

.section-bod__card-title {
    /* applying class font-weight-700 was not working in p element */
    font-weight: 700;
    font-size: 18px;
    font-style: normal;
    line-height: 22px;
    letter-spacing: -0.2px;
    margin: 2px 0 2px 0 !important;
}

.section-bod__card-img {
    height: 360px !important;
}

.section-bod__card-btn {
    display: none;
}

.section-bod__card-hover:hover .bg-body {
    background-color: var(--vibrant-blue) !important;
    margin-top: -24px;
    z-index: 2;
    position: relative;
}

.section-bod__card-hover:hover * {
    color: white;
}

.section-bod__card-hover:hover .section-bod__card-btn {
    display: block;
    color: white;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; 
    letter-spacing: 0.2px;  
    margin-top: 0px !important;
}

/* Dark Site - Issues */

.section-darksite-issues__content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.section-darksite-issues__card-title{
    font-size: 30px !important;
}

.section-darksite-issues__card-body{
    color: #334555;
    font-size: 20px;
    font-weight: 400 !important;
}

@media (min-width: 992px) {
    .section-darksite-issues__content:after {
        background-color: #FF9040 !important;
        width: 1px !important;
        height: 100% !important;
    }
}

/* Pillars */
.pillar__section-arrow {
    background-color: #7B61FF;
}

.pillars__section-bg-image {
    background: var(--gradient-copper-01);
    background-position: top right;
    background-size: 150%;
}

.pillars__section-main-title {
    font-weight: 700 !important;
    font-size: 90px !important;
    color: white !important;
}

.pillars__section-description {
    font-weight: 300 !important;
    font-size: 65px !important;
    color: #F6F9FE !important;
}

.pillars__section-description span,
.pillars__section-description b {
    margin-top: 8px;
    letter-spacing: -1px;
    font-size: 65px;
    font-weight: 900 !important;
}

.pillars__section-secondary-title {
    line-height: 26px !important; 
    letter-spacing: -0.5px !important;
}

.pillars__section-content {
    font-weight: 400 !important;
}

.pillars__section-article-container {
    margin-top: -55px;
}

.pillars__section-article-title {
    color: var(--orange);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px !important;
    line-height: 26px !important; 
    letter-spacing: -0.5px !important;
}

.pillars__section-article-bg {
    background-image: url(/media/pillars-card-bg.svg);
    background-size: 100%;
    height: 84px;
}

.pillars__section-article-description {
    font-weight: 400;
    font-size: 20px !important;
    color: var(--gray-0);
    min-height: 150px;
}

@media (max-width:768px)  {
    .pillars__section-article-container {
        margin-top: 25px;   
    }
    .pillars__section-article-description {
        min-height: 0;
    }
}


@media (max-width:768px)  {
    .pillars__section-description {
        line-height: 55px;  
        font-size: 50px !important;
    }
}

/* SDG */
.section-goals__description {
    color: #000;
    font-size: 18px;    
}

.section-goals__title span {
    font-weight: 700 !important;
}

/* Dark Site Carousel */

.section-ds__carousel-card-date {
    color: #3153E4;
    font-weight: 400;
    font-size: 25px;
}

.section-ds__carousel-card-description {
    font-size: 18px;
    color: #334555;    
}

/* Dark Site Carousel Updates */

.section-ds__updates-date {
    font-weight: 400 !important;
    font-size: 14px !important;
}

.section-ds__updates-latest {
    font-weight: 700 !important;   
    font-size: 14px !important;
}

.section-ds__updates-description {
    font-weight: 400 !important; 
    font-size: 20px !important;
    color: #334555;
}
.section-ds__updates-items-bg:hover {
    background-color: #F8F9FF !important;    
}

.section-ds__updates-items-bg {
    border-bottom: 2px solid #F8F9FF !important;    
}

.section-ds__updates-items-link {
    text-decoration: none;
}

.section-ds__updates-items-date {
    color: #C7420B !important; 
    font-size: 16px !important;
    font-weight: 700 !important;
}

.section-ds__updates-items-title {
    font-size: 25px !important;
    font-weight: 700 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
           line-clamp: 2; 
    -webkit-box-orient: vertical;

    text-overflow: ellipsis;
    overflow: hidden;
}

/* TK - Teck Possibilities Fund Application */

.section-aform .form-control {
    font-size: 16px !important;
    font-weight: 400 !important;
    border: 1px solid #ADBEC9;   
    padding: 25px 15px;
    margin-bottom: 3px;
    border-radius: 0px;
    background-color: #F2F2F266;
}

.section-aform__question-title h4 {
    font-weight: 400;
    font-size: 14px !important;
    color: var(--gray-0) !important;
    margin-top: 0.5rem;
}

.section-aform .type-label {
    font-size: 16px;
    padding: 0 0.5rem;   
    color: #001040;
}

.section-aform input[type='radio'] { 
    transform: scale(1.5) !important; 
 }
 
 .section-aform textarea {
    overflow: hidden;
}

/* Tk19 Form */

.ms-container .ms-list{
    border-color: 1px solid var(--gray-3);
    border-radius: 0;
    scrollbar-color: var(--primary) #8EA0ED99;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
    padding: 16px;
    font-size: 18px;
    color: var(--primary);
}

.section-tk19-form .form-group p{
    font-size: 25px;
}

.textarea-secondary{
    border: 0.5px solid var(--gray-3);
}
.textarea-secondary::placeholder{
    opacity: 1;
    color: var(--gray-1);
}

.section-tk19-form .form-group label{
    font-size: 14px
}

.section-tk19-form .form-control{
    border: 0.5px solid var(--gray-3);
    background: #F2F2F266;
}

.section-tk19-form .select-wrap {
    border: 0.5px solid var(--gray-3);
}

.section-tk19-form .section-PIF__recaptcha  a{
    color: var(--vibrant-blue);
    font-weight: 600;
}

.section-tk19-form .ms-container{
    background: url("/media/Two arrow.png") 50% 50% no-repeat;
}

/* Presentation Archives */

.presentations-webcasts .event-content {
    display: flex;
    gap: 24px;
}

.presentations-webcasts .event-month,
.presentations-webcasts .event-day {
    display: flex;
    width: 66px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    text-align: center;
    font-weight: 900;
}

.presentations-webcasts .event-month {
    font-size: 18px;
    line-height: 24px; /* 133.333% */
    color: var(--white);
    height: 24.75px;
    letter-spacing: -0.2px;
    background: var(--blue);
    text-transform: uppercase;
    
}
.presentations-webcasts .event-day {
    color: var(--blue);
    font-size: 30px;
    line-height: 35px;
    letter-spacing: -1px;
    background: var(--vibrant-blue-3);
    margin-top: 0;
    padding-top: 6.6px;
    padding-bottom: 8.25px;
}

.presentations-webcasts .event-title {
    color: var(--blue);
    font-size: 25px;
    font-weight: 700;
    line-height: 28px; /* 112% */
    letter-spacing: -0.5px;
    text-transform: capitalize;
    text-decoration: none;
}

.presentations-webcasts .event-description {
    color: var(--blue);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.2px;
    margin-top: 28px;
}

.presentations-webcasts .col-auto.py-4.px-4 {
    border-bottom: 1px solid var(--vibrant-blue-3);
}
.presentations-webcasts .col-auto.py-4.px-4:hover {
    background:#F8F9FF;
}

@media (max-width: 767px) {
    .presentations-webcasts .event-content {
        flex-direction: column;
    }
}

.presentations-webcasts .archive-date {
    color: var(--copper);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px; /* 125% */
    letter-spacing: -0.2px;
}

.presentations-webcasts .archive-title {
    color: var(--blue);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.5px;
    text-transform: capitalize;
    text-decoration: none;
}

/* VALUE CHAIN MODULE */

.section-value-chain h3::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    background: var(--transparent);
    background-color: var(--transparent);
    z-index: 0;
    left: 0px;
    transform: none;
}

.section-value-chain .column-0 h3:after, 
.section-value-chain .column-1 h3:after, 
.section-value-chain .column-2 h3:after {
    background: var(--transparent);
} 

.section-value-chain .container-mobile .column-0 .column-body,
.section-value-chain .container-mobile .column-1 .column-body,
.section-value-chain .container-mobile .column-2 .column-body {
    background:  #d8defa;
}
.section-value-chain .container-desktop .column-0 .column-body,
.section-value-chain .container-desktop .column-1 .column-body,
.section-value-chain .container-desktop .column-2 .column-body {
    opacity: 0.3;
    background-color: #8EA0ED;
}

.section-value-chain .container-desktop div.active .column-body {
    height: 312px;
}

.section-value-chain .container-desktop .column-0.active .column-body,
.section-value-chain .container-desktop .column-1.active .column-body,
.section-value-chain .container-desktop .column-2.active .column-body {
    opacity: 1;
    background: var(--vibrant-blue);
}

.section-value-chain h3 span {
    color: var(--blue);
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: -1px;
}
.section-value-chain .container-desktop .column-0.active h3 span,
.section-value-chain .container-desktop .column-1.active h3 span,
.section-value-chain .container-desktop .column-2.active h3 span {
    color: var(--vibrant-blue);
}

.section-value-chain .container-desktop .item:hover .circle {
    box-shadow: none;
    transform: scale(1);
}

.section-value-chain .item.active .circle {
    background: none;
}

.section-value-chain .item-0.active .circle,
.section-value-chain .item-1.active .circle {
    background: #000F7B;
}

.section-value-chain .item-2.active .circle,
.section-value-chain .item-3.active .circle {
    background: #0065BD;
}

.section-value-chain .item-4.active .circle, 
.section-value-chain .item-5.active .circle {
    background: #377283;
}


.related-article-container .text-orange-article{
    color: var(--copper);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.value-chain-modal h4 {
    color: var(--blue);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 130% */
    letter-spacing: -0.5px;
}

.value-chain-modal .icon-close {
    font-weight: bold;
}


.value-chain-modal-link:after {
    content: "\e904";
    font-family: 'icons-teck' !important;
    display: inline-block;
    width: 0px;
    height: 25px;
    color: var(--vibrant-blue);
    background: none;
    font-weight: bold;
}

.section-value-chain .container-desktop, .section-value-chain .container-mobile {
    background: #F8F9FF;
}

.section-value-chain .item .circle img {
    object-fit: cover;
    width: auto;
}

.value-chain-modal img {
    height: auto;
}

/* Climate Change Pathway */

.climate-change {
    background: white;
}

.climate-change .filters label {
    opacity: 1;
    font-size: 25px;
    font-weight: 400;
}

.climate-change .filters .btn-link {
    font-size: 14px;
}

.climate-change .filters .categories button span {
    background-color: #01744C
}

.climate-change .filters .categories button {
    padding: 0px 11px;
    border: 1px solid #8089A5;
}

.climate-change .filters .categories .marker:after {
    background: var(--vibrant-blue);
    box-shadow: 2px 0 0 var(--vibrant-blue), 4px 0 0 var(--vibrant-blue), 4px -2px 0 var(--vibrant-blue), 4px -4px 0 var(--vibrant-blue), 4px -6px 0 var(--vibrant-blue), 4px -8px 0 var(--vibrant-blue);
}

.climate-change .filters .categories button.btn-active{
    padding-right: 20px;
    border-color: var(--vibrant-blue);
}

.climate-change .filters .categories .marker {
    background: transparent;
    box-shadow: none;
    width: 0;
}


.climate-change .filters .categories button.btn-active:after{
    content: '';
    margin-left: 10px;
    width: 2px;
    height: 2px;
    background: var(--primary);
    box-shadow: 2px 0 0 var(--primary), 4px 0 0 var(--primary), 4px -2px 0 var(--primary), 4px -4px 0 var(--primary), 4px -6px 0 var(--primary), 4px -8px 0 var(--primary);
    transform: rotate(45deg);
}

.climate-change h3 {
    color: var(--vibrant-blue);
    font-size: 25px;
    font-weight: 700;
}

.climate-change h3:before {
    width: 0px;
}

.climate-change .line {
    border: none;
    opacity: 1;
    width: 100%;
    position: absolute;
    height: 1px;
    background: var(--vibrant-blue);
    margin-left: 8px;
}

.climate-change .years:before {
    width: 1px;
    background: var(--vibrant-blue); 
    opacity: 0.5;
}

.climate-change .climate-title {
    font-size: 30px;
    padding: 24px 16px;
}

.climate-change .select-content {
    border-radius: 1px;
    border: 0.5px solid #BDBDBD;
    background: rgba(242, 242, 242, 0.40);
    width: 200px;
}

.climate-change .select-content .mainSelect+.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    font-weight: 400;
}

.climate-change .select-content .icon {
    font-size: 8px;
}

.climate-change .item .col-1 {
    width: 5%;
    position: relative;
}

.climate-change article {
    background: #F6F9FE;
    border: none;
    margin-bottom: 10px;
}

.climate-change article a .icon-arrow-right:hover, .climate-change article a:hover {
    color: var(--white);
    opacity: 1;
}

.climate-change .icon-arrow-right:before {
    font-size: 20px;
    font-weight: 900;
}

@media(max-width: 1400px) {
    .climate-change .select-content {
        width: 150px;
    }    
}

@media(max-width: 768px) {
    .climate-change .select-content {
        width: 100%;
    }
    
    .climate-change .years {
        margin-left: 0px !important;    
    }
    
    .climate-change .climate-title {
        font-size: 25px;
    }
}

/* PODCASTS */

.podcast__card:hover {
     transform: translateY(-36px); 
    transition: transform 0.3s ease; 
    
}
.podcast__card:hover .info{
    background-color: var(--vibrant-blue);
}

.podcast__intro__blue-container {
    min-width: 57%;
    display: flex;
    align-items: center;
}

.section-m02--podcast {
    height: auto;
}

.section-m02--podcast .layer-bg {
    
}

@media screen and (min-width: 992px) {
    .section-m02--podcast .section-m02--podcast .layer-bg {
        width: 100%;
    }
}

.podcast__text-copper{
    color: var(--copper);
}

.podcast__description {
    color: var(--primary);
}

.section-m71__text-description p{
    color: #000;
    font-size: 18px;
    line-height: 24px;
}
.section-m71 .image-container{
    max-width: 561px;
    max-height: 643px;
    position: relative;
}

.section-m71 .image-container img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.section-m71 .cite-container{
    bottom: 0;
    left: 0;
    margin: 0;
}
.section-m71 .cite-container{
    position: absolute;
    width: 114.97%;
    max-height: 38%;
    height: 233px;
    clip-path: polygon(0 0, 100% 0, 86.7% 100%, 0% 100%);
    padding: 0 calc(14.97% + 5%) 0 18%;
}
.section-m71 .cite-container cite{
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: -0.2px;
}
.cite-container__quotation-mark-left{
    position: absolute;
    left: 50px;
    top: 50px;
}
.cite-container__quotation-mark-right{
    margin-top: 24px;
    margin-left: 8px;
}

@media (max-width: 545px) {
    .section-m71 .image-container{
        height: 600px;
        max-height: none;
        overflow: hidden;
    }
    .section-m71 .cite-container{
        padding: 0 calc(14.97%) 0 50px
    }
    .cite-container__quotation-mark-left{
        position: absolute;
        left: 10px;
        top: 15px;
    }
    .cite-container__quotation-mark-right{
        margin-top: 0;
        margin-left: 8px;
    }
}

.podcast__text-copper{
    color: var(--copper);
}

.podcast__description {
    color: var(--primary);
}

.info-container .controls{
    height: 47px;
    width: 47px;
    fill: red;
}



.floating-menu__btn {
	background-color: var(--vibrant-blue); /*---------------*/
}

.floating-menu__btn .p { /*------*/
    font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.5px;
}

.floating-menu__btn .icon {
	font-weight: 900;
}

.floating-menu__btn .icon:before {
	content: "_";
}


.floating-menu__btn.collapsed .icon:before {
	content: "\e91d";
}


/*.floating-menu__btn .icon:before,*/
/*.floating-menu__btn.collapsed .icon:before {*/
/*	width: 25px;*/
/*	height: 25px;*/
/*	background: var(--transparent);*/
/*	border: 1px solid black;*/
/*	display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    border-radius: 50%;*/
/*}*/



.floating-menu__link,
.floating-menu .accordion .accordion-item .accordion-button {
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	letter-spacing: -0.2px;
}

.floating-menu .accordion .accordion-item .accordion-button+button:not(.collapsed) {
	color: var(--vibrant-blue); /*---------------------*/
}

.floating-menu .accordion .accordion-item .accordion-body {
	background-color: var(--vibrant-blue); /*--------------*/
}