*{
    margin:0px;
    font-family: Lato;
    font-style: normal;
}
/*Section 1*/
.Section1{
    background-color: rgb(255, 222, 227);
    height:500px;
    width: 100%;
    display: flex;
    justify-content: space-around;
}
#HeaderText1{
    padding: 100px 70px 5px 100px;
    font-size:  25px;
    font-weight: 800; 
    
}
#HeaderText2{
    padding: 10px 0px 5px 100px; 
    font-size:  12px;
    font-weight: 400; 
    color:rgba(39, 39, 39, 0.60);
}
.Main_button{
    border-radius: 8px;
    background: #E55473; 
    color: #FFF; 
    font-size: 15px;
    font-weight: 700; 
    padding: 10px 17px;
    margin: 10px 0px 0px 100px;
}
/*Section 2*/
#Section_2_header1{
    padding: 50px 0px 10px 0px;
    font-size:  18px;
    font-weight: 800;
    text-align: center;
}
#Section_2_header2{
    font-size:  12px;
    font-weight: 400; 
    color:rgba(39, 39, 39, 0.60);
    text-align: center;
}
.Section_2_pictures{
    margin: 30px 150px 0px;
    justify-content: space-around;
    display: flex;
}
#sec2_pic1{
    border-radius: 300px 300px 0px 0px;
    background: rgba(167, 33, 98, 0.15);
    height:250px ;
    width: 230px;
    padding: 80px 30px 0px 30px;
    text-align: center;
}
#sec2_pic2{
    border-radius: 300px 300px 0px 0px;
    background:rgba(5, 151, 160, 0.15); 
    height: 250px;
    width: 230px;
    padding: 80px 30px 0px 30px;
    text-align: center;
}
#sec2_pic3{
    border-radius: 300px 300px 0px 0px;
    background: rgba(71, 125, 17, 0.15);
    height: 250px;
    width: 230px;
    padding: 80px 30px 0px 30px;
    text-align: center;
    
}
/*Section 3*/
.Sec3_pic{
    background: rgba(39, 39, 39, 0.05);
    margin: 100px 185px 0px;
    padding: 50px 0px 30px;
    justify-content: space-around;
    display: flex;
    text-align: center;
}
/* Section 4 */
.Section4{
    margin-top: 50px;
    background-color: rgb(255, 222, 227);
    height:500px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    text-align: center;
}
#Sec4_text1{
    padding: 200px 70px 5px 170px;
    font-size:25px;
    font-weight: 800; 
}
#Sec4_text2{
    padding: 10px 0px 0px 100px; 
    font-size:  15px;
    font-weight: 400; 
    color:rgba(39, 39, 39, 0.60);
}
#off_color{
    color: #E55473;
}
#sec4_vas{
    padding: 100px 120px ;
}
/*section 6 */
.Section6{
    margin-top: 50px;
    background-color: rgb(255, 222, 227);
    height:400px;
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.message{
    border-radius: 8px;
    background: #E55473; 
    color: #FFF; 
    font-size: 15px;
    font-weight: 700; 
    padding: 10px 25px;
    margin: 10px 0px 0px 10px;
}
.ways{
    border-radius: 8px;
    background: #E55473; 
    color: #FFF; 
    font-size: 15px;
    font-weight: 700; 
    padding: 10px 30px;
    margin: 10px 250px ;
}
/*section 7*/
.Section7{
    background-image: url(Images/13.png);
    margin: 100px 185px 0px;
}
.Sec7{
    padding: 50px 0px 30px;
    text-align: center;
}
/*Section 8*/
.Section8{
    margin-top: 50px;
    background-color: rgb(0, 0, 0);
    height:400px;
    width: 100%;
    text-align: center;
    
}
.white_color{
    color: #FFF;
}
#assh{
    color: rgba(169, 169, 169, 0.589);
}




/*Responsive*/
/*Tab*/
@media screen and (min-width:768px) and (max-width:992px) {
    .Section1{
    height:505px;
    justify-content: space-evenly;
    }
    #HeaderText1{
        padding: 100px 10px 10px 10px;
    }
    #HeaderText2{
        padding: 10px; 
    }
    .Main_button{
        margin: 10px 0px 0px 10px;
    }
    .flowerBanner img{
        max-width:100% ;
        height: auto;
    }
    .Section2{
        padding:10px;
    }
    .Section_2_pictures{
        margin: 30px auto;
        justify-content: space-evenly;
    }
    .sec2_pic1,.sec2_pic2,.sec2_pic3 img{
        max-width: 95%;
        margin: auto;
    }
    .Section4{
        margin-top: 20px;
        justify-content: space-evenly;
    }
    #Sec4_text1{
        padding: 130px 0px 5px 10px;
        font-size:20px;
    }
    #Sec4_text2{
        padding: 5px 0px 0px 10px; 
        font-size:  14px;
    }
    #sec4_vas{
        padding: 70px 100px ;
    }
    .sec5image img{
        max-width:95%;
        margin: auto;
        
    }
    .Section6{
        flex-direction: column;
        height: fit-content;
        background-color: rgb(255, 255, 255);
        align-items: center;
    }
    .sec6image img{
        height:auto ;
        max-width: 100%;
    }
    .sec6image .ways{
        position: relative;
        left:45%;
    }
    .ways,.message{
        margin: 10px auto;
    }
    .sec6image .message,input{
        position: relative;
        left:12%;
    }
    .Section7{
        width: 100%;
        margin: 20px auto;
    }
    .Sec7{
        padding: 20px 0px ;
    }
    .Sec7Box input{
        position: relative;
        left:0%;
    }
    
    
    
}


/*Mobile*/
@media screen and (max-width:768px) {
    .Section1{
        height:505px;
        justify-content: space-evenly;
        }
        #HeaderText1{
            padding: 100px 10px 10px 10px;
            font-size:  18px;
        }
        #HeaderText2{
            padding: 10px; 
        }
        .Main_button{
            margin: 10px 0px 0px 10px;
        }
        .flowerBanner img{
            max-width:100% ;
            height: 450px;
        }
        .Section_2_pictures{
            
            align-items: center;
            flex-direction: column;
            
        }
        #sec2_pic1,#sec2_pic2,#sec2_pic3{
            margin-bottom:50px;
        }
        .Sec3_pic{
            margin: 20px 15px;
            padding: 20px;
            justify-content: space-evenly; 
        }
        .Section4{
            margin-top: 20px;
            justify-content: space-evenly;
        }
        #Sec4_text1{
            padding: 130px 0px 5px 0px;
            font-size:16px;
        }
        #Sec4_text2{
            padding: 5px 0px 0px 0px; 
            font-size:  12px;
        }
        #sec4_vas{
            padding: 70px 0px ;
        }
        #sec4_vas img{
            width:100% ;
            height: 350px;
        }
        
        .Section6{
            flex-direction: column;
            height: fit-content;
            background-color: rgb(255, 255, 255);
            align-items: center;
        }
        .sec6image img{
            height:auto ;
            max-width: 100%;
        }
        .sec6image .ways{
            position: relative;
            left:35%;
        }
        .ways,.message{
            margin: 10px auto;
        }
        .sec6image .message,input{
            position: relative;
            left:3%;
            
        }
        .sec6image input{
            width: 70%;
        }
        .Section7{
            width: 100%;
            margin: 20px auto;
        }
        .Sec7{
            padding: 20px 0px ;
        }
        .Sec7Box input{
            width: 70%;
        }
        .Sec7Box input{
            margin-top: 10px;
            position: relative;
            left:0%;
        }
        
}