/*
Theme Name: Parsia
Theme URI: https://parsia-eng.com
Author: Bytino Group
Author URI: https://Bytino.net
Author Email: M.c.inanloo@gmail.com
Description: Parsia
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: parsia-eng.com
version: 1.0.0
Tags: parsia, M.C.Inanloo@gmail.com, Bytino.net, MohammadInanloo.com
*/

.main-slider {
    height: 100vh;
}

.wpcf7-submit {
    background-color: #1f4689;
    cursor: pointer;
}

.wpcf7-submit:hover {
    background-color: #315ba3;
}

.wpcf7-list-item input[type="checkbox"] {
    width: 24px;
    height: 24px;
}

.wpcf7-list-item {
    display: flex;
    justify-items: center;
    gap: 8px;
    margin: 0;
    accent-color: #1f4689;
}

.footer-menu {
    margin-top: 12px;
}

.footer-menu li {
    list-style: none;
    color: white;
}

.footer-menu li a:hover {
    color: #d3d3d3;
}

#navbar li {
    position: relative;
    list-style: none;
    color: white;
}

#navbar li ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    padding: 0.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    min-width: 160px;
}

#navbar li:hover > ul.sub-menu {
    display: block;
}

#navbar li ul.sub-menu li {
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

#navbar li ul.sub-menu li a {
    color: black;
    text-decoration: none;
    display: block;
}

#navbar li ul.sub-menu li:hover {
    background-color: #f3f4f6;
}


.menuMobileUL a {
    padding: 12px 0;
    display: block;
}


#navbar li.current-menu-item > a,
#navbar li.current_page_item > a {
    border-bottom: 2px solid white;
    display: inline-block;
    padding-bottom: 4px;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 24px;
}

.contactLastSectionMargin {
    margin-bottom: 6.5rem;
}

.serviceTabMargin {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
}

.serviceTabMargin > div {
    overflow: scroll;
    flex-direction: row;
    /*scrollbar-color: #646464ba #a9a9a9a3;
    scrollbar-width: thin;*/
}

.serviceTabMargin > div > div {
    padding: 0 20px 0 0;
}

.font-weight-300 {
    font-weight: 300;
}

.serviceTabLinkTag {
    top: 50px;
}

.footerMenu {
    padding-top: 5px;
}

.footerMenu li {
    padding-left: 10px;
}

.menu-item-has-children > a::after {
    content: "⌄";
    display: inline-block;
    margin-left: 5px;
    transition: transform 0.3s ease;
}


.menuList__nested {
    display: none;
    padding-left: 15px;
}

.menu-item-has-children.active .menuList__nested {
    display: block;
}

.rotate-180 {
    transform: rotate(180deg);
}

/* افزودن فلش به آیتم‌هایی که زیرمنو دارند */
.menu-item-has-children > a::after {
    content: "▾"; /* فلش رو به پایین */
    display: inline-block;
    margin-left: 8px;
    transition: transform 0.3s ease;
    font-size: 1.4em;
}

/* هنگام باز بودن زیرمنو، فلش بچرخه */
.menu-item-has-children.active > a::after {
    transform: rotate(180deg);
}

@media (max-width: 767.98px) {
    .text-4xl {
        font-size: 1.5rem !important;
    }

    .text-3xl {
        font-size: 1.5rem !important;
        line-height: 1.7rem !important;
    }

    .text-2xl {
        font-size: 1rem !important;
    }

    .text-xl {
        font-size: 1.1rem !important;
        line-height: 1.7rem !important;
    }

    .newsletterMobileText {
        line-height: 1.5rem !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #newsletterForm button {
        margin-top: 1.5rem !important;
    }

    .py-20 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;;
    }

    .pbm0 {
        padding-bottom: 0 !important;
    }

    .pbt0 {
        padding-top: 0 !important;
    }

    .servicesFontTitleMobile {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }

    .menu-item h3 {
        display: ruby-text;
    }

    .serviceTabMargin, .serviceTabMargin > div {
        margin-bottom: 1.5rem !important;
    }

    .displayRubyMobile {
        display: ruby-text !important;
    }

    .mgrMobile15rem > li {
        margin-right: 1.5rem !important;
    }

    .about2Boxes .bg-cover {
        height: 32rem !important;
    }

    .contactLastSectionMargin .justify-center{
        justify-content: left !important;
    }

    .contactLastSectionMargin .justify-center span{
        text-align: left !important;
    }

    .myThreeDots {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 1.8rem;
    }

    .homeSliderOverflow {
        overflow: hidden;
    }
}