// home slider
.home-slider {
    .single-slide__content {
        position: absolute;
        z-index: 2;
        left: 50%;
        bottom: 12%;
        transform: translateX(-50%);
        color: white;
        width: 100%;
        padding: 0 15px;
        @media (min-width: 1400px) {
            h1, h2, h3, h4, h5, h6 {
                font-size: 70px;
            }
        }
        @media (max-width: 991.98px) {
            h1, h2, h3, h4, h5, h6 {
                font-size: 40px;
            }
        }
    }
    .single-slide {
        height: auto!important;
    }
}
// cat boxes
.products_cat_boxes {
    display: flex;
    flex-wrap: wrap;
    .products_cat_boxes__box {
        flex: 50%;
        width: 50%;
        position: relative;
        @media (max-width: 767.98px) {
            flex: 100%;
            width: 100%;
        }
        .box__link {
            color: #fff;
            padding: 0 30px;
            height: 100%;
            width: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            position: absolute;
            text-align: right;
            line-height: 1.2;
            top: 0;
            z-index: 2;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 30px;
            &:hover, &:focus, &:active {
                ~.box__img {
                    img {
                        transform: scale(1.05);
                    }
                }
            }
        }
        &:nth-child(even) {
            .box__link {
                justify-content: flex-start;
                text-align: left;
            }
        }
        .box__img {
            height: 0;
            width: calc(100% + 1px);
            padding-top: (5 / 6) * 100%;
            position: relative;
            margin: 0;
            overflow: hidden;
            &::before {
                content: '';
                height: 100%;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                background: #000;
                opacity: 0.1;
            }
            img {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                transition: all .3s ease;
                object-fit: cover;
            }
        }
    }
}

//quotation new styles
.quotation-fullwidth-new {
    blockquote {
        margin: 0;
        padding-bottom: 70px;
        h2 {
            line-height: 1.58;
            display: inline-block;
            position: relative;
            font-size: 30px;
            &::before {
                content: "";
                height: 80px;
                width: 24px;
                background-image: url(../images/quote-mark.svg);
                background-size: contain;
                background-position: center center;
                background-repeat: no-repeat;
                display: inline-block;
                margin-right: 35px;
                transform: translate(0, -22px);
            }
            @media (max-width: 1600px) {
                &::before {
                    margin-right: 15px;
                }
            }
        }
        &::after {
            content: "";
            position: absolute;
            right: 50%;
            transform: translateX(50%);
            bottom: 0;
            height: 27px;
            width: 153px;
            background-image: url(../images/quote-signature.svg);
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
        }
    }
}

.section-text {
    h1 {
        font-weight: 400;
        font-size: 30px;
    }
    .row-titles {
        padding-bottom: 35px;
    }
    .content {
        font-size: 14px;
        width: 85%;
        margin: auto;
        @media (max-width: 767.98px) {
            width: 100%;
        }
    }
}
//instagram
#sb_instagram .sbi_follow_btn a, #sb_instagram #sbi_load .sbi_load_btn {
    border: 0!important;
    font-size: 20px!important;
    color: #000!important;
    svg {
        margin-right: 15px;
        height: 20px!important;
    }
}
.instagram_boxes {
    .row-titles .h3 {
        font-size: 30px;
        line-height: 1.3;
        color: #000000;
        @media (max-width: 767.98px) {
            font-size: 48px;
        }
    }
    .side-title {
        display: none;
    }
}