html {
    scroll-behavior: smooth;
}

@media (max-width: 1142px) {
    .menu_btn {
        display: block !important;
    }

    .mainMenu {
        /* display: none !important; */
    }
}

.login_register {
    display: flex;
    justify-content: end;
    gap: 1rem;
    /* font-size: 15px; */
}

.menu_item {
    margin: 0 !important;
}

.siThumbCustom {
    /* margin: 20px !important; */
    background: #fff !important;
}

.siThumbCustom_text {
    padding: 1rem 8px 1rem 8px;
    font-size: 15px;
    line-height: 28px;
    font-weight: 500;
}

.folioHover h4 a:hover {
    color: var(--theme-color) !important;
}

.pricing-item-01 {
    max-width: 100% !important;
    text-align: center !important;
}

.signal_price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.pricing-item-01 .p-price .price_period {
    left: 0 !important;
    right: 0 !important;
}

.tm_content h3 a:hover {
    color: var(--theme-color) !important;
}

.tmSlider02.owl-carousel .owl-nav button:hover {
    background: var(--theme-color) !important;
}

.yield {
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    color: #5f5f5f;
}

.price_details {
    padding: 57px 7px 57px !important;
}

.marketing_price_details {
    padding: 10px 7px 20px !important;
    background: #fff !important;
}

.service_item_07 h3 a:hover {
    color: var(--theme-color) !important;
}

.step_btn {
    background: var(--theme-color) !important;
}

.step_btn:hover {
    background: #382c4d !important;
}

.step_card::after {
    box-shadow: 0px 4px 0px 0px var(--theme-color) !important;
}