@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@100');


@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('./ProximaNovaRegular.eot');
    src: local('ProximaNovaRegular'), url('./ProximaNovaRegular.woff') format('woff'), url('./ProximaNovaRegular.ttf') format('truetype');
}
    
@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('ProximaNova-Bold.eot');
    src: url('ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('ProximaNova-Bold.woff') format('woff'),
        url('ProximaNova-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



body {
    margin: 0;
    font-family: 'ProximaNovaRegular' !important;
    overflow: hidden;
}


.container-main{
    position: relative;
    height: 100vh;
    width: 100%;
}

.banner-set{
    width: 55%;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    z-index: 9;
}

.logo-info-set{
    width: calc(45% - 160px);
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    z-index: 9;
    text-align: center;
}

.sg-details{
    padding: 15px 0 0 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.sg-info{
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    font-size: 25px;
    font-family: 'Proxima Nova Rg';
}
.sg-info a:link{
    color: #fff;
}

.logo-info-set img{
    height: 250px;
}

.logo{
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 99;
    width: 150px;
}


.qr-code{
    position: absolute;
    right: 30px;
    bottom:30px;
    align-items: center;
}

.sumangali-bg{
    width: 100%;
  height: 100vh;
  background-image: url('../images/sunagali-bg-image.jpg');
  background-size: 100% 100%;
}


.qr-code img{
    width: 100px;
}
.qr-code div{
    margin-right: 30px;
    color: #fff;
}

@media only screen and (min-width: 601px)  {
    .sg-info br{
        display: none;
    }
}

@media only screen and (max-width: 600px)  {
    .qr-code{
        bottom: 90px;
    }
    .sg-info span{
        display: none;
    }
    .sumangali-bg{
        height: 100vh;
        max-width: inherit;
        align-items: center;
    }
    .logo{
        top: 0;
        width: 100px;
    }
    .logo-info-set {
        width: inherit;
        position: absolute;
        top: 280px;
        right: 0;
        transform: translateY(-50%);
        z-index: 9;
        text-align: center;
        padding: 0 30px;
        align-items: center;
    }
    .logo-info-set img {
        height: inherit;
    }
    .banner-set {
        width: 100%;
        position: absolute;
        top: inherit;
        left: inherit;
        transform: inherit;
        z-index: 9;
        padding: 15px;
    }
    .sg-info {
        margin-top: 175px;
        font-size: 20px;
    }
    .sg-details{
        display: none;
    }
}