.elementor-635 .elementor-element.elementor-element-d8a77ac > .elementor-container{max-width:911px;}.elementor-635 .elementor-element.elementor-element-d8a77ac{margin-top:0px;margin-bottom:0px;padding:0px 0px 40px 0px;}.elementor-635 .elementor-element.elementor-element-8b5b341{width:auto;max-width:auto;}.elementor-635 .elementor-element.elementor-element-71b3202{width:auto;max-width:auto;}.elementor-635 .elementor-element.elementor-element-245c875{width:auto;max-width:auto;}.elementor-635 .elementor-element.elementor-element-b5eeb9c{width:auto;max-width:auto;}.elementor-635 .elementor-element.elementor-element-3afd04a{width:auto;max-width:auto;}.elementor-635 .elementor-element.elementor-element-2997151{width:auto;max-width:auto;}@media(min-width:480px){.elementor-635 .elementor-element.elementor-element-1061ff9{width:100%;}}/* Start custom CSS for html, class: .elementor-element-d948fd4 */#background {
    width: 100%;
    background-image: url("https://ronin.dbi-spe.com/wp-content/uploads/2023/12/Ronin.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding-bottom: 91.06%; /* Đảm bảo độ cao tự động dựa trên hình nền */
}

#hexagon {
    width: 100%;
    height: 100%;
    position: relative;
}

.hexagon-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("https://ronin.dbi-spe.com/wp-content/uploads/2023/12/Ronin.png");
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(1.2); /* Điều chỉnh độ sáng của hình nền */
}

.logo-item {
    position: absolute;
    width: 24%;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


#mtm {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(14%);
}

#dbi {
    top: 50%;
    left: 87%;
    transform: translateX(-102%) translateY(65%);
}

#icr {
    top: 50%;
    left: 87%;
    transform: translateX(-102%) translateY(167%);
}

#rpt {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(219%);
}

#icm {
    top: 50%;
    left: 38%;
    transform: translateX(-101%) translateY(166%);
}

#dec {
    top: 50%;
    left: 38%;
    transform: translateX(-101%) translateY(65%);
}

#mtm:hover {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(14%) scale(1.1);
}

#dbi:hover {
    top: 50%;
    left: 87%;
    transform: translateX(-102%) translateY(65%) scale(1.1);
}

#icr:hover {
    top: 50%;
    left: 87%;
    transform: translateX(-102%) translateY(167%) scale(1.1);
}

#rpt:hover {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(219%) scale(1.1);
}

#icm:hover {
    top: 50%;
    left: 38%;
    transform: translateX(-101%) translateY(166%) scale(1.1);
}

#dec:hover {
    top: 50%;
    left: 38%;
    transform: translateX(-101%) translateY(65%) scale(1.1);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 50%;
}
.logo-item{

}
.logo-item img{
    transform: scale(1.0);

    backdrop-filter: blur(2px);
        clip-path: polygon(
        50% 0%,
        100% 25%,
        100% 75%,
        50% 100%,
        0% 75%,
        0% 25%
    );
    
}
-/* End custom CSS */