﻿
@media(min-width:900px){
.find-your-currency-wrapper-cont {
    display: grid;
    align-items: center;
    justify-items: center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: auto;
    grid-column-gap: 165px;
    grid-row-gap: 52px;
    width: 100%;
}
    .send-money-wrapper-cont {
        display: grid;
        
        align-items: center;
        justify-content: center;
        grid-template-columns: 520px 500px;
        gap: 130px;
        width: 100%;
    }
    .send-money-wrapper h1 {
        font-size: 56px;
        font-weight: 700;
        line-height: 150%;
        margin-bottom: 1rem;
    }
    .send-money-wrapper p {
        font-size: 20px;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 1rem;
    }
    .send-money-wrapper {
        height: 900px !important;
    }
}
.FAQ-wrapper {
    height: 1200px !important; 
    background: rgb(255, 255, 255);
}


.find-your-currency-item small {
    font-family: "Aeonik Pro TRIAL";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.find-your-currency-item h5 {
    color: #000;
    text-align: center;
    
    font-family: "Aeonik Pro TRIAL";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%
}

.find-your-currency-main .custom-input-group {
    margin: 2rem 0 !important;
}



/* Base Styles */
.tranfer-money-internally-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 900px;
    
    padding: 2rem 1rem;
    box-sizing: border-box;
}

.tranfer-money-internally-wrapper-cont {
    display: grid;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(4, 1fr);
    margin: auto;
    grid-column-gap: 165px;
    grid-row-gap: 44px;
    width: 100%;
}

