

.active {
    display: block !important ;
    visibility: visible !important ;
    opacity: 1 !important ;
    pointer-events: inherit;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.arrow-new {
    display: none !important;
    margin-left: 0; /* Ok simgesini sola yasla */
    margin-right: 0; /* Ok simgesini sağa yasla */
    border: 1px solid #fff; /* Border etrafında */
    position: absolute;
    right: 10px; /* Mobilde sağa yaslamak */
    top: 10px;
}

@media (max-width: 768px) { 
    .sub-menu {
        left: 0 !important;
    }
        .before-add::before {
            display: none !important;
        }
        .arrow-new {
            display: flex !important;
            margin-left: 5px;
            cursor: pointer;
            padding: 5px;
            height: 30px;
            width: 30px;
            border: 1px solid #59BBA4;
            align-items: center;
            justify-content: center;
            position: absolute;
            z-index: 99;
            transition: all 500ms ease;
        }
        .mainMenu ul li .sub-menu li.current-menu-item > a, .mainMenu ul li .sub-menu li .arrow-new  {
            top: 5px !important;
        }
        .mainMenu ul li .sub-menu li.current-menu-item > a, .mainMenu ul li .sub-menu li:hover > .arrow-new {
            background-color: #fff;
            transition: all 500ms ease;
        }
    }

@media (min-width: 768px) { 
    .mainMenu ul li:hover > .sub-menu{
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: inherit;
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }
    .mainMenu ul li .sub-menu li:hover > .sub-menu{
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        left: calc(100% + 2px);
        pointer-events: inherit;
    }
    .mainMenu ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu {
        display: block !important;
        left: 100%;
        top: 0;
    } 
}

/* Dropdown menü linklerinin her zaman görünür olmasını sağla */
.mainMenu ul li .sub-menu li a {
    color: #2a2828 !important;
    background: #fff !important;
}

.mainMenu ul li .sub-menu li:hover > a,
.mainMenu ul li .sub-menu li.current-menu-item > a {
    color: #fff !important;
    background: #59BBA4 !important;
}

/* İngilizce sayfa için özel düzeltme */
.header01.h07 .mainMenu ul li .sub-menu li a {
    color: #2a2828 !important;
    background: #ffffff !important;
}

.header01.h07 .mainMenu ul li .sub-menu li:hover > a,
.header01.h07 .mainMenu ul li .sub-menu li.current-menu-item > a {
    color: #ffffff !important;
    background: #59BBA4 !important;
}

/* OUR SERVICES menüsü için özel düzeltme - menu-link class'ı için */
.mainMenu ul li .sub-menu li a.menu-link {
    color: #2a2828 !important;
    background: #fff !important;
}

.mainMenu ul li .sub-menu li:hover > a.menu-link,
.mainMenu ul li .sub-menu li.current-menu-item > a.menu-link {
    color: #fff !important;
    background: #59BBA4 !important;
}
