/*body {*/

/*    padding: 0;*/

/*    box-sizing: border-box;*/

/*    text-decoration: none;*/

/*    position: relative;*/

/*    max-width: 576px;*/

/*    margin: 0 auto !important; */

/*}*/

/* html {

    max-width: 500px;

} */

body {
    padding: 0;
    box-sizing: border-box;
    margin: 0;
    width: 100vw;
    /* height: 100vh; */
    /* display: grid; */
    /* place-items: center; */
    overflow-x: hidden;
}





* {

    font-family: Poppins;

}



a {

    text-decoration: none;

}



:root {

    --black-color: #393939;

    --white-color: #FFFFFF;

    --gray-color: #8D8D8D;

    --dark-black-color: #050606;

    --green-color: #7FB439;

}



    .top-scroll {

        display: inline-block;

        position: fixed;

        bottom: 50px;

        right: 1.25rem;

        z-index: 100;

    }



    .btn:first-child:active {

        border: none;

    }





    /* top-first */



    .top-first {  

        background: url(../image/top-form-desctop-bg.jpg);

        background-repeat: no-repeat;

        background-size: cover;

        position: relative;


    }



    .thankyou .connect {

        margin-top: 150px;

        padding: 50px 0;

        color: var(--black-color);

        background: var(--white-color);

        text-align: center;

        border-radius: 1.25rem;



    }



    .thankyou .connect h2 {

        font-size: 2.25rem;

        color: var(--green-color);

        font-weight: 600;

    }



    .thankyou .connect p {

        font-size: 1.125rem;

        font-weight: 400;

    }



    /* symphony-form top */

    .symphony-form.top {
        padding: 25px 0 50px 0;
    }



    .symphony-form.top h2 {

        color: var(--white-color);

        text-align: center;

        font-family: "Scheherazade New";

        font-size: 4rem;

        font-style: normal;

        font-weight: 400;

        line-height: 50px;

        margin-bottom: 23px;

    }



    .symphony-form.top h2 span {

        font-size: 2.625rem;

        font-family: "Scheherazade New";

    }



    .symphony-form.top h2 sup {

        font-family: "Scheherazade New";

        font-size: 2.25rem;

    }



    .symphony-form.top .form {

        box-shadow: 0px 0px 1.25rem 10px rgba(0, 0, 0, 0.23);

    }



    .arrow-down {

        text-align: center;

        padding: 30px 0;

    }



    /* needs */



    .Geysers {

        height: 800px;

        background: url(../image/Geysers-decstop.jpg);

        background-size: cover;

        background-repeat: no-repeat;

        padding-top: 50px;

        text-align: center;

        position: relative;
            background-position: center;

    }



    .Geysers h2 {

        color: var(--white-color);

        text-align: center;

        font-family: "Scheherazade New";

        font-size: 3.125rem;

        font-style: normal;

        font-weight: 400;

        line-height: 48px;

    }



    .Geysers-product {

        position: absolute;

        bottom: 85px;
        left: 0;
        width: 100%;

    }



    .Geysers-product h4 {

        color: var(--white-color);

        font-size: 1rem;

        font-style: normal;

        font-weight: 300;

        line-height: 22px;

    }



    .Geysers-product h4 span {

        font-weight: 600;

    }



    .right-border {

        border-right: 1px solid #7FB539;

    }





    .bottom-img {

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

    }

    .bottom-img.mobile {
        display: none;
    }
    .bottom-img.decktop {
        display: block;
    }





    /* dual-logo */



    .dual-logo {

        background: var(--dark-black-color);

        color: var(--white-color);

        padding: 40px 0;

    }



    /* spa-Geysers */



    .Spa-Geysers {

        background: url(../image/spaGeysers-desktop.jpg);

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center left;

        padding: 58px 0;

        position: relative;

    }







    .Spa-Geysers p {

        color: var(--white-color);

        text-align: center;

        font-size: 1.25rem;

        font-style: normal;

        font-weight: 400;

        line-height: 22px;

        margin-top: 100px;
        

    }



    .Spa-Geysers p span {

        color: var(--green-color);

    }







    /* soul-Geysers */



    .soul-Geysers {

        background: url(../image/soulGeysers-desktop.jpg);

        background-size: cover;

        background-repeat: no-repeat;

        height: 720px;

        padding: 49px 0;

        position: relative;

    }

    .soul-Geysers .features {
        margin-top: 70px;
    }



    .soul-Geysers p {

        color: var(--white-color);

        text-align: center;

        font-size: 1.25rem;

        font-style: normal;

        font-weight: 400;

        line-height: 22px;

        position: absolute;

        bottom: 95px;

        width: 100%;

        margin: 0;

        left: 0;

    }



    .soul-Geysers p span {

        color: var(--green-color);

    }





    /* souna-Geysers */



    .souna-Geysers {

        background: url(../image/sounaGeysers-desktop.jpg);

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center;

        height: 700px;

        padding: 49px 0;

        position: relative;

    }

    
    .souna-Geysers .features {
        margin-top: 95px;
        padding-left: 15px;
    }




    .souna-Geysers p {

        color: var(--white-color);

        text-align: center;

        font-size: 1.25rem;

        font-style: normal;

        font-weight: 400;

        line-height: 22px;

        margin-top: 100px;

    }



    .souna-Geysers p span {

        color: var(--green-color);

    }







    /* symphony-form */

    .symphony-form.bottom {

        background: var(--dark-black-color);

        padding: 21px 0 0 0; 

    }
