.image_with_text_section {

   
    &.after_text {
        & .section_inner {
            flex-direction: row-reverse;
        }
        & img.iwt_bg_pattern {
            right: 0;
            left: unset;
        }
    }


    &.lightblue-colour-scheme {
        background-color: var(--lightblue);
        & .right_side{
            & .text_area {
                & h2, & h3, & h4, & h5 {
                    color: var(--blue );
                }
                & p, & a, & li, & span{
                    color: #6B6B6B;
                    font-size: 16px;
                }
            }
        }
    }



    &.blue-colour-scheme {
        background-color: var(--blue);
        & .right_side{
            & .text_area {
                & h2, & h3, & h4, & h5, & p, & a, & li, & span {
                    color: var(--white);
                }
            }
        }
    }


    &.grey_colour_scheme {
        & .section_inner {
            @media (min-width: 992px) {
                background: #F2F2F2;
            }

            @media (max-width: 992px) {
                overflow: hidden;
                border-top-left-radius: 6rem;
                border-top-right-radius: 6rem;
            }

            & .left_side {
                @media (min-width: 992px) {
                    width: 40%;
                }
            }

            & .right_side {
                @media (min-width: 992px) {
                    width: 60%;
                    padding: 7rem;
                }

                & .text_area {
                    & h2, & h3, & h4, & h5 {
                        color: var(--teal);
                    }
        
                    & p, & a, & li, & span {
                        color: #333333;
                    }
                }
            }
        }
    }

    & .section_inner {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
        justify-content: space-between;
        flex-wrap: wrap;
        z-index: 1;
            @media (max-width: 992px) {
                flex-direction: column-reverse;
            }
        & .left_side {
            width: 49%;

            @media (max-width: 992px) {
                width: 100%;
            }

            & .image_wrapper{
                @media (max-width: 991px) {
                    display: flex;
                    justify-content: center;
                    margin: 2rem 0;
                }
                & img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transition: all .5s ease;
                }
            }
        }

        & .right_side {
            width: 49%;
            display: flex;
            flex-direction: column;
            
            
            @media (max-width: 991px) {
                width: 100%;
            }

            & .text_area {
                margin-bottom: 3rem;
                max-width: 95%;
                @media (max-width: 991px) {
                    max-width: 100%;
                }
                & h2, & h3, & h4, & h5 {
                    margin: 0 0 3rem;
                    
    
                    & span {
                        color: var(--primary);
                        font-size: inherit;
                        font-weight: inherit;
                    }
                }
                iframe{
                    width: 100% !important;
                }

                /* & ul{
                    width: 50rem;
                    max-width: 100%;
                    margin-top: 2rem;
                    columns: 2;
                    padding: 0;
                        & li {
                        position: relative;
                        list-style-type: none;
                        font-weight: 700;
                        margin-left: 4rem;
                        & span{ 
                            color: var(--blue);
                            font-weight: 600;
                        }
                        &:before {
                            content: '';
                            position: absolute;
                            left: -33px;
                            top: 13px;
                            width: 24px;
                            height: 25px;
                            background: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.504 1.31775C15.5773 1.31775 19.6916 5.43207 19.6916 10.5053C19.6916 15.5786 15.5773 19.6929 10.504 19.6929C5.43073 19.6929 1.31641 15.5786 1.31641 10.5053C1.31641 5.43207 5.43073 1.31775 10.504 1.31775ZM8.59609 13.4895L6.34674 11.2383C5.96353 10.8549 5.96345 10.2296 6.34674 9.84626C6.73011 9.46297 7.35817 9.46537 7.73875 9.84626L9.32453 11.4333L13.2694 7.4884C13.6528 7.10503 14.2781 7.10503 14.6614 7.4884C15.0448 7.87169 15.0442 8.49758 14.6614 8.88041L10.0194 13.5224C9.63659 13.9052 9.01069 13.9058 8.6274 13.5224C8.61663 13.5116 8.60624 13.5007 8.59609 13.4895Z' fill='%2387CB28'/%3E%3C/svg%3E") no-repeat center;
                            background-size: contain;
                        }
                    }

                } */
            }
        }
    }

    & img.iwt_bg_image {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
        object-position: center;
        position: absolute;
        z-index: 0;
    }

    & img.iwt_bg_pattern {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0;
        width: 45rem;
        max-width: 100%;
        height: 100%;
        mix-blend-mode: soft-light;
        object-fit: cover;
    }

    & img.iwt_bg_gradient {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        mix-blend-mode: soft-light;
        object-fit: cover;
    }

    & .remove-container{
        max-width: 100% ;
        padding-bottom: 0 ;
        padding-right: 0 ;
        padding-left: 0 ;
        @media screen and (max-width:768px) {
            padding-bottom: 30px ;
            padding-right: 30px  ;
            padding-left: 30px  ;
        }
    }
}
.section-image_with_text-7{
      &.after_text {
        & .section_inner {
            flex-direction: row;
        }
    }
}


/* .image_with_text_section {
  & .section_inner {
    & .left_side {
      & img {
        @media (max-width: 991px) {
        
            margin-bottom: 5rem;
            border-bottom-left-radius: 6rem;
            border-bottom-right-radius: 6rem;
        
        }
      }
    }
  }
} */

@media (max-width:992px){
& #section-image_with_text-4 {
  & .section_inner {
    & .left_side {
      & .image_wrapper {
        & img {
            display:none;
        }
      }
    }
  }
}           
}