.hero-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-height: 900px ;
    height:100vh;
    box-sizing: border-box;
    background: #6935D3;
}

.hero-wrapper-cont .img-content {
    align-self: end;
    
}

    .hero-wrapper-cont .img-content img {
        width: 100%;

        
    }

    .hero-wrapper h1 {
        color: #FFF;
        font-family: "Aeonik Pro TRIAL";
        font-size: 56px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

.hero-wrapper-cont {
    display: grid;
    max-width: 1200px;
    align-items:center;
    height:100vh;
    
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 90px;
    width: 100%;
}
.hero-wrapper-cont p {
    color: #FFF;
    
    font-family: "Aeonik Pro TRIAL";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
@media (max-width: 1200px) {
    .hero-wrapper-cont {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 2rem;
    }

    .hero-wrapper h1 {
        font-size: 2.5rem; 
    }

    .hero-wrapper-cont p {
        font-size: 1.125rem; 
    }
}

@media (max-width: 900px) {
    .hero-wrapper h1 {
        font-size: 2rem; 
    }

    .hero-wrapper-cont p {
        font-size: 1rem;
    }

    .hero-wrapper-cont .img-content img {
        width: 80%; 
    }
}

@media (max-width: 600px) {
    .hero-wrapper h1 {
        font-size: 1.5rem; 
    }

    .hero-wrapper-cont p {
        font-size: 0.875rem; 
    }

    .hero-wrapper-cont .img-content img {
        width: 100%; 
    }
}
    .recuring-transfer-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 900px !important;
        box-sizing: border-box;
    }

.section-wrapper {
    display: flex;

    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 900px !important;
    box-sizing: border-box;
}

.section-wrapper-cont {
    display: grid;
    max-width: 1150px;
    align-items: center;
    justify-content: center;
    grid-template-columns: auto auto ;
    grid-column-gap: 125px;
    width: 100%;
}

.section-wrapper-cont .text-content h1 {
    color: #000;
    font-family: "Aeonik Pro TRIAL";
    font-size: 40px;
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 150%;
}
    .section-wrapper-cont .text-content p {
        color: #000;
        font-family: "Aeonik Pro TRIAL";
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }
.recuring-transfer-wrapper-cont {
    display: grid;
    max-width: 1200px;
    align-items: center;
    justify-content: center;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 125px;
    width: 100%;
}
    .recuring-transfer-wrapper-cont .text-content h1 {
        color: #000;
  
        font-family: "Aeonik Pro TRIAL";
        font-size:  40px;
        margin-bottom:1rem;
        font-weight: 700;
        line-height: 150%;
    }
    .recuring-transfer-wrapper-cont .text-content p {
        color: #000;
        font-family: "Aeonik Pro TRIAL";
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }
    .recuring-transfer-wrapper-cont .img-cont {
        margin:auto;
        max-width: 250px;
        width:100%;
        height: 250px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        color: #000;
        text-align: center;
        font-family: Inter;
        font-size: 1.5rem;
        box-shadow: 11.604px 11.604px 23.207px 0px rgba(0, 0, 0, 0.12);
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        justify-content: center;
        flex-shrink: 0;
    }
    .recuring-transfer-wrapper-cont .amazon-cont {
        bottom: 0%;
        left: 0%;
        width: 128px;
        height: 129px;
        transform: translate(-40%, 40%)
    }

    .recuring-transfer-wrapper-cont .disney-cont {
        top: 0%;
        left: 0%;
        transform: translate(-50%, -30%);
        width: 128px;
        height: 129px;
    }

    .recuring-transfer-wrapper-cont .netflix-cont {
        top: 0%;
        right: 0%;
        width: 128px;
        height: 129px;
        transform: translate(50%, -50%)
    }

    .recuring-transfer-wrapper-cont .apple-tv-cont {
        bottom: 0%;
        right: 0%;
        
        width: 128px;
        height: 129px;
        transform:translate(50%, 60%)
    }


@media (max-width: 1200px) {
    .recuring-transfer-wrapper-cont {
        display: grid;
        max-width: 1200px;
        align-items: center;
        justify-content: center;
        padding:2rem;
        grid-template-columns: 1fr;
        grid-column-gap: 125px;
        width: 100%;
    }
    .section-wrapper-cont {
        display: grid;
        max-width: 1200px;
        align-items: center;
        justify-content: center;
        text-align:center;
        padding: 2rem;
        grid-template-columns: 1fr;
        grid-column-gap: 125px;
        width: 100%;
    }

    .recuring-transfer-wrapper-cont .text-content {
        display: flex;
        text-align:center;
        margin-top: 50px;
        flex-direction: column;
        order:2;
        align-items: center;
        justify-content: center;
    }
    .recuring-transfer-wrapper-cont  .img-cont{
        order:1;
    }

        
}



@media (max-width: 900px) {
    .recuring-transfer-wrapper-cont .img-cont img {
        width: 80%;
    }
    .section-wrapper-cont .img-cont img {
        width: 80%;
    }
}


.viber-cont{
    top:50%;
    left:50%;
    transform:translateY(-50%);
}

.gmail-cont {
    bottom: 0%;
    right: 48%;
    padding: 19px 11px 19px 12px;
    background: white;
    border-radius: 50%;
    transform: translate(55%, 35%);
    z-index: 2;
    box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.12);
}
.messenger-cont {
    bottom: 20%;
    left: -5%;
    padding: 7px 6px 5px 6px;
    box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.12);
    background: white;
    border-radius:50%;
}

.whats-up-cont {
    top: 5%;
    left:5%;
    padding: 7px 6px 5px 6px;
    box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.12);
    background: white;
    border-radius: 50%;
}

.img-cont .no-fee-cont {
    width: 220px;
    padding: 12px 24px;
    border-radius: 24px;
    background: #FFF;
    box-shadow: 12px 12px 24px 0px rgba(0, 0, 0, 0.12);
    top: 10%;
    transform: translateX(-50%)
}
    .img-cont .no-fee-cont span{
        white-space:nowrap;  
    }

    .img-cont .no-fee-cont {
        width: 220px;
        padding: 12px 24px;
        border-radius: 24px;
        background: #FFF;
        box-shadow: 12px 12px 24px 0px rgba(0, 0, 0, 0.12);
        top: 45%;
        transform: translate(-50%)
    }

.img-cont .free-of-charge {
    width: 220px;
    padding: 12px 24px;
    border-radius: 24px;
    background: #FFF;
    box-shadow: 12px 12px 24px 0px rgba(0, 0, 0, 0.12);
    top: 45%;
    transform: translate(-50%)
}

.btn-bg-white {
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: #FFF;
    color: black;
}

.send-money-wrapper {
    
    max-width: 1120px;
    width: 100%;
}

.free-of-charge-wrapper {
    max-width: 1000px;
    width: 100%;
}