.technique-banner {
    padding: 80px 0;
    border-top: 1px solid rgba($black, 0.09);

    .wrapper {
        .col-1 {
            padding: 0 20px;

            .sub-heading {
                font-family: $raleway;
                text-align: center;
                color: #E5E5E5;
                font-weight: 600;
                font-size: 20px;
                line-height: 100%;
                letter-spacing: 0px;
                text-transform: uppercase;
                margin-bottom: 15px;
            }

            .heading {
                font-family: $raleway;
                text-align: center;
                color: $black;
                font-weight: 600;
                font-size: 25px;
                line-height: 100%;
                letter-spacing: 0px;
                margin-bottom: 20px;
            }
        }

        .col-2 {
            padding-top: 30px;

            .technique-slider {
                .owl-stage-outer {
                    .owl-stage {
                        .owl-item {
                            .items {
                                &.active {
                                    .title {
                                        svg {
                                            transform: rotate(180deg);
                                        }
                                    }
                                }

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

                                .cont {
                                    padding: 20px 20px 0;

                                    .title {
                                        display: flex;
                                        flex-direction: row;
                                        justify-content: center;
                                        gap: 10px;
                                        align-items: center;
                                        font-family: $raleway;
                                        color: $black;
                                        font-weight: 400;
                                        text-align: center;
                                        font-size: 18px;
                                        line-height: 100%;
                                        letter-spacing: 0px;
                                        cursor: pointer;

                                        svg {
                                            width: 24px;
                                            height: 24px;
                                            transition: transform .3s ease;
                                        }
                                    }

                                    .desc {
                                        display: none;
                                        margin-top: 30px;
                                        font-family: $raleway;
                                        color: $black;
                                        text-align: center;
                                        font-weight: 400;
                                        font-size: 16px;
                                        line-height: 20px;
                                        letter-spacing: 0px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    .technique-banner {
        padding: get-vw(100px);

        .wrapper {
            .col-1 {
                width: 50%;
                padding: 0;

                .sub-heading {
                    text-align: left;
                    font-size: get-vw(25px);
                    margin-bottom: 0;
                }

                .heading {
                    text-align: left;
                    font-size: get-vw(30px);
                    margin-bottom: get-vw(40px);
                }
            }

            .col-2 {
                padding-top: get-vw(30px);

                .technique-slider {
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    gap: get-vw(130px);

                    .items {
                        width: calc(25% - get-vw(100px));

                        .cont {
                            padding: get-vw(20px) get-vw(20px) 0;

                            .title {
                                display: flex;
                                flex-direction: row;
                                justify-content: center;
                                gap: get-vw(10px);
                                align-items: center;
                                font-family: $raleway;
                                color: $black;
                                font-weight: 400;
                                text-align: center;
                                font-size: get-vw(20px);
                                line-height: 100%;
                                letter-spacing: 0px;
                                cursor: pointer;

                                svg {
                                    width: get-vw(24px);
                                    height: get-vw(24px);
                                    transition: transform .3s ease;
                                }
                            }

                            .desc {
                                display: none;
                                margin-top: get-vw(30px);
                                font-family: $raleway;
                                color: $black;
                                text-align: center;
                                font-weight: 400;
                                font-size: get-vw(18px);
                                line-height: get-vw(23px);
                                letter-spacing: 0px;
                            }
                        }
                    }
                }
            }
        }
    }
}