:root {
    --primary-color: rgb(200, 30, 0);
    --secondary-color: #3535ac;
}

.primaryColor {
    color: var(--primary-color);
}
.secondaryColor {
    color: var(--secondary-color);
}
.smallText {
    font-size: 12px;
}
.textJustify {
    text-align: justify;
    text-align-last: center;
}
section {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* bootstrap old */
.w-50 {
    width: 50%;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.top-50 {
    top: 50%;
}
.start-50 {
    left: 50%;
}
.translate-middle {
    transform: translate(-50%, -50%);
}
.z-1 {
    z-index: 1;
}
.d-none {
    display: none !important;
}
.d-flex {
    display: flex !important;
}
.flex-column {
    flex-direction: column !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.justify-content-end {
    justify-content: end !important;
}
.justify-content-center {
    justify-content: center !important;
}
.align-items-center {
    align-items: center !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.text-white {
    color: #fff;
}
.bg-black {
    background-color: #000;
}
.bg-white {
    background-color: #fff;
}
.text-dark {
    color: #000;
}
.rounded-circle {
    border-radius: 50%;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.ms-auto {
    margin-left: auto;
}
.gap-2 {
    gap: 8px;
}
.gap-3 {
    gap: 12px;
}
.gap-4 {
    gap: 24px;
}
.column-gap-5 {
    column-gap: 40px;
}
.row-gap-1 {
    row-gap: 4px;
}
.p-3 {
    padding: 12px;
}
.py-2 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.py-3 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.px-3 {
    padding-left: 12px;
    padding-right: 12px;
}
.container {
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
a:hover {
    text-decoration: none !important;
    color: initial !important;
}

.dropdown-menu {
    display: none;
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%);
    margin-top: 0px !important; /* Equivalent to mt-2 */
    background-color: #fff;
}

/* navContact */
.navContact .circle {
    width: 20px;
    height: 20px;
}
.navbar .navbar-brand img {
    width: 80px;
}

.webNavbar .dropdown:hover .dropdown-menu {
    display: block !important;
}

/* webLogo */
.webLogo img {
    width: 150px;
    height: 100%;
    object-fit: contain;
}

/* webNavbar */
.webNavbar {
    display: flex;
}
.webNavbar .right {
    padding-left: 90px;
}
.webNavbar .left {
    padding-right: 90px;
}
.navbar {
    display: none !important;
    margin-bottom: 0 !important;
}
.navbar .collapse {
    z-index: 50;
    margin-left: 0;
    background: white;
    padding: 0 10px;
}
.navbar .collapse a {
    color: #000 !important;
}
.navbar .navbar-brand {
    width: 80px;
    height: 100%;
    object-fit: contain;
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-nav > .dropdown > .dropdown-menu {
    display: none;
}

.navbar-nav > .dropdown.open > .dropdown-menu {
    display: block;
}

.navbar-nav .open .dropdown-menu {
    position: relative !important;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.dropdown-menu > li > a {
    white-space: normal;
}

/* business */
.business .grid32 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 80px 40px;
    padding-top: 100px;
}
.business .grid32 .ratio {
    margin-top: -70px;
    width: 100%;
}
.business .grid32 .ratio img {
    width: 100% !important;
    object-fit: contain !important;
}
.business .grid32 .card {
    border: 1px solid #000;
    border-radius: 8px;
    width: 100%;
}
.business .grid32 .card h5 {
    font-size: 16px;
    font-weight: 600;
}

@media (max-width: 991.98px) {
    .business .grid32 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767.98px) {
    /* webNavbar */
    .webNavbar,
    .webLogo {
        display: none !important;
    }

    .navbar {
        display: block !important;
    }
}

@media (max-width: 575.98px) {
    .business .grid32 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}


#rev_slider_1078_1_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Adjust as needed */
}

.tp-caption {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.tp-caption a {
    display: flex;
    justify-content: center;
    align-items: center;
}