@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100;
    src: url("./../fonts/inter/Inter-Regular.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 200;
    src: url("./../fonts/inter/Inter-Thin.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    src: url("./../fonts/inter/Inter-ExtraLight.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    src: url("./../fonts/inter/Inter-Light.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    src: url("./../fonts/inter/Inter-Medium.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 800;
    src: url("./../fonts/inter/Inter-SemiBold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 900;
    src: url("./../fonts/inter/Inter-Bold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 950;
    src: url("./../fonts/inter/Inter-ExtraBold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 1000;
    src: url("./../fonts/inter/Inter-Black.woff2") format("woff2");
    font-display: swap;
}

[lang="fa-IR"] * {
    font-family: "Iran Yekan", sans-serif;
}

[lang="en-US"] * {
    font-family: "Inter", sans-serif;
}


.top-header-lang {
    margin: 0 auto 0 21px;
}

.top-header-lang .text .language-switcher a {
    display: inline-block;
    background-color: #016fd1;
    color: white;
    font-weight: bold;
    padding: 0.5rem 0.7rem;
    border-radius: 50%;
    font-size: 16px;
    box-shadow: -5px 5px 10px rgba(1, 111, 209, 0.22) !important;
}

.top-header-lang .text .language-switcher a:hover {
    background-color: #01549e;
}

.top-header-nav {
    margin: 0 22px 0 27px !important;
}

.top-header-nav ul li .megamenu {
    left: -12px !important;
    right: 0 !important;
}

.top-header-nav ul li .megamenu ul li a img {
    margin-left: 0;
    margin-right: 0.4rem;
}

.top-header-test i {
    margin-left: 0;
    margin-right: 0.5rem;
}

.top-header-auth i {
    margin-left: 0;
    margin-right: 0.5rem;
}

.top-header-nav ul li:hover ul.megamenu li {
    border-radius: 15px;
    padding: 0.5rem;
}

.top-header-contact .number .icon-phone {
    font-size: 1.2rem;
    font-weight: bold;
}

.top-header-contact .number span {
    color: #016fd1 !important;
    padding: 8px 6px !important;
}

.top-header .top-header-auth {
    background-color: #16b976 !important;
    box-shadow: -5px 5px 10px rgba(1, 111, 209, 0.22);
    color: #FFFFFF;
    font-weight: 600 !important;
}

.top-header .top-header-auth span {
    /*color: #FFFFFF; */
    /*font-weight: 600 !important;*/
}

/*-----------------------------*/
/*page home en*/

.landing {
    margin-bottom: 5rem !important;
}

.landing .title span {
    font-weight: 900 !important;
}

.landing .title span::after {
    left: 3% !important;
    width: 45% !important;
}

.landing .title span::before {
    left: 6% !important;
}

.landing p {
    text-align: left !important;
}

.landing .btns .btn:first-child .btn-icon {
    margin-left: 0.3rem !important;
    margin-right: 1rem !important;
}

.btn-angle {
    margin-right: 0 !important;
    margin-left: 0.75rem !important;
}

.problem-solve .problem-solve-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 43px;
    /*margin-bottom: 51px;*/
    color: #2e3e3f;
}

.problem-solve p {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 7px;
    text-align: justify;
}

.problem-solve-items .image {
    display: flex;
    justify-content: end;
}

.problem-solve-items img {
    width: 60% !important;
}

.crm24-different {
    background: #016fd1;
    padding: 8rem 0;
    overflow: hidden;
    position: relative;
    z-index: 0;
    margin-bottom: 5rem;
}

.crm24-different .background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.crm24-different .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 40, 80, 0.6);
    z-index: 2;
}

.crm24-different .container {
    position: relative;
    z-index: 3;
    color: white;
}


.crm24-different .crm24-different-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 43px;
    margin-bottom: 51px;
    color: #fff;
}

.crm24-different .crm24-different-items {
    gap: 0.25rem;
}

.crm24-different .crm24-different-items .box img {
    width: 4rem !important;
    height: 4rem !important;
    margin: 0 1rem 1rem 1rem;
}

.whay-me-item .content .title-icon i {
    margin-left: 0;
    margin-right: 1rem;
}

.whay-me-item .content .title-icon .title::after {
    left: 0 !important;
}

.contact-home .phone span {
    background-color: #16b976 !important;
    color: white !important;
}

.contact-home .phone-title i {
    margin-left: 0;
    margin-right: 1rem;
}

.what-is-crm .title::after {
    left: 0 !important;
}

.level-master-item .title span {
    margin-right: 0.6rem;
    margin-left: 0 !important;
}

.about-home .about-home-wrapper .title {
    gap: 0.6rem;
}

.business-home .title img {
    margin-right: 0.6rem;
}

.business-home ul li i {
    margin-left: 0 !important;
    margin-right: 0.3rem;
}

.faq-item-heading i {
    margin-left: 0 !important;
    margin-right: 0.8rem;
}

.faq-item-heading i:last-child {
    margin: 0 0 0 auto !important;
}

.test-free-wrapper .left {
    max-width: 614px !important;
}

.test-free-wrapper .left .title {
    margin: 19px 0 15px !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 37px !important;
    color: #fff !important;
}

.test-free-wrapper .left p {
    font-weight: 600 !important;
    line-height: 24px !important;
    color: #f3feff !important;
    text-align: justify !important;
}

.test-free-wrapper .right {
    margin-right: 0 !important;
}

.test-free-wrapper .right .title {
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 39px !important;
    color: #fff !important;
    margin-bottom: 5px !important;
}

.test-free-wrapper .right .phone {
    gap: 8px !important;
}

.test-free-wrapper .right .btn {
    margin-top: 17px !important;
    padding: 18px 12px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
}

.test-free-wrapper .right .title .icon-phone {
    margin-right: 0.5rem;
}

.test-free-wrapper .right .phone span {
    font-size: 30px;
    font-weight: 700;
    line-height: 49px;
    color: #0c2021;
    padding: 0 17px;
    border-radius: 0 7px 7px;
    background-color: #ffc400;
}

.swiper-control {
    right: 0 !important;
}

.comments-members-item .info .rate .stars {
    margin-left: 0;
    margin-right: 0.5rem;
}

.footer-nav li a i {
    margin-left: 0 !important;
    margin-right: 3px;
}

.footer-contact-item > i {
    margin-left: 0 !important;
    margin-right: 1.5rem;
}

.footer-description {
    margin-right: 5.2rem !important;
}

.swiper-control {
    right: 0 !important;
    left: unset !important;
}

.video-options .title img {
    margin-right: 0 !important;
    margin-left: 0.5rem;
}

.video-options .btns .btn-icon {
    margin-left: 0 !important;
    margin-right: 1rem;
}

.marketing-management .container::before {
    left: 99% !important;
}

.plans-item ul li i {
    margin-left: 0 !important;
    margin-right: 0.3rem;
}

.plans-item-heading .title i {
    margin-left: 0 !important;
    margin-right: 0.4rem;
}

.modules-plugins {
    margin-bottom: 5rem;
}

.compare-panels .compare-panels-wrapper .compare-panels-heading .title img {
    margin: 0 0.5rem !important;
}

.compare-panels-body .content ul li > * i {
    margin-left: 0 !important;
    margin-right: 0.3rem;
}

[lang="en-US"] .top-header .top-header-lang {
    margin: 0px 21px 0 auto;
}

[lang="en-US"] .top-header .top-header-contact {
    margin: 0px 21px 0 auto !important;
}

[lang="en-US"] .nav-responsive.opened .nav-responsive-content {
    transition-delay: 0.3s;
    left: 0;
}

[lang="en-US"] .nav-responsive-content {
    position: absolute;
    top: 0;
    left: -280px;
    width: 280px;
    height: 100%;
    background-color: #fff;
    transition: all 0.3s linear 0s;
    overflow: hidden auto;
}

[lang="en-US"] .top-header-btn-nav {
    width: 51px;
    height: 51px;
    border-radius: 16px;
    background-color: #fafbfd;
    border: 1px solid #f1f1f1;
    margin-right: 15px;
}

[lang="en-US"] .nav-responsive-content > ul li.has-child i {
    right: 0 !important;
    left: unset !important;
    top: 0;
    width: 50px;
    height: 50px;
    border-right: 1px solid rgba(0, 0, 0, 0.105);
    font-size: 10px;
    line-height: 1;
    color: #242424;;
    font-weight: 300;
    z-index: 2;

}

.compare-panels .compare-panels-body .content ul li > *{
    text-transform: lowercase !important;
}

.container p, .content-options p, footer p, article p, section p{
    text-align: left !important;
}


@media only screen and (max-width: 991px) {
    .test-free .test-free-wrapper .right {
        margin: 0 auto 0 auto !important;
    }

    .crm24-different {
        padding: 2rem 0;
    }

    .crm24-different video {
        display: none;
    }

    .crm24-different .overlay {
        display: none;
    }

    .crm24-different .crm24-different-items {
        flex-direction: column;
        gap: 4rem
    }
}

@media only screen and (max-width: 1399px) {
    .top-header .top-header-lang {
        margin: 0px 15px 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    .top-header .top-header-lang {
        margin: 0 auto 0 240px;
    }
}