*,
html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    overflow-x: hidden;
}
html,
body {
    height: 100%;
    width: 100%;
}
body {
    background-image: url("../img/bg3.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: "Mulish", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #0a3a63;
}
section {
    width: 100%;
    height: 100%;
}
.btn-whats {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 10000;
}
.btn-whats a {
    background-color: #45bb3f;
    color: #fff;
    padding: 10px;
    display: block;
    border-radius: 60px;
    width: 60px;
    height: 60px;
    animation: bounce 2s infinite;
}
.btn-whats a i {
    margin-left: 6px;
    margin-right: 0;
    margin-top: 4px;
}

.btn-main {
    padding: 15px 40px;
    font-weight: 500;
    color: #ffffff;
    background-color: #f28e26;
    background-image: linear-gradient(130deg, #f28e26 0%, #f24c1a 45%, #f28e26 90%);
    background-position: 100% 0;
    background-size: 200% 200%;
    border-radius: 6px;
    transition: all linear 0.3s;
    display: inline-flex;
    gap: 7px;
    text-decoration: none;
    align-items: center;
    justify-content: center;
}
.btn-main2 {
    background-color: #1f5f98;
    background-image: linear-gradient(130deg, #2ba7df 0%, #2ba7df 45%, #1f5f98 90%);
}
.btn-main3 {
    background-color: #25981f;
    background-image: linear-gradient(130deg, #45bb3f 0%, #25981f 45%, #23730a 90%);
}
.subtitle {
    font-size: 18px;
}
.title {
    font-weight: 900;
}
.conv-wrap {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 20px;
}
.box {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 20px;
}
.whats {
    animation: pulse 2s infinite;
}
.whats a {
    text-decoration: none;
    background-color:#00bf49;
    color:#fff;
    padding:10px 15px;
    border-radius: 40px;
    display: block;
}
.whats a:hover {
    background-color:#13d45d;
}
@media (max-width: 592px) {
    .btn-main {
        width: 100%;
    }
}