.app-section{
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: rgb(255, 251, 247);
    height:48rem;
}
.content{
    position: relative;
    max-width: 90rem;
    max-height: initial;
    margin: 3rem auto 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: nowrap;
}

.mobile{
    position: relative;
    max-width: 100%;
    height:450px;
    width:410px;
    overflow: hidden;

}
.mobile img{
    width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none;
  opacity: 1;
  will-change: transform, opacity;
  border-radius: inherit;
  filter: unset;
  transition: opacity 0.25s ease 0s, transform 0.25s ease 0s;
}
.get-app{
    position: relative;
    top: -2.5rem;
    width: 45rem;
    margin-left: 2rem;
    flex-shrink: 0;
}

.get-app .heading-2{
    color: rgb(28, 28, 28);
    margin: 0px 0px 1.5rem;
    font-weight: 500;
    font-size: 4.4rem;
    line-height: 5.6rem;
}
.get-app .description-para{
    font-size:1.6rem;
    margin: 0px 0px 2.5rem;
    color: rgb(54, 54, 54);
    width: 100%;
    line-height: 3.2rem;
    font-weight:200;
}
.app-options{
    display: flex;
    font-size: 1.6rem;
    width: 50%;
    height: 4rem;
    justify-content: space-between;
}
input[type="radio"]{
    accent-color:rgb(239, 79, 95);
}
.app-option{
    display:flex;
    align-items:center;
    gap:5px;
    height:6.3rem;
    font-size:1.6rem;
}
.email-input{
    display:flex;
    gap:10px;
    margin-bottom:1rem;
}
input[type="email"]{
    padding:1.3rem 1.2rem;
    height:4.8rem;
    background: white;
    border:0.1rem solid rgb(207 207 207);
    font-size:18px;
    width:100%;
    outline:none;
    box-sizing:border-box;
    border-radius:0.6rem;
    color:rgb(28,28,28);
    font-weight:200;
    line-height: 13px;
    margin-bottom: 2px;
}
.email-input button{
    background-color:rgb(239, 79, 95);
    color:white;
    border:none;
    min-width:15rem;
    cursor:pointer;
    border-radius:0.6rem;
    font-size:1.6rem;
    padding:0 1.6rem;
    transition:0.2s all;
}
.email-input button:hover{
    background-color:rgb(242,60,78);
}
.store-description{
    line-height:1.5;
    margin:0px 0px 1.5rem;
    color:rgb(156 156 156);
    font-size:1.4rem;

}
.store-buttons{
    gap:18px;
}
.store-buttons img{
    object-fit:cover;
    max-width:100%;
    width:13.7rem;
    height:4rem;
    cursor:pointer;
}

@media(max-width:800px){

    .app-section{
        /* padding:0 1rem; */
        width:100%;
    }
    .mobile{
        display:none;
    }

    .app-section .content{
        margin-top: 7.5rem!important;
        max-width: 42.4rem!important;
        margin: 0px 2.4rem!important;
    }

    .app-options{
        align-items:center;
    }
    .app-section .get-app{
        width:100%;
        margin: 0px 2.4rem!important;
    }
}