.left-content-right-image-with-frame-subcont {
    background: var(--palest-cool-gray, #F3F6F8);
    padding-top: 94px;
    padding-bottom: 94px;
}

.left-content-right-image-with-frame-subcont .intro-text {margin-bottom: 80px;}
.left-content-right-image-with-frame-subcont .intro-text .lead-text,
.left-content-right-image-with-frame-subcont .intro-text .lead-text *:not(a) {color: var(----gray-04, #6E7B81); font-family: Inter; font-size: 21px; font-style: normal; font-weight: 400; line-height: 35px;}

.left-content-right-image-with-frame-section .left-content-right-image-with-frame {
    flex-direction: column;
    align-items: center;
    gap: 80px;
    display: flex;

}
.left-content-right-image-with-frame-section .left-content-right-image-with-frame .item {
    display: flex;
    padding: 0px;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.left-content-right-image-with-frame-section .left-content-right-image-with-frame .item  .left-content {
    width: 359px;
}
.left-content-right-image-with-frame-section .left-content-right-image-with-frame .item  .right-content {
    flex: 1;
    position: relative;
    padding: 32px;
}
.left-content-right-image-with-frame-section .left-content-right-image-with-frame .item  .right-content .image-frame {
    position: absolute;
}
.left-content-right-image-with-frame-section .left-content-right-image-with-frame .item  .right-content img {
    max-width: 100%;
}
.left-content-right-image-with-frame-section .left-content-right-image-with-frame .item  .right-content .img-with-frame {
    background-size: 100%;
    background-repeat: no-repeat ;
    position: relative;
    padding: 4px;
    /* padding-right: 18px;
    padding-top: 12px;
    padding-left: 8px;     */
}
.left-content-right-image-with-frame-section .left-content-right-image-with-frame .item  .right-content .img-with-frame.frame-1 {
    background-image: url('/wp-content/themes/teamai/assets/img/blocks/general/left-content-right-image-with-frame/photo-frame-1.png');
}

.left-content-right-image-with-frame-section .left-content-right-image-with-frame .item  .right-content .img-with-frame.frame-2 {
    background-image: url('/wp-content/themes/teamai/assets/img/blocks/general/left-content-right-image-with-frame/photo-frame-2.png');
}

.left-content-right-image-with-frame-section .left-content-right-image-with-frame .item  .right-content .img-with-frame.frame-3 {
    background-image: url('/wp-content/themes/teamai/assets/img/blocks/general/left-content-right-image-with-frame/photo-frame-3.png');
}
.left-content-right-image-with-frame-section .left-content-right-image-with-frame .item .left-content .icon {
    width: 88px;
    margin-bottom: 32px;
}
.left-content-right-image-with-frame-section .left-content-right-image-with-frame .item .left-content .description > h3 {
    margin-bottom: 16px;
    color: #1D9BF0;
}
/****Frame 1****/
.left-content-right-image-with-frame-section .left-content-right-image-with-frame .frame-1 {
    border: 2px solid #76e0d7;
    position: absolute;
}
.left-content-right-image-with-frame-section .left-frame-1.frame-1 {
    height: 85%;
    bottom: 0px;
    left: 0px;
}
.left-content-right-image-with-frame-section .right-frame-1.frame-1 {
    height: 85%;
    right: 0px;
    top: 0px;
}
.left-content-right-image-with-frame-section .top-frame-1.frame-1 {
    top: 0px;
    right: 0px;
    width: 90%;
}
.left-content-right-image-with-frame-section .bottom-frame-1.frame-1 {
    bottom: 0px ;
    left: 0px;
    width: 90%;
} 

.frame-top-left-1-img {
    position: absolute;
    left: -16px;
    top: -13px;
}


.frame-bottom-right-1-img {
    position: absolute;
    right: -21px;
    bottom: -24px;
}

@media screen and (max-width: 800px) {
    .frame-top-left-1-img {
        width: 58px;
    }
    .frame-bottom-right-1-img {
        right: -19px;
        bottom: -26px;
        width: 70px;        
    }
}
/****Frame 2****/
.left-content-right-image-with-frame-section .left-content-right-image-with-frame .frame-2 {
    border: 2px solid #84b9f5;
    position: absolute;
}
.left-content-right-image-with-frame-section .left-frame-2.frame-2 {
    top: 0px;
    left: 0px;
    width: 95%;
}
.left-content-right-image-with-frame-section .bottom-frame-2.frame-2 {
    top: 0px ;
    left: 0px;
    height: 90%;
} 

.frame-top-right-2-img {
    position: absolute;
    right: -40px;
    top: -38px;
}


.frame-bottom-left-2-img {
    position: absolute;
    left: -16px;
    bottom: -39px;
}
@media screen and (max-width: 800px) {
    .frame-top-right-2-img {
        right: -20px;
        top: -24px;
        width: 60px;        
    }
    .frame-bottom-left-2-img {
        left: -16px;
        bottom: -39px;
        width: 36px;
    }
}


/****Frame 3****/
.left-content-right-image-with-frame-section .left-content-right-image-with-frame .frame-3 {
    border: 2px solid #fccf3e;
    position: absolute;
}
.left-content-right-image-with-frame-section .left-frame-3.frame-3 {
    height: 85%;
    bottom: 0px;
    left: 0px;
}
.left-content-right-image-with-frame-section .right-frame-3.frame-3 {
    height: 85%;
    right: 0px;
    top: 0px;
}
.left-content-right-image-with-frame-section .top-frame-3.frame-3 {
    top: 0px;
    right: 0px;
    width: 92%;
}
.left-content-right-image-with-frame-section .bottom-frame-3.frame-3 {
    bottom: 0px ;
    left: 0px;
    width: 90%;
} 

.frame-top-left-3-img {
    position: absolute;
    left: -25px;
    top: -30px;
}


.frame-bottom-right-3-img {
    position: absolute;
    right: -40px;
    bottom: -40px;
}

@media screen and (max-width: 800px) {
    .frame-top-left-3-img {
        left: -16px;
        top: -25px;
        width: 40px;
    }
    .frame-bottom-right-3-img {
        right: -23px;
        bottom: -19px;
        width: 46px;
    }
}


@media screen and (max-width: 800px) {
    .left-content-right-image-with-frame-section .left-content-right-image-with-frame .item {
        flex-direction: column;
    }
    .left-content-right-image-with-frame-section .left-content-right-image-with-frame {
        gap: 40px;
    }
    .left-content-right-image-with-frame-section .left-content-right-image-with-frame .item .left-content {
        width: 100%;
        display: flex;
        gap: 32px;
        align-items: center;
        justify-content: center;
    }
    
}

@media screen and (max-width: 450px) {
    .left-content-right-image-with-frame-section .left-content-right-image-with-frame .item .left-content {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }
}

/*** Customizations ***/
.left-content-right-image-with-frame-section.left-align-heading .intro-text h2.heading {text-align: left!important;}

@media screen and (max-width: 768px) {
    .left-content-right-image-with-frame-subcont .intro-text {margin-bottom: 40px;}
}