h1 {
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 10px;
}
h2 {
    font-size: 1.4rem;
    font-weight: bold;
    padding-bottom: 10px;
}
h3 {
    font-size: 1.3rem;
    font-weight: bold;
    padding-bottom: 10px;
}
h4 {
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 10px;
}
h5 {
    font-size: 1.1rem;
    font-weight: bold;
    padding-bottom: 10px;
}
h6 {
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: 10px;
}

body {
    margin: 0;
    padding: 0;
    background: #f9f9f9;
    font-family:Arial, Helvetica, sans-serif;
    line-height: 26px;
    font-weight: normal;
    color: #3a4f66;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
* {
    padding: 0;
    margin: 0;
}
a {

    color:#222;
    text-decoration:none;
    transition: all 0.4s ease 0s;
}
a:hover {
                 color:#666;
             }
ul{ list-style: none;}
.clear{ clear:both;}
img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
.m-bodyboxs{max-width: 980px; min-height: 680px; background: #fff; text-align: center; padding:0;
    margin: 0 auto;}
.m-bodyboxs p{ padding-bottom: 10px;}
.m-bodyboxs dt{ font-size: 20px; font-weight: bold; padding-bottom: 10px; text-transform:capitalize;}
.m-bodyboxs  img{ padding: 0; margin: 0;}


.whatsapp-button{

    position:fixed;

    bottom:25px;
    left:50%;

    transform:translateX(-50%);

    width:320px;
    height:65px;

    max-width:85%;

    border-radius:50px;

    background:
            linear-gradient(
                    135deg,
                    #25D366,
                    #128C7E
            );

    display:flex;

    align-items:center;

    justify-content:center;

    color:white;

    font-size:18px;

    font-weight:700;

    text-decoration:none;

    z-index:1000;

    box-shadow:
            0 10px 25px rgba(37,211,102,.4);

}
.whatsapp-button:hover{ color: #fff;}

.whatsapp-bubble{

    position:absolute;

    right:-12px;

    top:-12px;


    width:42px;

    height:42px;


    background:white;


    border-radius:50%;


    display:flex;

    align-items:center;

    justify-content:center;


    box-shadow:
            0 4px 10px rgba(0,0,0,.2);


    animation:
            pulse 2s infinite;

}



.whatsapp-bubble svg{

    width:28px;

    height:28px;

}



@keyframes pulse{

    50%{

        transform:scale(1.15);

    }

}


.modal-overlay{


    position:fixed;


    inset:0;


    background:
            rgba(0,0,0,.6);


    backdrop-filter:blur(5px);


    display:flex;


    align-items:center;


    justify-content:center;


    z-index:9999;



    opacity:0;


    visibility:hidden;


    transition:.3s;


}



.modal-overlay.show{


    opacity:1;


    visibility:visible;


}




.modal-box{


    width:400px;


    max-width:85%;


    background:white;


    border-radius:22px;


    padding:35px;


    text-align:center;


}




.modal-icon{


    width:55px;

    height:55px;


    margin:auto;


    border-radius:50%;


    background:#20b978;


    color:white;


    font-size:35px;


    display:flex;


    align-items:center;


    justify-content:center;


}



.modal-title{


    font-size:22px;


    font-weight:700;


    margin:25px 0;


    color:#333;


}



.modal-buttons button{


    width:100%;


    height:50px;


    border-radius:12px;


    border:0;


    font-size:17px;


    font-weight:600;


    cursor:pointer;


}



.modal-btn-primary{


    background:
            linear-gradient(
                    135deg,
                    #25D366,
                    #128C7E
            );


    color:white;


    margin-bottom:12px;


}



.modal-btn-secondary{


    background:#f0f1f3;


    color:#777;


}