.header-menu a:hover {
    color: var(--primary);
}

.header-menu a:hover:before {
    background-color: var(--primary);
}

.row-atk {
    display: flex;
}

.col-md-4-atk {
    width: calc((100% - 176px)/12 * 4 + 16*4px);
}

.col-md-8-atk {
    width: calc((100% - 176px)/12 * 8 + 16*7px);
}

.aitoku .footer-header .col-md-6:nth-child(1) {
    padding-right: 8px;
}

.aitoku .footer-header .col-md-6:nth-child(2) {
    padding-left: 8px;
}

.aitoku .footer-header .f-title {
    background-color: #F2FDF5;
    border: 1px solid #DEE2E6;
}

.aitoku .footer-menu .menu .title {
    color: var(--primary);
}

.aitoku .footer-header .f-title a:hover .title {
    color: var(--primary);
}

.aitoku .footer-menu .menu .f-menu {
    margin-right: -8px;
    margin-left: -8px;
}

.aitoku .footer-menu .menu .f-menu li {
    width: calc(100% / 4);
    padding-right: 8px;
    padding-left: 8px;
}

.aitoku .footer-menu .menu .f-menu a {
    padding-right: 32px;
    position: relative;
}

.aitoku .footer-menu .menu .f-menu a:after {
    position: absolute;
    right: 8px;
    bottom: 50%;
    transform: translateY(50%);
}

.aitoku .footer-menu .menu .f-menu a:hover:after {
    background-image: url('../image/Vector.png');
}

.aitoku .footer-menu .menu .f-menu a:hover {
    color: var(--primary);
    border-color: var(--primary);
}

.fct p {
    margin-bottom: 10px;
}

.fct p:last-child {
    margin-bottom: 0px;
}

.ctbtn {
    display: flex;
    margin-top: 32px;
}

.ctbtn a.c-bottom {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    background-color: #fff;
    font-weight: 700;
    line-height: 16px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #18953A;
    text-decoration: unset;
}

.ctbtn a.c-bottom img {
    margin-left: 10px;
}

.aitoku#scroll-top {
    border-color: var(--primary);
}

.aitoku#scroll-top .icon {
    background-color:var(--primary);
}

@media (max-width: 1199px) {
    .aitoku .header-contact a {
        width: auto;
    }

    .aitoku .header-logo {
        width: auto;
    }
    
}

@media (max-width: 991px) { 
    .aitoku .header-logo {
        width: 100%;
    }
    .aitoku .click-show-menu div {
        background-color: var(--primary);
    }

    .aitoku .header-information {
        display: flex;
    }
    .aitoku .header-right-top {
        padding: 0px;
        background-color: unset;
    }

    .aitoku .header-right {
        backdrop-filter: blur(8px);
        background-color: var(--primary);
        opacity: 0.95;
    }
    .aitoku .header-menu a, .aitoku .header-menu li:first-child a, .aitoku .phone-time  {
        border-color: #fff;
    }
}