label {
    color: #8D8D8D;
    font-family: Poppins;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
}

.form-control:focus {
    border-bottom: 1px solid #000 !important;
    outline: none;
}

.form-control:focus + label {
    color: #000;
}
    .symphony-form p {

        color: var(--white-color);

        font-size: 2rem;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

        margin: 1.25rem;

    }



    .form {

        background: var(--white-color);

        border-radius: 10px;

        padding: 2.5rem 1.25rem ; 

        margin-top: 10px;

    }



    .form h3 {

        text-align: center;

    }



    .form-group select {

      padding-left: 0px !important;
    margin-bottom: 24px !important;
    margin-top: 15px;
    border: 0;
    border-bottom: 1px solid var(--gray-color) !important;
    border-radius: 0;
    padding: 0;
    margin-bottom: 8px;
    width: 100%;
    color: var(--gray-color);

    }



    .form-group select:focus-visible {

        outline: none;

    }



    .form-control {

        border: 0px;

        border-bottom: 1px solid var(--gray-color) !important;

        border-radius: 0;

        padding: 0;

        margin-bottom: 10px;

    }



    .form-control:focus {

        box-shadow: none;

    }



    form .submit-button {

        color: var(--white-color);

        background: var(--dark-black-color);

        text-align: center;

        font-size: 1.125rem;

        font-style: normal;

        font-weight: 600;

        line-height: normal;

        text-transform: uppercase;

        width: 100%;

        padding: 10px;

        margin-top: 15px;

        border: 1px solid var(--dark-black-color) !important;

    }



    .download {

        background: var(--black-color);

        padding: 28px 0;

        margin-top: 30px;
        
        text-align: center;

    }



    .download a {

        color: var(--white-color);

        background: var(--green-color);

        border-radius: 50px;

        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

        font-size: 1.5rem;

        font-style: normal;

        font-weight: 500;

        line-height: 30px;

        text-align: center;

        padding: 9px 50px;

        display: inline-block;

    }



    .form-img {

        position: relative;

        height: 67px;

    }



    .form-img img {

        position: absolute;

        right: 45%;

    }



    /* end-sec */



    .end-sec {

        background: var(--black-color);

        color: var(--white-color);

        color: #FFF;

        text-align: center;

        font-size: 0.875rem;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

        padding: 31px 0;

    }



    .end-sec p {

        margin-bottom: 0;

    }

    section.top-first.thankyou.header {
        height: 800px !important;
    }


.thankyou-sec {
    background: var(--white-color);
    border-radius: 10px;
    padding: 2.5rem 1.25rem;
    margin-top: 10px;
    box-shadow:0px 0px 1.25rem 10px rgba(0, 0, 0, 0.23);
}

.thankyou-sec h1 {
    font-size: 2.25rem;
    color: var(--green-color);
    font-weight: 600;
}
.thankyou-sec p {
       font-size: 1.125rem !important;
    font-weight: 400 !important;
    margin:0px !important; color:#000 !important;
}

    @media (max-width: 768px) {
        .top-first {  

            height: 800px;
    
            background: url(../image/top-form-bg.jpg);
        }

        
    .Geysers {

        height: 555px;

        background: url(../image/Geysers.svg);
        padding-top: 79px;
    }

    .bottom-img.dsktop {
        display: none;
    }
    
    
    .Geysers-product {

        position: absolute;

        bottom: 60px;

        width: 100%;

    }

    .Spa-Geysers {

        background: url(../image/spaGeysers.jpg);

        height: 559px;

    }

    

    .soul-Geysers {

        background: url(../image/soulGeysers.jpg);

        height: 568px;
    }

    .soul-Geysers p {

        bottom: 59px;

    }

    
    .soul-Geysers .features {
        margin-top: auto;
    }
    
    .souna-Geysers {

        background: url(../image/sounaGeysers.jpg);

        height: 568px;


    }

    

    .souna-Geysers p {

        margin-top: 42px;

    }

    


    .download a {

        padding: 9px 0;

        width: 100%;

        display: block;

    }

        
    .souna-Geysers .features {
        margin-top: auto;
        padding: auto;
    }

    .symphony-form.top {

        padding: auto;
    }


    .symphony-form p {

        font-size: 1.125rem;

    }

    
    .symphony-form.top h2 {

        font-size: 3rem;
    }

    
    .symphony-form.top h2 span {

        font-size: 2.25rem;
    
    }

    .Spa-Geysers p {
        margin-top: 50px !important;
 
    }

    
      }