@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body {
    font-family: 'Raleway', sans-serif;
}
/*top section start*/
.top-section {
    background-color: #FFDC87;
    height: 100vh;
    overflow:hidden;
    position:relative;
}
    .top-section .tree {
        
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .top-section .top-bar {
        display: flex;
        justify-content: space-between;
        height: 100%;
        align-items: center;
    }
.top-section header .logo img {
    height: 70px;
}
    .top-section .topleft {
        height: 180px;
        width: 180px;
        background-color: #C42034;
        border-radius: 100%;
        position: absolute;
        left: -110px;
        top: 100px;
    }
    .top-section .topright {
        height: 150px;
        width: 150px;
        background-color: #C42034;
        border-radius: 100%;
        position: absolute;
        right: -100px;
        top: 150px;
    }
    .top-section .topright-mini {
        height: 50px;
        width: 50px;
        background-color: #C42034;
        border-radius: 100%;
        position: absolute;
        right: 50px;
        top: 100px;
    }
.btn-theme {
    border: solid 2px #C42034;
    border-radius: 50px;
    font-size: 16px;
    color: #C42034;
    font-weight: 500;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    height: 100%;
}
.btn-theme:hover {
    border: solid 2px #C42034;
    background-color: #C42034;
    color: #fff;

   
}
.btn-theme > i{
   margin-right:5px;
   font-size:20px;
}
.top-section header {
    padding:15px 0px;
}
.top-section header.jazz-logo {

}

.banner-part .banner-vector {
}

.top-section .banner-part {
    height: calc(100% - 100px);
    align-items: center;
    display: flex;
    position:relative;
    z-index:1;
}
.banner-part .banner-text h3 {
    font-family: 'Lobster Two', cursive;
    font-size: 50px;
    font-weight: 700;
    text-shadow: 0px 5px 4px rgb(0 0 0 / 19%);
}
.banner-part .banner-text {
    position:relative;
}
.banner-part .banner-text p {
    font-size: 20px;
    margin: 10px;
    line-height: 1.7;
}
.banner-part .banner-text .reward-logo {
    text-align:right;
}
.banner-part .banner-text .reward-logo img{
    height:70px;
}
.banner-part .top-left{

}

/*top section end*/

/*SIGNUP SEACTION START*/
.signup-section {
    background: #D9E6F6;
    padding-top:100px;
}
    .signup-section .couple-bg {
        margin-top:-200px;
    }
    .signup-section .couple-bg img {
        width: 100%;
    }
.title {
    text-align: center;
    position: relative;
}
    .title span {
        color: #CADCF1;
        text-transform: uppercase;
        font-size: 50px;
        font-weight: 200;
        position: absolute;
        width: 100%;
        left: 0;
        top: -34px;
    }
    .title h4 {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 700;
        position:relative;
    }
.signup-section .signup-point {
    margin-top: 20px;
    border: solid 1px #C1D6ED;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
    position:relative;
}
    .signup-section .signup-point p {
        font-size: 22px;
        margin: 0;
        margin: 5px 0px;
        padding-left: 70px;
        position: relative;
    }
        .signup-section .signup-point p span {
            height: 45px;
            width: 45px;
            color: #000;
            background-color: #A2BCDC;
            border-radius: 100%;
            text-align: center;
            display: inline-block;
            line-height: 45px;
            font-size: 20px;
            font-weight: 500;
            margin-right: 10px;
            position: absolute;
            left: 0;
            top:0;
        }
.signup-section .signup-text {
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    margin-top: 30px;
    color: #222222;
    position:relative;
}
    .signup-section .signup-text .tc {
        margin-top: 15px;
        display: block;
        color: #000;
        font-size: 16px;
    }
.btn2-theme {
    background-color:#C42034;
    color:#fff;
    border-radius:50px;
    padding:15px 35px;
    margin-top:15px;
}
.btn2-theme img{
    margin-right:5px;
}
.btn2-theme:hover {
    background-color: #000;
    color:#fff;
}

/*SIGNUP SECTION END*/

/*FOOTER START*/
footer {
    padding:10px 0px;
    font-size:14px;
}
    footer .bottom-link {
        display: flex;
        justify-content: space-between;
        color: #424A55;
    }
        footer .bottom-link .terms a {
            color: #424A55;
            text-decoration:none;
        }
/*FOOTER END*/

/*=============MEDIA QUERY START=================*/

@media(max-width:991px) {

    .top-section {
        height: auto;
        padding-bottom:50px;
    }

    .banner-part .banner-vector {
        text-align: center;
    }

    .banner-part .banner-vector {
        text-align: center;
        margin: 30px 0px;
    }
    .banner-text {
        text-align:center;
    }
    .banner-part .banner-text .reward-logo {
        text-align: center;
    }
    .top-section header .logo img {
        height:50px;
    }
    .signup-section {
   
        padding-top: 70px;
    }
        .signup-section .couple-bg {
            margin-top: -100px;
        }
}

@media(max-width:768px) {
    footer .bottom-link {
        display: block;
        text-align:center;
      
    }
        footer .bottom-link .terms {
            margin-top:5px;
        }
    .banner-part .banner-text h3 {
       
        font-size: 35px;

    }
    .banner-part .banner-text p {
        font-size: 17px;
      
    }
    .signup-section .signup-point p {
        font-size: 20px;

    }
    .signup-section .signup-text {
        font-size: 20px;
    
    }
    .top-section header .logo img {
        height: 40px;
    }
    .btn-theme {
      
        font-size: 14px;
        padding: 10px 20px;
    
    }
    .btn2-theme {

        padding: 10px 20px;
       
        font-size:14px;
    }
    .title h4 {
        font-size: 25px;
  
    }
    .signup-section .signup-point p {
        font-size: 18px;
    }
    .title span {

        font-size: 30px;
       
    }
    .banner-part .banner-text h3 {
        font-size: 30px;
    }
    .banner-part .banner-text .reward-logo img {
        height: 50px;
    }
    .top-section .topleft {
        height: 100px;
        width: 100px;
        left: -70px;
      
    }

    .top-section .topright {
        height: 100px;
        width: 100px;
        right: -70px;
        top: 150px;
    }

    .top-section .topright-mini {
        height: 30px;
        width: 30px;
       
        right: 30px;
    
    }
}