/** section1 **/
.section1{
    position: relative;
    background: #ffffff;
    padding: 4.770833333333333VW 0 0 0;
    min-height: 41.69791666666667VW;
}
/* .section1::after{
    content: '';
    position: absolute;
    top: 8.770833VW;
    left: 4.691667VW;
    width: 34.052083VW;
    height: 39.104167VW;
    background: url('../img/family-1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
}
.section1::before{
    content: '';
    position: absolute;
    top: 8.770833VW;
    right: 2.491667VW;
    width: 34.729167VW;
    height: 39.104167VW;
    background: url('../img/family-2.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
} */
.section1 h1{
	font-weight: normal;
    font-size: calc( 30px + ( 70 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 36px + ( 76 - 36 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin: 0 auto 1.0020833333333335VW auto;
    max-width: 60.614583VW;
}
.section1 h2{
    font-weight: normal;
    font-size: calc( 18px + ( 28 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 24px + ( 34 - 24 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    color: #d62193;
    margin-bottom: 2.520833333333333VW;
}
.section1 h2 span{
    color: #d62193;
}
.area-holder{
    position: relative;
    max-width: 25.395833333333336VW;
    margin: 0 auto;
}
.area-holder input[type='text']{
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    padding: 1.3020833333333335VW 12.602083VW 1.3020833333333335VW 2.083333333333333VW;
    border: 2px solid #5265d2;
    background: #ffffff;
    color: #9b9b9b;
    outline: none;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    border-radius: 40px;
}
.area-holder input[type='text']::placeholder{
    color: #9b9b9b;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.area-holder input[type='submit']{
    position: absolute;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 100%;
    background: #5265d2;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 40px;
    outline: none;
    border: none;
    padding: 0 1.875VW;
    font-weight: bold;
    font-size: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 14px + ( 20 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    cursor: pointer;
}

.home-visual{
    display: block;
    width: 19.364583VW;
    height: 19.822917VW;
    margin: 0 auto;
}
.home-visual img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

/** section1 **/

/** section2 **/

.section2{
    position: relative;
    padding-top: 6.25VW;
    padding-bottom: 3.729166666666666VW;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,246,255,1) 100%);
}
.section2 h2{
    font-size: calc( 20px + ( 60 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 32px + ( 72 - 32 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 2.3854166666666665VW;
}
.we-bring-box{
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.6458333333333335VW;
    margin-right: -1.6458333333333335VW;
}
.we-bring-hold{
    width: 33.3333%;
    padding: 3.6458333333333335VW;
}
.we-bring-img{
    display: block;
    width: 14.34375VW;
    height: 14.65625VW;
    margin: 0 auto 1.3020833333333335VW auto;
    background: #ffffff;
    padding: 1.324vw 1.324vw;
    border-radius: 500px;
    border: 2px solid #d62193;
    overflow: hidden;
}
.benefit2 .we-bring-img{
    padding: 1.324vw 0;
}
.we-bring-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.we-bring-element h3{
    font-weight: bold;
    font-size: calc( 18px + ( 26 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 24px + ( 32 - 24 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 0.9375VW;
}

/* .we-bring-hold{
    width: 33.3333%;
    padding: 1.6458333333333335VW;
}
.we-bring-element{
    background: #ffffff;
    border-radius: 20px;
    min-height: 18.234vw;
}

.we-bring-img{
    display: block;
    width: 12.34375VW;
    height: 10.65625VW;
    padding: 0.8020833333333335VW 0 0.8020833333333335VW 0;
    margin:0 auto;
} */
.benefit2 .we-bring-img{
    width: 14.34375VW;
    height: 14.65625VW;
}
.benefit3 .we-bring-img{
    width: 14.34375VW;
    height: 14.65625VW;
}
.benefit1 .we-bring-img img{
    object-position: center center;
}
.benefit3 .we-bring-img img{
    object-position: center center;
    object-fit: contain;
}
.we-bring-oke{
    position: relative;
}
.we-bring-oke::after{
    content: '';
    position: absolute;
    top: 0.25VW;
    right: 5.491667VW;
    width: 3.5625VW;
    height: 3.5625VW;
    background: url('../img/oke.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.we-bring-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
/* .we-bring-element h3{
    font-weight: normal;
    color: #5265d2;
    font-size: calc( 18px + ( 26 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 24px + ( 32 - 24 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 0.9375VW;
    padding: 0 1.2324vw;
}
.we-bring-element p{
    padding: 0 1.2324vw 1.2324vw 1.2324vw;
} */

/** section2 **/


/** section3 **/

.section3{
    position: relative;
    padding: 6.25VW 0;
}
.section3::after{
    content: '';
    position: absolute;
    top: 4.25VW;
    right: 8.491667VW;
    width: 38.5625VW;
    height: 34.135417VW;
    background: url('../img/catdog.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.section3 h2{
    font-size: calc( 20px + ( 60 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 32px + ( 72 - 32 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 2.3854166666666665VW;
}
.section3 p{
    margin-bottom: 1.0416666666666665VW;
}
.section3 p:last-of-type{
    margin-bottom: 0;
}
.section3 p span{
    color: #d62193;
}
.custom-flex-left{
    width: 45%;
    padding: 0 1.3020833333333335VW;
}
.custom-flex-right{
    width: 55%;
    padding: 0 1.3020833333333335VW;
}

/** section3 **/

/** section4 **/
.section4{
    background-color: #5265d2;
    padding-top: 6.25VW;
    padding-bottom: 3.729166666666666VW;
}
.section4 h2 {
    font-size: calc( 20px + ( 60 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 32px + ( 72 - 32 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    margin-bottom: 2.3854166666666665VW;
    color: #ffffff;
}
.testimonial-box{
    background: #ffffff;
    padding: 2.34375VW 2.604166666666667VW;
    border-radius: 3.083333333333333VW;
}
.testimonial-flex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.6020833333333335VW;
    margin-right: -0.6020833333333335VW;
    margin-bottom: 1.0416666666666665VW;
}
.testimonial-element{
	width: 33.333%;
    padding: 0 0.6020833333333335VW;
}
/* .testimonial-element.t1{
    width: 20%;
}
.testimonial-element.t2{
    width: 60%;
}
.testimonial-element.t3{
    width: 20%;
} */
.img-mask{
    display: block;
    max-width: 100%;
    width: 6.470833333333333VW;
    height: 6.470833333333333VW;
    overflow: hidden;
    border-radius: 200px;
    margin: 0 auto;
}
.img-mask img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.image-descr{
    display: block;
    width: 5.770833VW;
    height: 5.770833VW;
    margin: 0 auto;
}
.image-descr img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
.testimonial-element h3{
    font-weight: bold;
    font-size: calc( 14px + ( 22 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 20px + ( 28 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    
}
.testimonial-element h4{
    color: #9b9b9b;
    font-size: calc( 14px + ( 22 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    line-height: calc( 20px + ( 28 - 20 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top: 2.234vw;
}
.owl-theme .owl-dots .owl-dot span{
    width: 1.1458333333333333VW;
    height: 1.1458333333333333VW;
    border: 2px solid #e5e7f8;
    background: transparent;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #e5e7f8;
}

/** section4 **/


.loader-hold.btn-loader{
    right: 3.134vw;
}


.area-holder .area-holder-a1.ui-widget .ui-widget-content{
    border: 1px solid transparent !important;
    padding-top: 35px;
    z-index: 1;
    top: 27px;
    background: #f5f6ff;
    overflow: hidden;
    text-align: left;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.area-holder .area-holder-a1.ui-widget .ui-menu .ui-menu-item-wrapper {
    padding: 0.372917VW 3.458333VW 0.332917VW 1.925VW;
}
.area-holder .area-holder-a1.ui-widget .ui-menu-item-wrapper{
    border: 1px solid transparent;
    transition: 0.2s ease all;
}
.area-holder .area-holder-a1.ui-widget .ui-menu-item-wrapper:hover, .area-holder .area-holder-a1.ui-widget .ui-menu-item-wrapper:active, .area-holder .area-holder-a1.ui-widget .ui-menu-item-wrapper:focus{
    background: #5265d2;
    color: #ffffff;
    border: 1px solid transparent;
    transition: 0.2s ease all;
}
.btn-hold{
    margin-top: 2.324vw;
}

@media screen and (max-width:1680px){
    .section3::after{
        content: '';
        position: absolute;
        top: 4.25VW;
        right: 8.491667VW;
        width: 38.5625VW;
        height: 34.135417VW;
        background: url('../img/catdog.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }
    .area-holder{
        position: relative;
        max-width: 30.395833333333336VW;
        margin: 0 auto;
    }
    .loader-hold.btn-loader{
        right: 3.834vw;
    }
}


@media screen and (max-width:1380px){
    .loader-hold.btn-loader {
        right: 4.124vw;
    }
}



@media screen and (max-width:1024px){
    .custom-flex-left{
        width: 53%;
    }
    .custom-flex-right {
        width: 47%;
    }
}
@media screen and (max-width:990px){
    .we-bring-box{
        margin-left: 0;
        margin-right: 0;
    }
    .we-bring-hold{
        width: 100%;
        padding: 0 0;
        max-width: 70%;
        margin: 0 auto 35px auto;
    }
    .benefit2 .we-bring-img {
        width: 24.34375VW;
    }
    .benefit3 .we-bring-img{
        width: 30.34375VW;
    }
    .section1{
        padding: 4.770833VW 0 0 0;
    }
    .section1 h1{
        font-size: calc( 24px + ( 80 - 24 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        line-height: calc( 30px + ( 86 - 30 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    }
    .section1 h2{
        font-size: calc( 18px + ( 22 - 18 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
        line-height: calc( 24px + ( 28 - 24 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
    }
    .area-holder{
        min-width: 37.395833VW;
    }
    .section1::before{
        top: 11.770833VW;
        right: 15px;
        width: 31.729167VW;
        height: 36.104167VW;
    }
    .section1::after{
        top: 12.470833VW;
        left: 15px;
        width: 31.052083VW;
        height: 36.104167VW;
    }
    .we-bring-hold{
        margin-bottom: 35px;
    }
    .we-bring-img{
        width: 16.34375VW;  
        height: 16.65625VW;
    }
    .custom-flex-left {
        width: 80%;
    }
    .custom-flex-right {
        width: 20%;
    }
    .section3{
        display: none;
    }
    .section3::after{
        top: auto;
        bottom: 2.423vw;
        right: 15px;
        width: 21.5625VW;
        height: 21.135417VW;
    }
}

@media screen and (max-width:520px){
    .section1 {
        padding: 25px 0 0 0;
        min-height: 340px;
    }
    .section1 h1 {
        position: relative;
        font-size: 24px;
        line-height: 28px;
        width: 100%;
        max-width: 100%;
        margin-bottom: 8px;
    }
    .section1 h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .section1::before {
        top: 51%;
        right: 15px;
        width: 31.729167VW;
        height: 36.104167VW;
    }
    .section1::after {
        top: 52%;
        left: 15px;
        width: 31.052083VW;
        height: 36.104167VW;
    }
    .area-holder {
        min-width: 90%;
        position: relative;
        z-index: 3;
    }
    .area-holder input[type='text']{
        padding: 8px 130px 8px 14px;
        font-size: 16px;
        line-height: 16px;
    }
    .area-holder input[type='text']::placeholder{
        font-size: 16px;
        line-height: 16px;
    }
    .area-holder input[type='submit']{
        padding: 0 16px;
        font-size: 14px;
        line-height: 14px;
    }
    .section2 h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .we-bring-img {
        width: 32.34375VW;
        height: 32.65625VW;
        margin: 0 auto 12px auto;
    }
    .we-bring-element h3 {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 6px;
    }
    .custom-flex-left, .custom-flex-right{
        width: 100%;
        padding: 0 0;
    }
    .section2{
        padding-top: 25px;  
        padding-bottom: 0;
    }
    .section3 h2{
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .section3{
        padding: 25px 0;    
        text-align: center;
    }
    .section3 p{
        margin-bottom: 16px;
    }
    .section3::after{
        display: none;
    }
    .section4 {
        padding-top: 25px;  
        padding-bottom: 25px;
    }
    .section4 h2{
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .testimonial-box{
        padding: 15px 10px;
    }
    .testimonial-flex{
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 12px;
    }
    .testimonial-element{
        padding: 0 0;
    }
    .img-mask{
        width: 20.470833VW; 
        height: 20.470833VW;
    }
    .testimonial-element h3 {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
    }
    .testimonial-element h4 {
        font-size: 16px;
        line-height: 20px;
    }
    .image-descr{
        width: 12.770833VW;
        height: 17.770833VW;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 12px;
    }
    .owl-theme .owl-dots .owl-dot span{
        width: 22px;
        height: 22px;
    }
    .loader-hold.btn-loader{
        width: 31px;
		right: 13.334vw;
    }
    .we-bring-hold{
        max-width: 100%;
    }
    .benefit2 .we-bring-img{
        width: 32.34375VW;
        height: 32.65625VW;
        margin: 0 auto 12px auto;
    }
    .benefit3 .we-bring-img {
        width: 32.34375VW;
        height: 32.65625VW;
        margin: 0 auto 12px auto;
    }
    .home-visual{
        width: 66.364583VW;
        height: 48.822917VW;
        margin: 6.2324vw auto 0 auto;
    }
    .we-bring-oke::after{
        top: 0.25VW;
        right: 32.491667VW;
        width: 7.5625VW;
        height: 7.5625VW;
    }
    .btn-hold {
        margin-top: 25px;
    }
}
@media screen and (max-width:365px){
    .section1::before, .section1::after{
        top: 58%;
    }
}