*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    max-width: 100%;
}

body {
    min-width: 320px;
}

img,
picture,
video,
canvas,
svg,
iframe {
    max-width: 100%;
}

button,
input,
select,
textarea {
    max-width: 100%;
}

.container,
.container-lg,
.about-us-container,
.main-footer .container,
.bottumContent {
    width: calc(100% - 30px);
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
}

.row > *,
.d-flex > * {
    min-width: 0;
}

pre,
code {
    overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
    .container-lg {
        width: calc(100% - 30px) !important;
    }

    .main-footer .container,
    .about-us-container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 767.98px) {
    .container,
    .container-lg,
    .container-fluid,
    .main-footer .container,
    .about-us-container,
    .bottumContent {
        width: 100% !important;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .bottumContent,
    .bottumContent > div {
        flex-wrap: wrap;
        gap: 10px;
    }

    .contact-us-div {
        padding: 24px 16px;
    }

    h1 {
        font-size: clamp(1.65rem, 6vw, 2.25rem);
    }

    h2 {
        font-size: clamp(1.35rem, 5vw, 1.9rem);
    }

    table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    [style*="width:"] {
        max-width: 100%;
    }
}

@media (max-width: 479.98px) {
    .container,
    .container-lg,
    .container-fluid,
    .main-footer .container,
    .about-us-container,
    .bottumContent {
        padding-right: 15px;
        padding-left: 15px;
    }

    input,
    select,
    textarea {
        font-size: 16px;
    }

    #back-to-top {
        right: 12px;
        bottom: 110px;
    }

    #fixed-whatsapp-icon {
        right: 12px;
        bottom: 55px;
        font-size: 32px;
    }
}