@import 'partials';
.about-yad-wrap{background: url(../img/batya-legacy.png) no-repeat center / cover; min-height: 710px; position: relative;
    @media ($sm-1679){min-height: 490px;}
    @media ($sm-1441){min-height: 540px;}
    @media ($sm-1199){min-height: 410px;}
    @media ($sm-991){min-height: inherit; padding-bottom: 80px;}
    @media ($sm-579){padding-bottom: 50px;}
    .content-head{ text-align: left; padding: 100px 0;
        @media ($sm-1441){padding: 70px 0;}
        @media ($sm-991){ padding: 50px 0 30px 0;}
        @media ($sm-579){padding: 30px 0 20px 0;}
        .title{margin: 0; max-width: 690px;}
        .para{margin: 0; max-width: 690px; }
    }
    .custom-container{position: relative;}
    .img{position: absolute; top:65px; max-width: 910px; right: 15px; margin: 0; padding: 0;
        @media ($sm-1679){max-width: 690px;}
        @media ($sm-1441){max-width: 650px;}
        @media ($sm-1199){max-width: 560px;}
        @media ($sm-991){ position: inherit; margin: 0 auto; max-width: 450px; top: 0; right: 0; display: block;}
        @media ($sm-579){max-width: 390px;}
        @media ($sm-479){max-width: 90%;}
    }
    .flower1{position: absolute; left: 0; bottom: 200px;
        @media ($sm-1679){max-width: 220px; bottom: 100px;}
        @media ($sm-1199){display: none;}
    }
}

.the-package-wrap{background: url(../img/newsletter-bg.png) no-repeat center / cover; padding: 100px 0;
    @media ($sm-1679){padding: 60px 0;}
    @media ($sm-1199){padding: 40px 0;}
    .img-txt-wrap{ border-radius: 20px; border: 1px solid #DCC6E3; background: $white; height: 100%; display: flex; flex-direction: column; justify-content: space-around; align-items: center; min-height: 265px; padding: 20px 20px 40px 20px;
        @media ($sm-1441){min-height: 240px;}
        @media ($sm-1199){padding:15px 15px 20px 15px; min-height: 210px;}
        @media ($sm-479){border-radius: 15px;}
        @media ($sm-479){ min-height: 160px;}
        .img{
            @media ($sm-1441){max-width: 90px;}
            @media ($sm-479){max-width: 70px;}
        }
        .title{font-size: 18px; color: $dark; margin: 0; padding: 0; text-align: center;
            @media ($sm-1679){font-size: 16px;}
            @media ($sm-479){font-size: 13px;}
        }
    }
    .space-adj{padding-bottom: 30px;}
}
.about-3-block-wrap{
    .content{ max-width: 730px;
        @media ($sm-1199){max-width: 640px;}
        @media ($sm-991){max-width: 100%;}
        .title{ font-size: 32px; font-weight: 700; line-height: 1.2; padding: 0 0 20px 0; margin: 0; color: $white;
            @media ($sm-1679){font-size: 30px; padding-bottom: 10px;}
            @media ($sm-991){font-size: 26px;}
            @media ($sm-579){font-size: 24px;}
        }
        .para{font-size: 16px; line-height: 1.6; padding: 0; margin: 0; color: $white;
            @media ($sm-1679){font-size: 14px;}
            @media ($sm-991){}
        }
        .ico{display: none; background: #fff; width: 80px; height: 80px; border-radius: 10px;  align-items: center; justify-content: center;
            @media ($sm-991){display: flex;}
            @media ($sm-479){width: 60px; height: 60px;}
            img{ max-width: 40px;
                @media ($sm-479){max-width: 30px;}
            }
        }
    }
    .block-1-wrap{  background: url(../img/section-bg-1.png) no-repeat left top; justify-content: center;
        .content{margin: 0 0 0 260px;
            @media ($sm-1199){margin: 0 0 0 210px;}
        }
    }
    .block-2-wrap{ background: url(../img/section-bg-2.png) no-repeat left top;
        .content{margin: 0 0 0 80px;
            @media ($sm-1199){margin: 0 0 0 20px;}
        }
    }
    .block-3-wrap{  background: url(../img/section-bg-3.png) no-repeat left top; justify-content: center;
        .content{margin: 0 0 0 260px;
            @media ($sm-1199){margin: 0 0 0 210px;}
        }
    }
    .block-1-wrap,.block-2-wrap,.block-3-wrap{ border-radius: 30px; padding: 30px; margin-bottom: 30px; display: flex; align-items: center; height: 437px;
        @media ($sm-1679){ background-size: 100% auto; height: 386px;}
        @media ($sm-1199){ background-size: 100% auto; height: 311px;}
        @media ($sm-991){background: $primary; border-radius: 20px; height: auto;}
        @media ($sm-479){ padding: 20px 15px;}
        .content{
            @media ($sm-991){padding: 0; margin: 0; display: flex; align-items: center; gap: 20px;}
            @media ($sm-479){flex-direction: column; align-items: start;}
            .txt{
                @media ($sm-991){flex: 1;}
            }
        }
        
    }
}