a{
    text-decoration: none !important;
    color: #C04A77 !important; 
}

h2{
    font-family: "Poppins",sans-serif;
    font-size: 45px !important;
    font-weight: bold !important;
    text-align: center;
    color: #4B2C4F; /* Deep plum */
}
h4{
    font-family: "Poppins",sans-serif;
    font-size: 22px !important;
    font-weight: bold !important;
    text-align: center;
}

p{
    font-family: "Roboto",sans-serif;
    font-size: 18px;
}
.col-sm-4 p{
    text-align: center;
    margin: 0;
}
.devider{
    width: 50px;
    height: 2px;
    background: #000;
    margin: 0 auto;
}

#menu{
    text-align: center;
}
@media screen and (max-width:600px) {
    #menu{
        display: none;
    }
}

#menu button{
    padding: 15px 20px;
    margin: 5px;
    border: none;
    color: #C04A77;
    background: #FFF5E4;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 500;
}
#menu button:hover{
    color: #FFF5E4;
    background: #C04A77;
    transition: .5s;
}
#mob-nav span{
    text-align: left !important;
    font-style: normal !important;
    color: #C04A77;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}
#mob-nav{}
@media screen and (min-width:601px) {
    #mob-nav{
        display: none;
    }
}

.bg-light a{
    margin: 10px 0px;
}


.logo{
    width:60%;
}
@media screen and (max-width:768px) {
    .logo{
        width:100%;
    }
    
}
.col-sm-4{
}
@media screen and (max-width:811px) {
    .col-sm-4{
        width: 50% !important;
    }
}
@media screen and (max-width:500px) {
    .col-sm-4{
        width: 100% !important;
    }
}
.bg-col-1{
    background: #FFF5E4;
    box-shadow: 0px 10px 10px #e0e0e0;
    padding: 30px 0px;
    margin: 10px 0px;
}
.bg-col-2{
    background: #FFF5E4;
    box-shadow: 10px 15px 10px #e0e0e0;
    margin: 20px 0px;
}