.container {
    @include breakpoint(xx-large) {
        max-width: 1366px;
    }
}

section {
    .row {
        &.row-gap-50 {
            @include breakpoint(ipad-min) {
                gap: 15px 0px;
            }

            @include breakpoint(ipad-min) {
                gap: 50px;
                flex-wrap: nowrap;

                @include breakpoint(normal) {
                    gap: 30px;
                }

                .col-lg-6 {
                    -webkit-box-flex: unset;
                    -ms-flex: 0 0 auto;
                    flex: unset;
                }
            }


        }
    }
}

section {
    overflow: hidden;
}

ul {
    padding: 0 0;
    margin: 0 0;

    li {
        padding: 0 0;
        margin: 0 0;
        list-style-type: none;
    }
}

// .uppercase {
//     text-transform: uppercase;
//     letter-spacing: 4px;
//     font-size: 16px;
//     margin-bottom: 5px;
//     display: inline-block;
// }

figure {
    margin: 0 0;
}

.sec-p {
    padding: 80px 0;

    @include breakpoint(ipad) {
        padding: 40px 0;
    }

    &.call-banner {
        padding: 80px 0;
    }

}

// .sec-p-m {
//     padding-top: 40px;
//     margin-top: 60px;
//     padding-bottom: 40px;
//     margin-bottom: 60px;

//     @include breakpoint(ipad) {
//         padding-top: 20px;
//         margin-top: 20px;
//         padding-bottom: 20px;
//         margin-bottom: 20px;
//     }
// }

.sec-heading {
    margin-bottom: 35px;

    h2 {
        margin-bottom: 8px;
    }

    @include breakpoint(ipad) {
        margin-bottom: 15px;
    }

    // span {
    //     font-family: $Neue-Montreal-Medium;
    // }
}

.slick-slide {
    margin: 0 15px;
}

.slick-list {
    margin: 0 -15px;
}

.bg-light-grey {
    background-color: $light-grey;
}

.txt-white {
    color: $white;

    h2 {
        color: $white;
    }

    p {
        color: $white;
    }
}

.mw-small {
    max-width: 1299px;
    margin: auto;
}

.mw-small-2 {
    max-width: 1024px;
    margin: auto;
}

.overlay {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;

    &::before {
        content: '';
        position: absolute;
        // background-image: linear-gradient(90deg, rgb(0 0 0 / 80%) 10%, rgb(0 0 0 / 22%) 60%);
        background-color: rgba(0, 0, 0, 0.7);
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 0;
    }

    .row {
        position: relative;
    }
}



.row {
    &.row-rotate {
        @include breakpoint(ipad) {
            // flex-direction: column-reverse;
        }
    }
}



figure.icn {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;

    img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

}

.icn-list,
.hero-txt {

    &.icn-list-dark {
        ul {
            @include breakpoint(desktop) {
                flex-direction: column;
                gap: 4px 10px;
            }

            li {
                color: $color-text;
                width: calc(100% / 2 - 10px);

                @include breakpoint(desktop) {
                    width: calc(100% - 0px);
                }

                &:before {
                    color: $color-primary;
                }
            }
        }
    }

    &.icn-list-dark-1 {
        li {
            color: $color-text;
            width: calc(100%);

            &:before {
                color: $color-primary;
            }
        }
    }

    ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 10px;
        max-width: 850px;
        margin-bottom: 15px;

        li {
            width: calc(100% / 2 - 5px);
            color: #fff;
            font-size: 18px;
            position: relative;
            padding-left: 30px;

            @include breakpoint(normal) {
                font-size: 15px;
            }

            @include breakpoint (mobile-s) {
                width: calc(100% / 1 - 0px);
            }

            &:before {
                content: "\f058";
                font-family: "Font Awesome 6 Free";
                font-weight: 900;
                position: absolute;
                left: 3px;
                font-size: 16px;
                top: 2px;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
            }
        }
    }
}


@include breakpoint (ipad) {
    // .col-lg-6 {
    //     width: 100%;
    // }

    .col-lg-3 {
        width: calc(100% / 2 - 10px);
    }
}

@include breakpoint (mobile) {
    .col-lg-3 {
        width: calc(100% / 1 - 0px);
    }
}


.row {
    @include breakpoint(mobile) {
        gap: 20px;
    }
}