.bg-company {
    background-color: #c53643f0;
} .bg-gradient {
    background-image: linear-gradient(45deg, #f5e7e6, #efe0dd) !important;
} .text-company {
    color: #c53643;
}

section.hero-section {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 100vh;
    z-index: 1;
    overflow: hidden;
} section.hero-section .video-container video {
    filter: brightness(0.6);
    z-index: -1;
    height: 100%;
    width: 100vw;
    object-fit: cover;
}
section.services-section .service-item3 img {
    aspect-ratio: 4/3;
    object-fit: cover;
}

.header-main .main-menu ul li .submenu.service-menu {
        display: flex;
        flex-wrap: wrap;
        left: -340px;
        width: 850px;
    }

@media (min-width: 768px) { /* only on desktop */
    .header-main .main-menu ul li .submenu.service-menu {
        display: flex;
        flex-wrap: wrap;
        left: -250px;
        width: 720px;
    } .header-main .main-menu ul li .submenu.service-menu li {
        width: 33.33%; /* 3 per row only on desktop */
    }
}

.bg1 {
    position: relative;
    z-index: 2;
} .bg1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('/images/bg/bg1.jpg') center no-repeat;
    background-size: cover;
    z-index: -1;
}

 .bg2 {
    position: relative;
    z-index: 2;
} 

.bg2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('/images/bg/bg2.jpg') center no-repeat;
    background-size: cover;
    z-index: -1;
}

.bg3 {
    position: relative;
    z-index: 2;
} .bg3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('/images/bg/bg3.jpg') center no-repeat;
    background-size: cover;
    z-index: -1;
}

.bg4 {
    position: relative;
    z-index: 2;
} .bg4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('/images/bg/bg4.jpg') center no-repeat;
    background-size: cover;
    z-index: -1;
} 

.blog-details-section .blog-dynamic-content h1,
.blog-details-section .blog-dynamic-content h2,
.blog-details-section .blog-dynamic-content h3,
.blog-details-section .blog-dynamic-content h4,
.blog-details-section .blog-dynamic-content h5,
.blog-details-section .blog-dynamic-content h6 {
    margin: 20px 0;
}

.blog-details-section .blog-dynamic-content ul li {
    list-style-type: disc;
    margin-left: 25px;
    margin-bottom: 10px;
} .blog-details-section .blog-dynamic-content ol li {
    list-style-type: decimal;
    margin-left: 25px;
    margin-bottom: 10px;
}