/* Expectations Styling Begins*/
.get-started-grands4-expectations{
    padding-top: 140px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.get-started-grands4-expectations__title{
    font-family: "Oxygen", cursive;
    font-weight: 700;
    font-size: 37px;
    line-height: 109.00000000000001%;
    text-transform: capitalize;
}
.get-started-grands4-expectations__subtitle{
    font-family: "Oxygen", cursive;
    font-weight: 400;
    font-size: 35px;
    line-height: 130%;
    text-transform: capitalize;
}
.get-started-grands4-modules{
    display: flex;
    flex-direction: column;
}
.get-started-grands4-module{
    display: grid;
    grid-template-columns: 5fr 1fr;
    justify-content: space-between;
    background: rgba(52, 31, 80, 0.7);
    padding: 60px;
    position: relative;
}
.get-started-grands4-module--implementation{
    margin-bottom: 40px;
}
 .get-started-grands4-module::after {
     content: url('../img-opt/get-started/cartoon-flower.svg'); /* your SVG */
     display: inline-block;
     position: absolute;
     bottom: -2.5%;   /* distance from bottom */
     left: -1.5%;    /* same as container padding for alignment */
     width: 24px;    /* adjust size */
     height: 24px;
     z-index: 100;
 }

 .get-started-grands4-module::before {
     content: '';
     position: absolute;
     bottom: 0;   /* slightly above SVG if needed */
     right: 0;    /* same padding as container */
     width: 100%;   /* length of the line */
     height: 1px;    /* thickness */
     background: #fff; /* line color */
 }


.get-started-grands4-module__content{
    display: flex;
    flex-direction: column;
}
.get-started-grands4-module__title{
    font-family: "Oxygen", cursive;
    font-size: 28px;
    line-height: 97%;
    font-weight: 400;
    color: rgba(249, 44, 177, 1);
}
 .get-started-grands4-module__title span {
     font-weight: 700;
 }
.get-started-grands4-module__list{
    padding: 20px;
    font-family: "Oxygen", cursive;
    font-weight: 400;
    font-size: 23px;
    line-height: 31px;
}



.get-started-grands4-cta{
    background: linear-gradient(90deg, #3F102E 0%, #2C224A 51.54%, #16131F 100%);
    padding: 30px 60px;
    display: grid;
    grid-template-columns: 6fr 7fr;
    margin-bottom: 40px;
    gap: 50px;
}
.get-started-grands4-cta__info{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.get-started-grands4-cta__title{
    font-family: "Oxygen", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 109.00000000000001%;
    text-transform: capitalize;
}
.get-started-grands4-cta__subtitle{
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 100%;
}
.get-started-grands4-cta__description{
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 120%;
}



.get-started-grands4-form{
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.get-started-grands4-form__row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 20px;
}
.get-started-grands4-form__field{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.get-started-grands4-form__label{
    margin-bottom: 0;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 121%;
}
.get-started-grands4-form__input{
    border: 0.6px solid rgba(173, 173, 173, 1);
    border-radius: 4px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 121%;
    padding: 8px 12px;
}
.get-started-grands4-form__textarea{
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 121%;
    height: 89px;
    padding: 8px 12px;
    resize: none;
}
.get-started-grands4-form__button{
    padding: 15px;
    border-radius: 41px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 19px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    background: rgba(249, 44, 177, 1);
    border: none;
    color: #fff;
    cursor: pointer;
}


 .get-started-grands4-form__disclaimer{
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 121%;
}




 .get-started-grands4-contact{
     background: rgba(33, 30, 36, 1);
     display: grid;
     grid-template-columns: 4fr 2fr;
     align-items: center;
     justify-content: space-between;
     padding: 30px;
     margin-bottom: 50px;
 }
.get-started-grands4-contact__header{
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
.get-started-grands4-contact__titles{
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.get-started-grands4-contact__title{
    font-family: "Oxygen", cursive;
    font-weight: 700;
    font-size: 31px;
    line-height: 109.00000000000001%;
    text-transform: capitalize;
}
.get-started-grands4-contact__title-2{
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-size: 33px;
    line-height: 120%;

}




.get-started-grands4-contact__methods{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.get-started-grands4-contact__method{
    display: flex;
    align-items: center;
    gap: 30px;
}
.get-started-grands4-contact__method-icon-wrapper{
    padding: 20px;
    border-left: 5px solid rgba(249, 44, 177, 1);
}

.get-started-grands4-contact__method-details{
    display: flex;
    flex-direction: column;
    gap: 10px;
}


@media (max-width: 991px) {
    .get-started-grands4-cta{
        display: flex;
        flex-direction: column;
    }
}
 @media (max-width: 767px) {
    .get-started-grands4-contact{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 50px;
    }
     .get-started-grands4-contact__icon-wrapper{
         display: none;
     }
     .get-started-grands4-contact__titles{
         padding-top: 0;
     }
     .get-started-grands4-module{
         padding: 20px;
     }
 }
 @media (max-width: 540px) {
     .get-started-grands4-module{
         display: flex;
         flex-direction: column;
         align-items: center;
     }
     .get-started-grands4-form__row{
         display: flex;
         flex-direction: column;
         align-items: stretch;
     }
     .get-started-grands4-cta {
        padding: 20px;
     }
 }
 @media (max-width: 400px) {
     .get-started-grands4-contact__method-icon-wrapper{
         padding: 10px;
     }
     .get-started-grands4-contact{
         padding: 20px;
     }
 }
 /* ============================= */
 /* 📱 Responsive Typography */
 /* ============================= */

 /* 1024px and below */
 @media (max-width: 1024px) {
     .get-started-grands4-expectations__title { font-size: 32px; }
     .get-started-grands4-expectations__subtitle { font-size: 30px; }

     .get-started-grands4-module__title { font-size: 25px; }
     .get-started-grands4-module__list { font-size: 21px; }

     .get-started-grands4-cta__title { font-size: 36px; }
     .get-started-grands4-cta__subtitle,
     .get-started-grands4-cta__description { font-size: 22px; }

     .get-started-grands4-contact__title { font-size: 28px; }
     .get-started-grands4-contact__title-2 { font-size: 30px; }
 }

 /* 768px and below */
 @media (max-width: 768px) {
     .get-started-grands4-expectations__title { font-size: 28px; }
     .get-started-grands4-expectations__subtitle { font-size: 26px; }

     .get-started-grands4-module__title { font-size: 22px; }
     .get-started-grands4-module__list { font-size: 19px; }

     .get-started-grands4-cta__title { font-size: 32px; }
     .get-started-grands4-cta__subtitle,
     .get-started-grands4-cta__description { font-size: 20px; }

     .get-started-grands4-contact__title { font-size: 25px; }
     .get-started-grands4-contact__title-2 { font-size: 27px; }
 }

 /* 425px and below */
 @media (max-width: 425px) {
     .get-started-grands4-expectations__title { font-size: 24px; }
     .get-started-grands4-expectations__subtitle { font-size: 22px; }

     .get-started-grands4-module__title { font-size: 20px; }
     .get-started-grands4-module__list { font-size: 17px; }

     .get-started-grands4-cta__title { font-size: 28px; }
     .get-started-grands4-cta__subtitle,
     .get-started-grands4-cta__description { font-size: 18px; }

     .get-started-grands4-form__button { font-size: 17px; }

     .get-started-grands4-contact__title { font-size: 22px; }
     .get-started-grands4-contact__title-2 { font-size: 24px; }
 }

 /* 375px and below */
 @media (max-width: 375px) {
     .get-started-grands4-expectations__title { font-size: 22px; }
     .get-started-grands4-expectations__subtitle { font-size: 20px; }

     .get-started-grands4-module__title { font-size: 18px; }
     .get-started-grands4-module__list { font-size: 16px; }

     .get-started-grands4-cta__title { font-size: 24px; }
     .get-started-grands4-cta__subtitle,
     .get-started-grands4-cta__description { font-size: 17px; }

     .get-started-grands4-contact__title { font-size: 20px; }
     .get-started-grands4-contact__title-2 { font-size: 22px; }
 }

 /* 320px and below */
 @media (max-width: 320px) {
     .get-started-grands4-expectations__title { font-size: 20px; }
     .get-started-grands4-expectations__subtitle { font-size: 18px; }

     .get-started-grands4-module__title { font-size: 16px; }
     .get-started-grands4-module__list { font-size: 15px; }

     .get-started-grands4-cta__title { font-size: 22px; }
     .get-started-grands4-cta__subtitle,
     .get-started-grands4-cta__description { font-size: 16px; }

     .get-started-grands4-form__button { font-size: 16px; }

     .get-started-grands4-contact__title { font-size: 18px; }
     .get-started-grands4-contact__title-2 { font-size: 20px; }
 }





/* Footer Styling begins */
.footer-4grands{
    background-image: url("../img-opt/footer-background.svg");
}
.footer-4grands-wrapper{
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 40px;
    color: #1A1A1A;
}
.footer-4grands-top{
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    gap: 40px;
}
.footer-4grands-brand{
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.footer-4grands-backtotop{
    display: flex;
    align-items: center;
    gap: 4px;
    border: 0.6px solid #929292;
    padding: 7px 14px;
    border-radius: 14px;
    color: #1A1A1A;
    font-family: "Oxygen", sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 147%;
}

.footer-4grands-backtotop:hover, .footer-4grands-backtotop:focus {
    color: #F92CB1;
}

.footer-4grands-copy{
    font-family: "Oxygen", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 147%;
}

.footer-4grands-contact{
    display: flex;
    gap: 20px;
}

.footer-4grands-contact-col{
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 135%;
}

.footer-4grands-contact-col div{
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-4grands-bottom{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    padding-top: 10px;
}
.footer-4grands-links-primary, .footer-4grands-links-secondary{
    display: flex;
    gap: 30px;
}
.footer-4grands-link{
    color: #1A1A1A;
}
.footer-4grands-socials-list{
    display: flex;
    align-items: flex-start;
    gap: 15px;
    list-style: none;
}
.footer-4grands-social-link{
    font-size: 24px;
    color: #1A1A1A;
}
.footer-4grands-social-link:hover, .footer-4grands-social-link:focus{
    color: #F92CB1;
}
.footer-4grands-link:focus, .footer-4grands-link:hover{
    color: #F92CB1;
}
@media (max-width: 991px) {
    .footer-4grands{
        margin-top: 140px;
    }
    .footer-4grands .container{

    }
    .footer-4grands{
        display: flex;
        justify-content: center;
    }
    .footer-4grands-wrapper{
        flex-direction: column;
        gap: 30px;
    }
    .footer-4grands-socials{
        margin-top: 10px;
    }
}
 @media (max-width: 787px) {
     .footer-4grands-backtotop {
         display: none;
     }
     .footer-4grands-contact{
         flex-direction: column;
     }
 }
 @media (max-width: 575px) {
     .container {
         width: 100%;
         max-width: 100%;
         padding-left: 15px;
         padding-right: 15px;
     }
 }
 @media (max-width: 469px) {
    .footer-4grands-links-primary, .footer-4grands-links-secondary{
        gap: 10px;
    }
 }