*{
    transition: all 0.4s ease;
}

main{
    background: #A90134;
    padding: 30px 150px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
}
main::after{
    position: absolute;
    content: '';
    right: 0%;
    top: 0;
    background-image: url(../images/top-right-shap.png);
    width: 700px;
    height: 700px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    z-index: -1;
}
main::before{
    position: absolute;
    content: '';
    left: 0%;
    bottom: 0;
    background-image: url(../images/bottom-left-shap.png);
    width:700px;
    height:700px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    z-index: -1;
}
.container{max-width: 1500px;}

.header-logo{
    font-family: 'Solway';
}
.header-logo{font-size: 40px ;}
.hero-section{
    /* padding: 62px 0; */
}
.main-text h2{font-size: 3.5vw;}
.social-media a{
    background: #fff;
    padding: 4px;
    border-radius: 100px;
}

.social-media a i {
background: #a90134;
display: flex;
padding: 0px;
color: white;
border-radius: 100px;
}


.privacy-section {
    height: 100%;
    overflow: auto;
    padding: 20px  0;
}
.privacy-section h4{margin-bottom: 0;}
.privacy-section h4::before {
    position: relative;
    left: 0;
    content: '\F518';
    font-family: 'Bootstrap-icons';
    margin-right: 5px;
    font-size: 20px;
    top: 0;
}
.privacy-section p {
    margin-bottom: 5px;
    padding: 0 31px;
    margin-top: 0px;
}
 footer{
    padding-top: 10px;
 }


@media (max-width:884px),(max-width:1285px) {
main{padding: 20px 00px;}
.iphone-img {
    height: 400px;
}
.iphone-img img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.header-logo img{height: 50px;}
.main-text h2{font-size: 55px;}
main::after,
main::before{
    width: 400px;
    height: 400px;
}
}
@media (max-width:650px){
main{padding: 10px 00px;}
.header-logo {font-size: 22px !important;}
.hero-section{text-align: center;}
.hero-section br{display: none !important;}
main::after,
main::before{
    width: 200px;
    height: 200px;
}
.iphone-img {
    height: 265px;
}
.main-text h1{font-size: 17px!important;}
.main-text h2{font-size: 24px;}
.main-text p{font-size: 15px !important;}
.main-text p br{display: none;}
.privacy-section h4{font-size: 18px;}
}