.text-justify {
    text-align: justify !important;
}
.justified-text {
    text-align: justify;
    hyphens: auto;
}
.nexus {
    font-weight: 800;
    color: #046ee4 !important;
}
.attachment__caption {
    display: none;
}

.modal-bg-img {
    background: url("../img/modal-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (min-width: 220px) and (max-width: 767px) {
    .call {
        position: fixed;
        right: 22px;
        bottom: 185px;
        height: auto;
        background: transparent;
        z-index: 1001;
    }
}
@media only screen and (min-width: 768px) {
    .call {
        position: fixed;
        right: 20px;
        bottom: 185px;
        height: auto;
        background: transparent;
        z-index: 1001;
    }
}
.call-button {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 0px;
    position: relative;
    background-color: #005a84;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 0 0 0 #005a84;
    -webkit-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}
.call-button:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
}

@media only screen and (min-width: 220px) and (max-width: 767px) {
    .whatsapp {
        position: fixed;
        right: 20px;
        bottom: 95px;
        height: auto;
        background: transparent;
        z-index: 1001;
    }
}

@media only screen and (min-width: 768px) {
    .whatsapp {
        position: fixed;
        right: 20px;
        bottom: 95px;
        height: auto;
        background: transparent;
        z-index: 1001;
    }
}

.whatsapp-button {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 0px;
    position: relative;
    background-color: #23c15e;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 0 0 0 #23c15e;
    -webkit-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}

.whatsapp-button:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(188, 132, 32, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
    }
}

@-webkit-keyframes pulseText {
    to {
        text-shadow: 0 0 100px rgba(188, 132, 32, 0);
    }
}

@-moz-keyframes pulseText {
    to {
        text-shadow: 0 0 100px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulseText {
    to {
        text-shadow: 0 0 100px rgba(232, 76, 61, 0);
    }
}

@keyframes pulseText {
    to {
        text-shadow: 0 0 100px rgba(232, 76, 61, 0);
    }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[name="number"] {
    -moz-appearance: textfield;
    /* Firefox */
}

.min-height-300 {
    min-height: 300px;
}
.fw-500 {
    font-weight: 500;
}

.imgbgclass {
    background-image: url(../img/banner/about-banner.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* Create a blur overlay */
.imgbgclass::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        90deg,
        rgba(3, 38, 66, 0.9) 58.4%,
        rgba(210, 57, 62, 0.9) 100%
    );
    height: 100%;
    width: 100%;
    z-index: 0;
}

/* Content inside imgbgclass should be above the blur */
.imgbgclass > * {
    position: relative;
    z-index: 2;
}
.services-row-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.services-row-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    max-width: 960px;
    /* 4 x 240px cards + gaps */
    margin: 0 auto;
}

@media (max-width: 992px) {
    .services-row-5,
    .services-row-4 {
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .services-row-5,
    .services-row-4 {
        grid-template-columns: 1fr;
    }
}

tr td {
    text-align: justify;
}

.text-bold {
    color: #005a84 !important;
    font-weight: 900;
}

.capitalize-first-word::first-letter {
    text-transform: uppercase;
}

.capitalize-first-word {
    text-transform: lowercase;
    display: inline-block;
}