/*------------------------------------------------------------------------------------- 
Theme Name:		 Kanun Child Theme
Theme URI:		 https://ex-coders.com/wp/kanun/
Description:	 Kanun - Attorney & Law Agency WordPress Theme
Author:			 Gramentheme
Author URI:		 https://themeforest.net/user/gramentheme/portfolio
Template:		 kanun
Version:		 1.0.0
Text Domain:	 kanun-child-theme
-------------------------------------------------------------------------------------*/
/*
    Please Add your custom styles here
*/

.process-wrapper .process-content .process-ber .process-items .number {
    width: 40px !important;
    height: 40px !important;
    aspect-ratio: 1 / 1;
    max-width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", Sans-serif !important;
    font-weight: normal;
}

html,
body {
    font-family: "Raleway", Sans-serif !important;
}

p,
body {
    font-size: 16px;
    font-weight: normal;
}

:root {
    --body-font: "Raleway", Sans-serif;
    !important;
}

.process-items h3 {
    font-size: 24px;
    font-weight: bold !important;
    line-height: 122%;
}


.process-wrapper .process-content .process-ber .process-items {
    gap: 50px;
    margin-bottom: 20px;
}

.service-main-items .service-card .content {
    min-height: 270px;
}


.service-main-items .service-card {
    width: 100%;
}

.header__hamburger.d-.my-auto {
    /* display: none; */
    font-size: 0px;
    width: 3px;
    overflow: hidden;
}

.contact-info-wrapper {
    display: none;
}

.footer-widget-wrapper .col-xl-3.col-sm-6.col-md-6.col-lg-4.ps-lg-5.wow.fadeInUp {
    display: none;
}

.footer-widget-wrapper .single-footer-widget img {
    max-width: 300px;
}

/* rtl */
.rtl .header-2 .container-fluid {
    padding-left: 0;
    padding-right: 80px;
}

.rtl .about-wrapper-2 .about-image::before {
    right: -25px !important;
}

.about-wrapper-2 .about-image .about-box {
    left: -5vw;
}

.rtl .about-wrapper-2 .about-image .about-box {
    left: unset;
    right: -5vw;
}

.rtl .process-wrapper .process-content .process-ber .line-shape {
    position: absolute;
    right: 20px;
    left: 0;
}

.rtl .hero-2::before {
    background: linear-gradient(to left, #181818 0.06%, rgba(24, 24, 24, 0) 100.71%);
}

.rtl .theme-btn i {
    margin-right: 10px;
    margin-left: unset;
    transform: rotate(-145deg);
    transition: all 0.4s ease-in-out;
}

.rtl .theme-btn:hover i {
    transform: rotate(-180deg);
}

/* Base Arabic font on only paragraph/div/span/etc. under body.rt */
/* 1) Base font for selected elements */
body.rtl {
    font-family: "Cairo", sans-serif;
    /*     font-family: "DIN Next LT Arabic", Sans-serif; */

}

.rtl .hero-2 .hero-content h1 {
    font-size: 70px;
    line-height: 97px;
}

body.rtl :is(p, div, span, li, a, button, label,
    blockquote, td, th, em, small, cite) {
    font-family: "Cairo", sans-serif !important;
    /*     font-family: "DIN Next LT Arabic", Sans-serif !important; */
    font-weight: 400 !important;
}

/* 2) Bold headings, bold tags, AND everything inside headings */
body.rtl :is(b, strong, h1, h2, h3, h4, h5, h6),
body.rtl :is(h1, h2, h3, h4, h5, h6) * {
    font-family: "Cairo", sans-serif !important;
    /*     font-family: "DIN Next LT Arabic", Sans-serif !important; */
    font-weight: bold !important;
}

body.rtl .appointment-wrapper .contact-content .contact-form-items .form-clt input,
body.rtl .appointment-wrapper .contact-content .contact-form-items .form-clt textarea {
    text-align: right;
}

.top-items p.elementor-icon-box-description {
    text-align: justify;
}


.team-card-items .team-image .team-social {
    display: none;
}

.about-wrapper-2 .about-image .about-box h4 a[href^="tel:"] {
    font-family: monospace;
}

/* Screens ≥ 997px and ≤ 1399px */
@media (min-width: 997px) and (max-width: 1399px) {
    .process-wrapper .process-content .process-ber .process-items {
        gap: 20px;
        margin-bottom: 20px;
    }

    .process-wrapper .process-content .process-ber .line-shape {
        display: block;
    }

    .process-wrapper .process-content .process-ber .process-items .content {
        width: calc(100% - 84px);
    }
}

@media (max-width: 767px) {
    br {
        display: block;
    }

    .header-2 .header-main .header-left {
        gap: 50px;
    }
}

@media (max-width: 997px) {
    .process-wrapper .process-content .process-ber .process-items {
        gap: 20px;
        margin-bottom: 20px;
    }

    .process-wrapper .process-content .process-ber .line-shape {
        display: block;
    }

    .process-wrapper .process-content .process-ber .process-items .content {
        width: calc(100% - 84px);
    }

    .rtl .about-wrapper-2 .about-image .about-box {
        left: unset;
        right: 0;
    }
}

@media (max-width: 786px) {
    .offcanvas__contact {
        display: none;
    }

    .header__hamburger.d-.my-auto {
        width: auto;
    }

    .team-member.e-flex.e-con.e-child {
        flex-wrap: nowrap !important;
    }

    .team-member.e-flex.e-con.e-child .team-card-items {
        margin-top: 0 !important;
    }
}

@media (max-width: 1600px) {
    .rtl .header-2 .container-fluid {
        padding-left: 0;
        padding-right: 50px;
    }
}

@media (max-width: 1399px) {
    .rtl .header-2 .container-fluid {
        padding-left: 0;
        padding-right: 40px;
    }
}

@media (max-width: 1199px) {
    .rtl .header-2 .container-fluid {
        padding-left: 0;
        padding-right: 30px;
    }
}

.elementor-icon-list-text a {
    display: inline !important;
}