.tranfer-money-internally-item img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.tranfer-money-internally-item {
    max-width: 295px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 150px;
    padding: 0 20px;
}

    .tranfer-money-internally-item small {
        font-family: "Aeonik Pro TRIAL";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .tranfer-money-internally-item h5 {
        font-family: "Aeonik Pro TRIAL";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

.tranfer-money-internally-header {
    font-family: "Aeonik Pro TRIAL";
    font-size: 40px;
    margin-bottom: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.tranfer-money-internally-p {
    color: #000;
    text-align: center;
    font-family: "Aeonik Pro TRIAL";
    margin-bottom: 2rem;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .tranfer-money-internally-wrapper-cont {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 100px;
    }

    .tranfer-money-internally-header {
        font-size: 36px;
    }

    .tranfer-money-internally-p {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .tranfer-money-internally-wrapper-cont {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 50px;
    }

    .tranfer-money-internally-header {
        font-size: 32px;
    }

    .tranfer-money-internally-p {
        font-size: 16px;
    }
}



/* Base Styles */
.secure-reliable-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 900px;
    height: 100vh;
    padding: 2rem 1rem;
    box-sizing: border-box;
}

.secure-reliable-wrapper-cont {
    display: grid;
    align-items: center;
    justify-items: center;
    gap: 127px;
    grid-template-columns: 40% auto;
    max-width: 1200px;
}

    .secure-reliable-wrapper-cont .text-content h2 {
        font-size: 2.25rem; /* 36px */
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 1rem;
    }

    .secure-reliable-wrapper-cont .text-content small {
        color: #000;
        font-family: "Aeonik Pro TRIAL";
        font-size: 1.25rem; 
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }


@media (max-width: 1200px) {
    .secure-reliable-wrapper-cont {
        gap: 80px;
        grid-template-columns: 45% auto;
    }

        .secure-reliable-wrapper-cont .text-content h2 {
            font-size: 2rem; 
        }

        .secure-reliable-wrapper-cont .text-content small {
            font-size: 1.125rem; 
        }
}

@media (max-width: 992px) {
    .secure-reliable-wrapper-cont {
        gap: 60px;
        grid-template-columns: 50% auto;
    }

        .secure-reliable-wrapper-cont .text-content h2 {
            font-size: 1.75rem; 
        }

        .secure-reliable-wrapper-cont .text-content small {
            font-size: 1rem; 
        }
}

@media (max-width: 768px) {
    .secure-reliable-wrapper-cont {
        gap: 40px;
        grid-template-columns: 1fr;
    }

        .secure-reliable-wrapper-cont .text-content h2 {
            font-size: 1.5rem; 
            text-align: center;
        }

        .secure-reliable-wrapper-cont .text-content small {
            font-size: 0.875rem; 
            text-align: center;
        }
    .secure-reliable-wrapper-cont .text-content{
        order:2;
    }
        .secure-reliable-wrapper-cont .img-cont {
            order: 2;
        }
}

@media (max-width: 576px) {
    .secure-reliable-wrapper {
        padding: 1rem 0.5rem;
    }

    .secure-reliable-wrapper-cont {
        gap: 20px;
    }

        .secure-reliable-wrapper-cont .text-content h2 {
            font-size: 1.25rem; 
        }

        .secure-reliable-wrapper-cont .text-content small {
            font-size: 0.75rem; 
        }
}


/* Base Styles */
.quick-mobile-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 900px;
    
    padding: 2rem 1rem;
    box-sizing: border-box;
}



    .quick-mobile-wrapper-cont .text-content h1 {
        color: #000;
        font-variant-numeric: lining-nums tabular-nums;
        font-family: "Aeonik Pro TRIAL";
        font-size: 2.25rem; /* 36px */
        margin-bottom: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .quick-mobile-wrapper-cont .text-content small {
        color: #000;
        font-family: "Aeonik Pro TRIAL";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

/* Responsive Styles */
@media (max-width: 1200px) {
    .quick-mobile-wrapper-cont {
        gap: 80px;
        grid-template-columns: auto 45%;
    }

        .quick-mobile-wrapper-cont .text-content h1 {
            font-size: 2rem; /* 32px */
        }

        .quick-mobile-wrapper-cont .text-content small {
            font-size: 1.125rem; /* 18px */
        }
}

@media (max-width: 992px) {
    .quick-mobile-wrapper-cont {
        gap: 60px;
        grid-template-columns: auto 50%;
    }

        .quick-mobile-wrapper-cont .text-content h1 {
            font-size: 1.75rem; /* 28px */
        }

        .quick-mobile-wrapper-cont .text-content small {
            font-size: 1rem; /* 16px */
        }
}

@media (max-width: 768px) {
    .quick-mobile-wrapper-cont {
        gap: 40px;
        grid-template-columns: 1fr;
    }

        .quick-mobile-wrapper-cont .text-content h1 {
            font-size: 1.5rem; /* 24px */
            text-align: center;
        }

        .quick-mobile-wrapper-cont .text-content small {
            font-size: 0.875rem; /* 14px */
            text-align: center;
        }
}

@media (max-width: 576px) {
    .quick-mobile-wrapper {
        padding: 1rem 0.5rem;
    }

    .quick-mobile-wrapper-cont {
        gap: 20px;
    }

        .quick-mobile-wrapper-cont .text-content h1 {
            font-size: 1.25rem; /* 20px */
        }

        .quick-mobile-wrapper-cont .text-content small {
            font-size: 0.75rem; /* 12px */
        }
}
.exchange-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 900px;
    padding: 2rem 1rem;
    box-sizing: border-box;
}

.exchange-wrapper-cont {
    display: grid;
    align-items: center;
    justify-items: center;
    gap: 89px;
    grid-template-columns: auto 40%;
    max-width: 1200px;
}

    .exchange-wrapper-cont .text-content h1 {
        color: #000;
        font-variant-numeric: lining-nums tabular-nums;
        font-family: "Aeonik Pro TRIAL";
        font-size: 2.25rem; /* 36px */
        margin-bottom: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
    }

    .exchange-wrapper-cont .text-content small {
        color: #000;
        font-family: "Aeonik Pro TRIAL";
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

@media (max-width: 1200px) {
    .exchange-wrapper-cont {
        gap: 80px;
        grid-template-columns: auto 45%;
    }

        .exchange-wrapper-cont.text-content h1 {
            font-size: 2rem; /* 32px */
        }

        .exchange-wrapper-cont .text-content small {
            font-size: 1.125rem; /* 18px */
        }
}

@media (max-width: 992px) {
    .exchange-wrapper-cont {
        gap: 60px;
        grid-template-columns: auto 50%;
    }

        .exchange-wrapper-cont.text-content h1 {
            font-size: 1.75rem; /* 28px */
        }

        .exchange-wrapper-cont .text-content small {
            font-size: 1rem; /* 16px */
        }
}

@media (max-width: 768px) {
    .exchange-wrapper-cont {
        gap: 40px;
        grid-template-columns: 1fr;
    }

        .exchange-wrapper-cont .text-content h1 {
            font-size: 1.5rem; /* 24px */
            text-align: center;
        }

        .exchange-wrapper-cont .text-content small {
            font-size: 0.875rem; /* 14px */
            text-align: center;
        }
}

@media (max-width: 576px) {
    .exchange-wrapper {
        padding: 1rem 0.5rem;
    }

    .exchange-wrapper-cont {
        gap: 20px;
    }

        .exchange-wrapper-cont .text-content h1 {
            font-size: 1.25rem; /* 20px */
        }

        .exchange-wrapper-cont .text-content small {
            font-size: 0.75rem; /* 12px */
        }
}

.send-money-abroad-main {
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    height: 900px;
    padding: 2rem 1rem;
    box-sizing: border-box;
}

.send-money-abroad-cont {
    display: grid;
    align-items: center;
    justify-items: center;
    gap: 68px;
    grid-template-columns: 1fr 1fr 1fr;
    max-width:1400px;
}

    .send-money-abroad-cont .send-money-abroad-item{
        display:flex;
        margin-top:100px;
        flex-direction:column;
        
        justify-content:center;
    }

        .send-money-abroad-cont .send-money-abroad-item h3 {
            color: #000;
            font-variant-numeric: lining-nums tabular-nums;
            margin-bottom:1rem;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
        }


        .send-money-abroad-cont .send-money-abroad-item small {
            color: #000;
            font-variant-numeric: lining-nums tabular-nums;
            font-feature-settings: 'liga' off, 'clig' off;
            font-family: "Aeonik Pro TRIAL";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
        }

    .send-money-abroad-cont .select-currency-cont {
        display: flex;
        height: 275px;
        padding: 16px 23.61px;
        flex-direction: column;
        margin-bottom:24px;
        justify-content: center;
        gap: 25.971px;
        align-items:center;
        border-radius:  10px;
        background: #FFF;
        box-shadow: 12px 12px 24px 0px rgba(33, 22, 56, 0.12);
    }
        .send-money-abroad-cont .select-currency-cont h5 {
            color: #000;
            margin-bottom:4px;
            /* Body/Semi Bold */
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 150%;
        }

        .send-money-abroad-cont .select-currency-cont h6 {
            color:  #535154;

            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 21px */
        }
        .send-money-abroad-cont .select-currency-cont .arrow {
            width: 24px;
            height: 24px;
        }

            .send-money-abroad-cont .select-currency-cont img {
                max-width: 48px;
                width: 100%;
                border-radius: 50%;
                height: 48px;
            }


.quick-mobile-wrapper-cont {
    display: grid;
    align-items: center;
    justify-items: center;
    gap: 104px;
    grid-template-columns: auto auto;
    max-width: 1000px;
}



.select-currency-cont .send-input {
    width:287px;
    height: 61.663px;
    padding:10px;
    border-radius: 12.091px;
    border:1px solid black;
}

    .select-currency-cont .send-input h4 {
        font-family: Inter;
        font-size: 20.778px;
        font-style: normal;
        font-weight: 600;
        margin-right:15px;
        line-height: 150%;
    }
    .select-currency-cont .send-input span {
        color:  #211638;
        
        font-family: Inter;
        font-size: 20.778px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }

        .select-currency-cont .send-input img {
            width: 20.778px;
            height: 20.778px;
            margin-right: 3px;
        }
    .select-currency-cont .send-input .arrow {
        width: 18.47px;
        height: 18.47px;
    }
.select-currency-cont .us-cover-cont {
    background: white;
    bottom: 20%;
    width: 368px;
    height: 76.816px;
    position: absolute;
    right: -16px;
    top: 182px;
    border-radius: 8.932px;
    box-shadow: 10.718px 10.718px 21.437px 0px rgba(0, 0, 0, 0.12);
}

.select-currency-cont .eu-cover-cont {
    background: white;
    bottom: 20%;
    width: 101%!important;
    height: 61.663px;
    
    position: absolute;
    right: -25px;
    top: 23%;
    border-radius: 8.932px;
    box-shadow: 10.718px 10.718px 21.437px 0px rgba(0, 0, 0, 0.12);
}

.confetti-cont{
    background-image:url(../img/send-money-images/confetti.png) !important;
    z-index:1;
    
}