/* AOS */
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms;
    }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: 0.1s;
    }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: 0.15s;
    }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: 0.2s;
    }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: 0.25s;
    }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: 0.3s;
    }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: 0.35s;
    }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: 0.4s;
    }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: 0.45s;
    }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: 0.5s;
    }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: 0.55s;
    }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: 0.6s;
    }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: 0.65s;
    }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: 0.7s;
    }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: 0.75s;
    }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: 0.8s;
    }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: 0.85s;
    }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: 0.9s;
    }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: 0.95s;
    }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s;
    }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s;
    }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s;
    }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s;
    }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s;
    }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s;
    }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s;
    }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s;
    }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s;
    }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s;
    }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s;
    }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s;
    }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s;
    }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s;
    }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s;
    }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s;
    }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s;
    }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s;
    }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s;
    }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s;
    }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s;
    }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s;
    }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s;
    }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s;
    }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s;
    }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s;
    }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s;
    }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s;
    }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s;
    }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s;
    }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s;
    }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s;
    }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s;
    }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s;
    }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s;
    }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s;
    }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s;
    }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s;
    }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s;
    }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s;
    }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s;
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s;
    }

[data-aos] {
    pointer-events: none;
}

    [data-aos].aos-animate {
        pointer-events: auto;
    }

    [data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] {
        transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    }

    [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] {
        transition-timing-function: ease;
    }

    [data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] {
        transition-timing-function: ease-in;
    }

    [data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] {
        transition-timing-function: ease-out;
    }

    [data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] {
        transition-timing-function: ease-in-out;
    }

    [data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] {
        transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    }

    [data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] {
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    [data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] {
        transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    [data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] {
        transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }

    [data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] {
        transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }

    [data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
        transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    }

    [data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] {
        transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    [data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] {
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    [data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] {
        transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }

    [data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] {
        transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    [data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] {
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
        transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }

    [data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] {
        transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    [data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] {
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    [data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] {
        transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }

@media screen {
    html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
    }

        html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }

    html:not(.no-js) [data-aos="fade-up"] {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }

    html:not(.no-js) [data-aos="fade-down"] {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }

    html:not(.no-js) [data-aos="fade-right"] {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
    }

    html:not(.no-js) [data-aos="fade-left"] {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }

    html:not(.no-js) [data-aos="fade-up-right"] {
        -webkit-transform: translate3d(-100px, 100px, 0);
        transform: translate3d(-100px, 100px, 0);
    }

    html:not(.no-js) [data-aos="fade-up-left"] {
        -webkit-transform: translate3d(100px, 100px, 0);
        transform: translate3d(100px, 100px, 0);
    }

    html:not(.no-js) [data-aos="fade-down-right"] {
        -webkit-transform: translate3d(-100px, -100px, 0);
        transform: translate3d(-100px, -100px, 0);
    }

    html:not(.no-js) [data-aos="fade-down-left"] {
        -webkit-transform: translate3d(100px, -100px, 0);
        transform: translate3d(100px, -100px, 0);
    }

    html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
    }

        html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
            opacity: 1;
            -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1);
        }

    html:not(.no-js) [data-aos="zoom-in"] {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }

    html:not(.no-js) [data-aos="zoom-in-up"] {
        -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
        transform: translate3d(0, 100px, 0) scale(0.6);
    }

    html:not(.no-js) [data-aos="zoom-in-down"] {
        -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
        transform: translate3d(0, -100px, 0) scale(0.6);
    }

    html:not(.no-js) [data-aos="zoom-in-right"] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
        transform: translate3d(-100px, 0, 0) scale(0.6);
    }

    html:not(.no-js) [data-aos="zoom-in-left"] {
        -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
        transform: translate3d(100px, 0, 0) scale(0.6);
    }

    html:not(.no-js) [data-aos="zoom-out"] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    html:not(.no-js) [data-aos="zoom-out-up"] {
        -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
        transform: translate3d(0, 100px, 0) scale(1.2);
    }

    html:not(.no-js) [data-aos="zoom-out-down"] {
        -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
        transform: translate3d(0, -100px, 0) scale(1.2);
    }

    html:not(.no-js) [data-aos="zoom-out-right"] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
        transform: translate3d(-100px, 0, 0) scale(1.2);
    }

    html:not(.no-js) [data-aos="zoom-out-left"] {
        -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
        transform: translate3d(100px, 0, 0) scale(1.2);
    }

    html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        visibility: hidden;
    }

        html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate {
            visibility: visible;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

    html:not(.no-js) [data-aos="slide-up"] {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    html:not(.no-js) [data-aos="slide-down"] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    html:not(.no-js) [data-aos="slide-right"] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    html:not(.no-js) [data-aos="slide-left"] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }

    html:not(.no-js) [data-aos="flip-left"] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg);
    }

        html:not(.no-js) [data-aos="flip-left"].aos-animate {
            -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0);
        }

    html:not(.no-js) [data-aos="flip-right"] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg);
    }

        html:not(.no-js) [data-aos="flip-right"].aos-animate {
            -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0);
        }

    html:not(.no-js) [data-aos="flip-up"] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg);
    }

        html:not(.no-js) [data-aos="flip-up"].aos-animate {
            -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0);
        }

    html:not(.no-js) [data-aos="flip-down"] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg);
    }

        html:not(.no-js) [data-aos="flip-down"].aos-animate {
            -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0);
        }
}

/* Fancybox */
:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75;
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height);
}

    .f-spinner svg {
        width: 100%;
        height: 100%;
        vertical-align: top;
        animation: f-spinner-rotate 2s linear infinite;
    }

        .f-spinner svg * {
            stroke-width: var(--f-spinner-stroke);
            fill: none;
        }

            .f-spinner svg *:first-child {
                stroke: var(--f-spinner-color-1);
            }

            .f-spinner svg *:last-child {
                stroke: var(--f-spinner-color-2);
                animation: f-spinner-dash 2s ease-in-out infinite;
            }

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.f-zoomInUp {
    animation: 0.2s ease-out 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
    animation: 0.3s cubic-bezier(0.16, 1, 0.3, 1) both f-zoomOutDown;
}

@keyframes f-zoomInUp {
    from {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }

    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
}

.f-throwOutUp {
    animation: 0.175s ease-out both f-throwOutUp;
}

.f-throwOutDown {
    animation: 0.175s ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, -150px, 0);
        opacity: 0;
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, 150px, 0);
        opacity: 0;
    }
}

.f-fadeIn {
    animation: 0.2s ease both f-fadeIn;
    z-index: 2;
}

.f-fadeOut {
    animation: 0.2s ease both f-fadeOut;
    z-index: 1;
}

@keyframes f-fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0;
    }
}

.f-fadeSlowIn {
    animation: 0.5s ease both f-fadeSlowIn;
    z-index: 2;
}

.f-fadeSlowOut {
    animation: 0.5s ease both f-fadeSlowOut;
    z-index: 1;
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0;
    }
}

.f-fadeFastIn {
    animation: 0.2s ease-out both f-fadeFastIn;
    z-index: 2;
}

.f-fadeFastOut {
    animation: 0.2s ease-out both f-fadeFastOut;
    z-index: 2;
}

@keyframes f-fadeFastIn {
    0% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0;
    }
}

.f-crossfadeIn {
    animation: 0.2s ease-out both f-crossfadeIn;
    z-index: 2;
}

.f-crossfadeOut {
    animation: 0.1s linear 0.1s both f-crossfadeOut;
    z-index: 1;
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0;
    }
}

.f-slideIn.from-next {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%);
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%);
    }
}

.f-classicIn.from-next {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2;
}

.f-classicIn.from-prev {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2;
}

.f-classicOut.to-next {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1;
}

.f-classicOut.to-prev {
    animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1;
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0;
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0;
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: none;
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition);
}

@media (hover: hover) {
    .f-button:hover {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg);
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg);
}

.f-button:focus-visible {
    outline: none;
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity 0.15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none;
}

.f-button[disabled] {
    cursor: default;
}

    .f-button[disabled] svg {
        opacity: var(--f-button-svg-disabled-opacity);
    }

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos);
}

    .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
        transform: rotate(90deg);
    }

html.with-fancybox {
    scroll-behavior: auto;
    width: auto;
    overflow: visible;
}

    html.with-fancybox body {
        touch-action: none;
    }

        html.with-fancybox body.compensate-for-scrollbar {
            width: auto;
            overflow: hidden !important;
            overscroll-behavior-y: none;
            margin-right: var(--fancybox-scrollbar-compensate, 0);
        }

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: 1050;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

    .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
        box-sizing: inherit;
    }

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity;
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip;
}

.fancybox__viewport {
    width: 100%;
    height: 100%;
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%;
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px;
}

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
    overflow: hidden;
}

.fancybox__slide.has-image {
    overflow: hidden;
}

    .fancybox__slide.has-image.is-selected {
        overflow: visible;
    }

.fancybox__slide::before, .fancybox__slide::after {
    content: "";
    flex: 0 0 0;
    margin: auto;
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20;
}

.is-loading .fancybox__content {
    opacity: 0;
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab;
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out;
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing;
}

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
    cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.fancybox__slide.is-animating > .fancybox__content {
    filter: blur(0px);
    will-change: transform, width, height;
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    user-select: none;
}

.hide-image .fancybox-image {
    opacity: 0;
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible;
}

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden;
}

.is-compact .fancybox__caption {
    padding-bottom: 0;
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
    --f-button-color: #fff;
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    width: 34px;
    height: 34px;
    border-radius: 4px;
    color: var(--fancybox-color, #fff);
    opacity: 0.75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
    opacity: 1;
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative;
}

    .fancybox__footer .fancybox__caption {
        width: 100%;
        padding: 24px;
        opacity: var(--fancybox-opacity, 1);
        transition: all 0.25s ease;
    }

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, 0.5);
}

    .is-compact .fancybox__footer .fancybox__caption {
        padding: 12px;
    }

.is-compact .fancybox__content > .f-button.is-close-btn {
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1);
}

    .fancybox__nav :focus {
        outline: none;
    }

    .fancybox__nav :focus-visible {
        box-shadow: inset 0 0 0 1px #f8f8f8;
    }

    .fancybox__nav .f-button:before {
        position: absolute;
        content: "";
        top: -30px;
        right: -20px;
        left: -20px;
        bottom: -30px;
        z-index: 1;
    }

.is-idle .fancybox__nav {
    animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer;
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    user-select: none;
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    z-index: 40;
    user-select: none;
    pointer-events: none;
}

.fancybox-focus-guard {
    position: fixed;
    top: 1px;
    left: 1px;
    width: 1px;
    height: 0px;
    padding: 0px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    white-space: nowrap;
    border-width: 0px;
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0;
}

.fancybox__container.is-animated[aria-hidden="false"] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden="false"] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden="false"] .fancybox__slide > *:not(.fancybox__content) {
    animation: 0.25s ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop {
    animation: 0.35s ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden="true"] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden="true"] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden="true"] .fancybox__slide > *:not(.fancybox__content) {
    animation: 0.15s ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden="true"] .fancybox__backdrop {
    animation: 0.35s ease forwards f-fadeOut;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
    width: 100%;
    height: 100%;
}

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%;
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%;
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, 0.9);
    color: #fff;
}

.has-map .fancybox__content {
    background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-gap: 4px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0;
}

    .f-carousel__thumbs.is-classic {
        --f-thumb-opacity: 0.5;
        --f-thumb-hover-opacity: 1;
        --f-thumb-selected-opacity: 1;
    }

    .f-carousel__thumbs.is-modern {
        --f-thumb-extra-gap: 20px;
        --f-thumb-clip-width: 46px;
    }

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0);
}

    .f-thumbs .f-spinner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 2px;
        background-image: linear-gradient(#ebeff2, #e2e8f0);
        z-index: -1;
    }

        .f-thumbs .f-spinner svg {
            display: none;
        }

    .f-thumbs.is-horizontal {
        padding: 0 var(--f-thumb-gap);
    }

    .f-thumbs.is-vertical {
        padding: var(--f-thumb-gap) 0;
    }

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.f-thumbs__track {
    display: flex;
    margin: 0 auto;
    padding: 8px 0 12px 0;
    will-change: transform;
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    min-width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer;
}

    .f-thumbs__slide.is-loading img {
        opacity: 0;
    }

.is-classic .f-thumbs__viewport {
    height: 100%;
}

.is-classic .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0;
}

.is-modern .f-thumbs__track {
    width: max-content;
}

    .is-modern .f-thumbs__track::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(var(--left, 0) * 1px);
        width: calc(100% - var(--width, 0) * 1px);
        cursor: pointer;
    }

.is-modern .f-thumbs__slide {
    --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none;
}

    .is-modern .f-thumbs__slide:focus-within {
        filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
    }

    .is-modern .f-thumbs__slide > * {
        clip-path: var(--clip-path);
        will-change: clip-path;
    }

.is-modern.is-resting .f-thumbs__slide {
    transition: all 0.33s ease;
}

    .is-modern.is-resting .f-thumbs__slide > * {
        transition: all 0.33s ease;
    }

.f-thumbs__slide__button {
    appearance: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    transition: opacity 0.2s ease;
    opacity: var(--f-thumb-opacity);
}

    .f-thumbs__slide__button:hover {
        opacity: var(--f-thumb-hover-opacity);
    }

    .f-thumbs__slide__button:focus-visible {
        outline: none;
        opacity: var(--f-thumb-selected-opacity);
    }

.is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity);
}

    .is-nav-selected .f-thumbs__slide__button::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: auto;
        bottom: 0;
        border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
        border-radius: var(--f-thumb-border-radius);
        animation: f-fadeIn 0.2s ease;
    }

.f-thumbs__slide__img {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    object-fit: cover;
}

.f-thumbs.is-vertical {
    --f-carousel-slide-height: 100%;
}

    .f-thumbs.is-vertical .f-thumbs__track {
        flex-wrap: wrap;
    }

    .f-thumbs.is-vertical .f-thumbs__slide {
        margin: 0 0 var(--f-thumb-gap) 0;
    }

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-clip-width: 46px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-gap: 6px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height 0.2s ease;
}

    .fancybox__thumbs.is-modern {
        --f-thumb-opacity: 1;
        --f-thumb-hover-opacity: 1;
    }

        .fancybox__thumbs.is-modern .f-spinner {
            background-image: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) );
        }

    .fancybox__thumbs.is-classic {
        --f-thumb-opacity: 0.5;
        --f-thumb-hover-opacity: 1;
    }

        .fancybox__thumbs.is-classic .f-spinner {
            background-image: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) );
        }

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 12px;
}

.fancybox__thumbs.is-hidden {
    max-height: 0px !important;
}

.is-closing .fancybox__thumbs {
    transition: none !important;
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var( --fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5) );
    pointer-events: none;
    z-index: 20;
}

    .fancybox__toolbar :focus-visible {
        z-index: 1;
    }

    .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

    .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
        flex-grow: 1;
        flex-basis: 0;
    }

    .fancybox__toolbar__column.is-right {
        display: flex;
        justify-content: flex-end;
        flex-wrap: nowrap;
    }

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    user-select: none;
}

    .fancybox__infobar span {
        padding: 0 5px;
    }

    .fancybox__infobar:not(:first-child):not(:last-child) {
        background: var(--f-button-bg);
    }

[data-fancybox-toggle-slideshow] {
    position: relative;
}

    [data-fancybox-toggle-slideshow] .f-progress {
        height: 100%;
        opacity: 0.3;
    }

    [data-fancybox-toggle-slideshow] svg g:first-child {
        display: flex;
    }

    [data-fancybox-toggle-slideshow] svg g:last-child {
        display: none;
    }

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex;
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    user-select: none;
    pointer-events: none;
}

/* Swiper */
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
    touch-action: pan-y;
}

    .swiper-pointer-events.swiper-vertical {
        touch-action: pan-x;
    }

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto;
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height;
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d;
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0, 0, 0, 0.15);
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient( to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none;
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start;
    }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none;
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: "prev";
    }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: "next";
    }

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

    .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
        display: none !important;
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(0.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(0.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(0.33);
    }

.swiper-pagination-bullet {
    width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px) );
    height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px) );
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
        display: block;
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: 0.2s transform, 0.2s top;
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: 0.2s transform, 0.2s left;
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top;
    }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

    .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important;
    }

    .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: absolute;
        left: 1%;
        bottom: 3px;
        z-index: 50;
        height: 5px;
        width: 98%;
    }

    .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
        position: absolute;
        right: 3px;
        top: 1%;
        z-index: 50;
        width: 5px;
        height: 98%;
    }

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube {
    overflow: visible;
}

    .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

        .swiper-cube .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0;
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0.6;
        z-index: 0;
    }

        .swiper-cube .swiper-cube-shadow:before {
            content: "";
            background: #000;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            filter: blur(50px);
        }

.swiper-flip {
    overflow: visible;
}

    .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-flip .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}

.swiper-cards {
    overflow: visible;
}

    .swiper-cards .swiper-slide {
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
    }

.nice-select {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 38px;
    line-height: 36px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all .2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: auto
}

    .nice-select:hover {
        border-color: #dbdbdb
    }

    .nice-select:active, .nice-select.open, .nice-select:focus {
        border-color: #999
    }

    .nice-select:after {
        border-bottom: 2px solid #999;
        border-right: 2px solid #999;
        content: "";
        display: block;
        height: 5px;
        margin-top: -4px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 50%;
        transform-origin: 66% 66%;
        transform: rotate(45deg);
        transition: all .15s ease-in-out;
        width: 5px
    }

    .nice-select.open:after {
        transform: rotate(-135deg)
    }

    .nice-select.open .nice-select-dropdown {
        opacity: 1;
        pointer-events: auto;
        transform: scale(1) translateY(0)
    }

    .nice-select.disabled {
        border-color: #ededed;
        color: #999;
        pointer-events: none
    }

        .nice-select.disabled:after {
            border-color: #ccc
        }

    .nice-select.wide {
        width: 100%
    }

        .nice-select.wide .nice-select-dropdown {
            left: 0 !important;
            right: 0 !important
        }

    .nice-select.right {
        float: right
    }

        .nice-select.right .nice-select-dropdown {
            left: auto;
            right: 0
        }

    .nice-select.small {
        font-size: 12px;
        height: 36px;
        line-height: 34px
    }

        .nice-select.small:after {
            height: 4px;
            width: 4px
        }

        .nice-select.small .option {
            line-height: 34px;
            min-height: 34px
        }

    .nice-select .nice-select-dropdown {
        margin-top: 4px;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 0 1px rgba(68,68,68,.11);
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        transform-origin: 50% 0;
        transform: scale(.75) translateY(19px);
        transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
        z-index: 9;
        opacity: 0
    }

    .nice-select .list {
        border-radius: 5px;
        box-sizing: border-box;
        overflow: hidden;
        padding: 0;
        max-height: 210px;
        overflow-y: auto
    }

        .nice-select .list:hover .option:not(:hover) {
            background-color: rgba(0,0,0,0) !important
        }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: 40px;
        list-style: none;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        transition: all .2s
    }

        .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
            background-color: #f6f6f6
        }

        .nice-select .option.selected {
            font-weight: bold
        }

        .nice-select .option.disabled {
            background-color: rgba(0,0,0,0);
            color: #999;
            cursor: default
        }

    .nice-select .extra {
        float: right
    }

    .nice-select .optgroup {
        font-weight: bold
    }

.no-csspointerevents .nice-select .nice-select-dropdown {
    display: none
}

.no-csspointerevents .nice-select.open .nice-select-dropdown {
    display: block
}

.nice-select .list::-webkit-scrollbar {
    width: 0
}

.nice-select .has-multiple {
    white-space: inherit;
    height: auto;
    padding: 7px 12px;
    min-height: 36px;
    line-height: 22px
}

    .nice-select .has-multiple span.current {
        border: 1px solid #ccc;
        background: #eee;
        padding: 0 10px;
        border-radius: 3px;
        display: inline-block;
        line-height: 24px;
        font-size: 14px;
        margin-bottom: 3px;
        margin-right: 3px
    }

    .nice-select .has-multiple .multiple-options {
        display: block;
        line-height: 24px;
        padding: 0
    }

.nice-select .nice-select-search-box {
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    pointer-events: none;
    border-radius: 5px 5px 0 0
}

.nice-select .nice-select-search {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    color: #444;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px;
    margin: 0 10px 0 0;
    width: 100%;
    min-height: 36px;
    line-height: 22px;
    height: auto;
    outline: 0 !important;
    font-size: 14px
}

:root {
    --default-font-size: 16px;
    --aside-width: 160px;
    --layout-gap: 24px;
    --color-primary: #074D31;
    --color-secondary: #1B8354;
    --color-tertiary: #074D31;
    --color-light: #ECEFFF;
    --color-gray-color: #556478;
    --color-text-color: #1B8354;
    --color-text-color-secondary: #556478;
    --color-border-color: #ECEFFF;
    --color-danger: #df7c2e;
    --color-error: #D92d20;
    --color-orange: #df7c2e;
    --color-warning: #fcb316;
    --color-success: #00ac65;
    --color-color-badge-blue: #74C0EB;
    --color-color-badge-gray: #808285;
    --color-color-disabled: #CCEBFF;
    --color-button-bg-color: #CEE7FA;
    --color-black: #161616;
    --fc-small-font-size: .85em;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
    --fc-neutral-text-color: #808080;
    --fc-border-color: #f3f9fe;
    --fc-button-text-color: var(--color-text-color);
    --fc-button-bg-color: #CEE7FA;
    --fc-button-border-color: #CEE7FA;
    --fc-button-hover-bg-color: var(--color-primary);
    --fc-button-hover-border-color: var(--color-primary);
    --fc-button-active-bg-color: var(--color-primary);
    --fc-button-active-border-color: var(--color-primary);
    --fc-event-bg-color: var(--color-primary);
    --fc-event-border-color: var(--color-primary);
    --fc-event-text-color: color(text-color);
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: #fff;
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 1;
    --fc-highlight-color: #00ac65;
    --fc-today-bg-color: transparent;
    --fc-now-indicator-color: red
}
 

html {
    font-size: 1rem;
    scroll-behavior: smooth;
    overflow-x: hidden;
    accent-color: var(--color-primary)
}

    html.theme-gray {
        -webkit-filter: grayscale(100);
        filter: grayscale(100)
    }

body {
    position: relative;
    min-width: 320px;
    min-height: 100vh;
    font-family: "IBMArabic-Medium",Helvetica,Arial,sans-serif;
    text-align: initial;
    color: var(--color-text-color);
    background-color: #f9fafb
}

    body::-webkit-scrollbar {
        width: 12px;
        height: 12px
    }

    body::-webkit-scrollbar-thumb {
        background: #074d31
    }

    body::-webkit-scrollbar-track {
        background: #fff
    }

    body.with-background-img::before {
        position: absolute;
        inset: 0;
        content: "";
        background-image: url("./images/body-bg.jpg");
        background-repeat: no-repeat;
        background-position: top;
        background-attachment: fixed;
        background-size: cover;
        z-index: -1
    }

::-moz-selection {
    background-color: var(--color-primary);
    color: #fff
}

::selection {
    background-color: var(--color-primary);
    color: #fff
}

.no-scroll {
    overflow-y: hidden
}

section {
    padding: 60px 0
}

.disabled {
    opacity: .4;
    pointer-events: none
}

a, button {
    cursor: pointer
}

.visible-hidden {
    visibility: hidden
}

* {
    margin: 0;
    padding: 0;
    text-align: initial
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.7
}

h1 {
    font-size: 1.75rem
}

h2 {
    font-size: 1.5rem
}

h3 {
    font-size: 1.375rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

.icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 16px;
    margin-inline: 0;
    -webkit-margin-after: 24px;
    margin-block-end: 24px;
    padding: 0
}

    .icon-list > li {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 8px;
        color: var(--color-text-color);
        font-size: 1rem
    }

        .icon-list > li::before {
            content: "";
            display: block;
            width: 12px;
            height: 12px;
            margin-top: 10px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.733' height='14.687' viewBox='0 0 13.733 14.687'%3E%3Cpath id='Union_11' data-name='Union 11' d='M-7716.406,3770.491l-6.677-6.675a.675.675,0,0,1-.2-.473.674.674,0,0,1,.2-.471l6.677-6.677a.667.667,0,0,1,.942,0,.667.667,0,0,1,0,.945l-6.2,6.2,6.2,6.205a.664.664,0,0,1,0,.943.662.662,0,0,1-.471.2A.661.661,0,0,1-7716.406,3770.491Zm-5.723,0-6.676-6.675a.667.667,0,0,1-.2-.473.666.666,0,0,1,.2-.471l6.676-6.677a.668.668,0,0,1,.943,0,.667.667,0,0,1,0,.945l-6.2,6.2,6.2,6.205a.664.664,0,0,1,0,.943.662.662,0,0,1-.471.2A.663.663,0,0,1-7722.128,3770.491Z' transform='translate(7729 -3756)' fill='%237f7f7f'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-size: 12px;
            background-position: center
        }

.list-group-numbered .list-group-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    border: 0;
    padding: 0;
    background-color: rgba(0,0,0,0);
    color: var(--color-text-color)
}

@media(max-width: 767.98px) {
    .list-group-numbered .list-group-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

.list-group-numbered .list-group-item:not(:last-of-type) {
    margin-bottom: 24px
}

.list-group-numbered .list-group-item::before {
    content: counters(section, ".");
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #fff;
    font-family: "IBMArabic-Bold";
    background-color: var(--color-tertiary);
    border-radius: 50%
}

.list-group-bg-border .list-group-item {
    padding: 1rem
}

@media(max-width: 767.98px) {
    .list-group-bg-border .list-group-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.list-group-bg-border .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-radius: .625rem;
    border-color: rgba(231,231,231,.8)
}

.fancybox-iframe video, .fancybox-video video {
    -o-object-fit: cover;
    object-fit: cover
}

.close-popup {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    line-height: 1;
    color: var(--color-text-color)
}

.mega-menu .close-popup {
    color: #fff
}

    .mega-menu .close-popup svg path {
        stroke: #fff
    }

.close-popup svg {
    height: 16px;
    width: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .close-popup svg path {
        stroke: var(--color-text-color)
    }

.close-popup:hover {
    color: var(--color-primary)
}

    .close-popup:hover svg path {
        stroke: var(--color-primary)
    }

.badge {
    padding: 8px 16px 12px;
    font-size: 1rem;
    border-radius: 8px;
    font-weight: normal
}

.badge {
    border-radius: 50px
}

    .badge.green {
        background-color: rgba(0,172,101,.1);
        color: #00ac65
    }

    .badge.orange {
        background-color: rgba(7,77,49,.1);
        color: #074d31
    }

    .badge.blue {
        background-color: rgba(116,192,235,.1);
        color: #74c0eb
    }

    .badge.gray {
        background-color: rgba(128,130,133,.15);
        color: #808285
    }

.border-primary {
    border: 1px solid var(--color-primary) !important
}

.color-primary {
    color: var(--color-primary) !important
}

.color-secondary {
    color: var(--color-secondary) !important
}

.color-tertiary {
    color: var(--color-tertiary) !important
}

.color-warning {
    color: var(--color-warning) !important
}

.color-success {
    color: var(--color-success) !important
}

.color-danger {
    color: var(--color-danger) !important
}
.color-error {
    color: var(--color-error) !important
}

.color-gray {
    color: var(--color-text-gray) !important
}

.bg-primary {
    background-color: var(--color-primary) !important
}

.bg-orange {
    background-color: #d96b2b
}

.bg-secondary {
    background-color: var(--color-secondary) !important;
    color: #fff
}

.bg-tertiary {
    background-color: var(--color-tertiary) !important
}

.bg-danger {
    background-color: var(--color-danger) !important
}

.bg-gray {
    background-color: var(--color-gray-color) !important
}

.font-bold, .permision-card__details__caption strong {
    font-family: "IBMArabic-Bold" !important
}

a {
    text-decoration: none
}

.back-top-btn {
    position: fixed;
    right: 20px;
    inset-block-end: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--color-primary);
    z-index: 99;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.home-body [dir=ltr] .back-top-btn {
    right: 45px;
    inset-block-end: 115px
}

.back-top-btn svg {
    width: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.back-top-btn:hover {
    background-color: var(--color-tertiary)
}

    .back-top-btn:hover svg {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px)
    }

.item-date, .item-weather, .item-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .item-date svg, .item-date img, .item-weather svg, .item-weather img, .item-location svg, .item-location img {
        height: 25px;
        width: 25px
    }

    .item-date .date, .item-date .time, .item-date .location, .item-date .weather, .item-weather .date, .item-weather .time, .item-weather .location, .item-weather .weather, .item-location .date, .item-location .time, .item-location .location, .item-location .weather {
        font-size: 1rem;
        color: #fff;
        white-space: nowrap;
        font-family: "IBMArabic-Regular"
    }

@media(max-width: 992px) {
    .item-date .date, .item-date .time, .item-date .location, .item-date .weather, .item-weather .date, .item-weather .time, .item-weather .location, .item-weather .weather, .item-location .date, .item-location .time, .item-location .location, .item-location .weather {
        font-size: .875rem
    }
}

.item-date .divider, .item-weather .divider, .item-location .divider {
    width: 8px;
    height: 2px;
    margin-inline: 4px;
    background-color: #fff
}

.item-date .slash, .item-weather .slash, .item-location .slash {
    font-size: .875rem
}

.item-date.colored .date, .item-date.colored .time, .item-weather.colored .date, .item-weather.colored .time, .item-location.colored .date, .item-location.colored .time {
    color: var(--color-text-color)
}

.item-date.colored .divider, .item-weather.colored .divider, .item-location.colored .divider {
    background-color: var(--color-text-color)
}

.item-date.bg-tertiary, .item-weather.bg-tertiary, .item-location.bg-tertiary {
    padding: 4px 12px 6px;
    border-radius: 50px
}

    .item-date.bg-tertiary *, .item-weather.bg-tertiary *, .item-location.bg-tertiary * {
        color: #fff
    }

.range-date {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 8px;
    padding: 8px 16px;
    gap: 16px;
    background-color: var(--color-primary)
}

    .range-date .date {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

        .range-date .date:first-child:not(:only-child) {
            -webkit-padding-end: 16px;
            padding-inline-end: 16px
        }

            .range-date .date:first-child:not(:only-child)::after {
                position: absolute;
                inset-block: 0;
                inset-inline-end: 0;
                content: "";
                height: 50%;
                width: 1px;
                margin: auto;
                background-color: rgba(255,255,255,.15)
            }

        .range-date .date span {
            font-size: .75rem;
            font-family: "IBMArabic-Medium"
        }

            .range-date .date span.day {
                font-size: .875rem
            }

.date-badge {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    gap: 0;
    padding: 4px 16px;
    border-radius: 8px
}

    .date-badge span {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        font-size: .875rem;
        font-family: "IBMArabic-Bold";
        color: #fff;
        line-height: 1.5
    }

        .date-badge span.year {
            font-family: "IBMArabic-Light"
        }

.list-with-divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0
}

    .list-with-divider li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        font-family: "IBMArabic-Bold";
        color: var(--color-text-color)
    }

        .list-with-divider li:not(:last-of-type)::after {
            content: "";
            width: 8px;
            height: 2px;
            background-color: var(--color-secondary)
        }

a.item-location:hover {
    background-color: var(--color-primary)
}

    a.item-location:hover svg {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }

.readonly-data {
    position: relative
}

    .readonly-data .title {
        display: block;
        font-size: .875rem;
        color: var(--color-gray-color);
        font-family: "IBMArabic-Light";
        margin-bottom: 8px
    }

    .readonly-data .value {
        margin: 0;
        font-size: 1rem;
        color: var(--color-text-color)
    }

a:hover {
    text-decoration: none
}

.check-list {
    -webkit-padding-start: 32px;
    padding-inline-start: 32px
}

.number {
    font-family: sans-serif;
    font-weight: 600
}

.disabled-form {
    background-color: #ccebff !important;
    border: 1px solid #ccebff !important;
    color: #808285 !important;
    opacity: 1
}

    .disabled-form::-webkit-input-placeholder {
        color: #808285 !important;
        overflow: visible
    }

    .disabled-form::-moz-placeholder {
        color: #808285 !important;
        overflow: visible
    }

    .disabled-form:-ms-input-placeholder {
        color: #808285 !important;
        overflow: visible
    }

    .disabled-form::-ms-input-placeholder {
        color: #808285 !important;
        overflow: visible
    }

    .disabled-form::placeholder {
        color: #808285 !important;
        overflow: visible
    }

.hover-line::before {
    content: "";
    height: 6px;
    width: calc(100% - 24px);
    display: block;
    position: absolute;
    bottom: 0px;
    background-color: #9da4ae;
    border-radius: 4px;
    z-index: 9;
    inset-inline-start: 13px;
    display: none
}

.hover-line:is(:hover) {
    background-color: #f3f4f6;
    color: #161616
}

    .hover-line:is(:hover) .lang-btn {
        color: #161616;
        cursor: pointer
    }

        .hover-line:is(:hover) .lang-btn img {
            -webkit-filter: none;
            filter: none
        }

    .hover-line:is(:hover)::before {
        display: block
    }

@media(max-width: 992px) {
    .hover-line:is(:hover)::before {
        display: block
    }
}

.hover-line:is(:focus) {
    background-color: #e5e7eb;
    color: #161616
}

    .hover-line:is(:focus)::before {
        display: block
    }

@media(max-width: 576px) {
    h1, h3, h2, h4 {
        font-size: 1.375rem !important
    }
}

.bg_white {
    background-color: #fff
}

.main-title {
    font-family: "IBMArabic-Bold"
}

.desc {
    line-height: 1.7;
    font-size: 1rem;
    font-family: "IBMArabic-Regular";
    color: #161616
}

.font_Regular {
    font-family: "IBMArabic-Regular"
}

.bg-orange {
    background-color: #dba102
}

.color-orange {
    color: #dba102
}

hr {
    background: #d2d6db
}

.color-blue {
    color: #1f2a37
}

.color-black {
    color: #161616
}

    .color-black .color-secondary {
        color: #161616 !important
    }

body:has(.navbar-collapse.show):after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(22,22,22,.5);
    position: absolute;
    inset: 0;
    display: block;
    z-index: 10
}

@media(min-width: 1199.98px) {
    body:has(.navbar-collapse.show):after {
        display: none
    }
}

header:has(.navbar-collapse.show):after {
    content: "";
    width: 20%;
    height: 101%;
    background-color: rgba(22,22,22,.5);
    position: absolute;
    display: block;
    z-index: 10;
    left: 0;
    top: 0
}

@media(max-width: 600px) {
    header:has(.navbar-collapse.show):after {
        display: none
    }
}

@media(min-width: 1199.98px) {
    header:has(.navbar-collapse.show):after {
        display: none
    }
}

.uploaded-info {
    color: #64748b;
    font-family: "IBMArabic-Regular";
    font-size: .875rem;
    width: 365px;
    margin-bottom: 20px
}

.uploaded-disabled {
    color: #9da4ae;
    font-family: "IBMArabic-Regular";
    font-size: .875rem;
    width: 365px;
    margin-bottom: 20px
}

main {
    position: relative;
    min-height: 100vh;
    overflow: hidden
}

    main.inner-page {
        padding-top: 140px
    }

.accordion .accordion-item {
    border: 0;
    background-color: rgba(0,0,0,0);
    border-radius: 0;
    border-top: 1px solid #d2d6db;
    color: #161616;
    font-family: "IBMArabic-SemiBold";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .accordion .accordion-item button {
        background-color: rgba(0,0,0,0)
    }

        .accordion .accordion-item button:hover {
            background-color: #f3f4f6
        }

        .accordion .accordion-item button:focus {
            background-color: #e5e7eb
        }

        .accordion .accordion-item button:focus-visible {
            border: 2px solid #161616
        }

    .accordion .accordion-item:last-child {
        border-bottom: 1px solid #d2d6db
    }

    .accordion .accordion-item:has(.accordion-collapse.show) button {
        background-color: rgba(0,0,0,0)
    }

.accordion .accordion-body {
    padding: 1.5rem !important;
    font-family: "IBMArabic-Regular"
}

.accordion .accordion-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.25rem;
    background-color: rgba(0,0,0,0);
    border-radius: 0px !important;
    color: #161616;
    font-family: "IBMArabic-SemiBold" !important
}

    .accordion .accordion-button:after {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-size: 16px;
        background-position: center;
        border-radius: 50%;
        height: 1rem;
        width: 1rem;
        background-image: url("./images/arrow_black.svg");
        background-size: contain
    }

    .accordion .accordion-button[aria-expanded=true]:after {
        background-image: url("./images/arrow_black.svg")
    }

.dropdown .dropdown-menu .accordion .accordion-item {
    background-color: rgba(0,0,0,0);
    margin: 0
}

    .dropdown .dropdown-menu .accordion .accordion-item .accordion-button {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: var(--color-text-color);
        font-size: .875rem;
        padding: 12px 16px;
        font-family: "IBMArabic-Bold";
        background-color: rgba(0,0,0,0)
    }

        .dropdown .dropdown-menu .accordion .accordion-item .accordion-button:hover {
            color: var(--color-primary)
        }

        .dropdown .dropdown-menu .accordion .accordion-item .accordion-button:after {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background-size: 16px;
            background-position: center;
            border-radius: 50%;
            height: 1.5rem;
            width: 1.5rem;
            background-color: rgba(0,0,0,0);
            border: 0;
            background-image: url("./images/arrow_black.svg");
            background-repeat: no-repeat;
            background-size: 10px
        }

        .dropdown .dropdown-menu .accordion .accordion-item .accordion-button[aria-expanded=true] {
            color: var(--color-primary)
        }

            .dropdown .dropdown-menu .accordion .accordion-item .accordion-button[aria-expanded=true]:after {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.338' height='8.123' viewBox='0 0 13.338 8.123'%3E%3Cpath id='Path_69057' data-name='Path 69057' d='M-6970.353,16033.221l-6.669,7.4-6.669-7.4.72-.72,5.949,4.07,5.552-4.07Z' transform='translate(6983.69 -16032.501)' fill='%230086D9'/%3E%3C/svg%3E%0A");
                -webkit-transform: rotateX(180deg);
                transform: rotateX(180deg)
            }

    .dropdown .dropdown-menu .accordion .accordion-item .accordion-body {
        background-color: #fff;
        border-radius: 0;
        padding: .5rem 1rem
    }

    .dropdown .dropdown-menu .accordion .accordion-item:not(:last-of-type) {
        border-bottom: 1px solid #ddd
    }

    .dropdown .dropdown-menu .accordion .accordion-item:last-of-type .accordion-body {
        border-radius: 0 0 16px 16px
    }

.dropdown .dropdown-menu .accordion .dropdown-item {
    padding: 8px 0;
    font-family: "IBMArabic-Medium";
    white-space: break-spaces
}

    .dropdown .dropdown-menu .accordion .dropdown-item:is(:hover,:active,:focus) {
        background-color: rgba(0,0,0,0)
    }

.btn, .content input[type=button], input[type=submit] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: .5rem 1.5rem .75rem;
    text-align: center;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    font-family: inherit;
    font-family: "IBMArabic-Bold";
    border: 1px solid rgba(0,0,0,0);
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .btn.btn-icon, .content input[type=button].btn-icon, input[type=submit].btn-icon {
        height: 48px;
        width: 48px;
        min-width: auto;
        padding: 0
    }

        .btn.btn-icon svg, .btn.btn-icon img, .content input[type=button].btn-icon svg, .content input[type=button].btn-icon img, input[type=submit].btn-icon svg, input[type=submit].btn-icon img {
            height: 18px;
            max-width: 18px
        }

    .btn .icon, .content input[type=button] .icon, input[type=submit] .icon {
        width: 24px;
        height: 24px
    }

        .btn .icon.search, .content input[type=button] .icon.search, input[type=submit] .icon.search {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.611' height='21.52' viewBox='0 0 21.611 21.52'%3E%3Cpath id='Union_1' data-name='Union 1' d='M4682.341-1210.822a1.17,1.17,0,0,1,0-1.652l1.653,1.652a1.164,1.164,0,0,1-.826.342A1.17,1.17,0,0,1,4682.341-1210.822Zm0-1.652,3.617-3.616a9.2,9.2,0,0,1-1.938-5.665h2.337a6.884,6.884,0,0,0,2,4.866l.024.023.022.022a6.885,6.885,0,0,0,4.857,2,6.909,6.909,0,0,0,6.909-6.908h2.336a9.244,9.244,0,0,1-9.245,9.244,9.206,9.206,0,0,1-5.653-1.929l-3.617,3.617Zm17.833-9.281a6.909,6.909,0,0,0-6.909-6.909V-1231a9.246,9.246,0,0,1,9.245,9.245Zm-16.153,0a9.245,9.245,0,0,1,9.245-9.245v2.337a6.907,6.907,0,0,0-6.908,6.909Z' transform='translate(-4681.399 1231.5)' fill='%23fff' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-size: 16px;
            background-position: center
        }

        .btn .icon.login, .content input[type=button] .icon.login, input[type=submit] .icon.login {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.108' height='23.06' viewBox='0 0 24.108 23.06'%3E%3Cpath id='login' d='M-7702,3789.529a11.544,11.544,0,0,1,11.53-11.53,11.468,11.468,0,0,1,10.729,7.312.786.786,0,0,1-.442,1.019.79.79,0,0,1-1.021-.445,9.9,9.9,0,0,0-9.267-6.313,9.969,9.969,0,0,0-9.958,9.957,9.969,9.969,0,0,0,9.958,9.957,9.9,9.9,0,0,0,9.267-6.313.79.79,0,0,1,1.021-.445.786.786,0,0,1,.442,1.019,11.468,11.468,0,0,1-10.729,7.312A11.544,11.544,0,0,1-7702,3789.529Zm11.76,4.747-4.173-4.173a.788.788,0,0,1-.177-.244v0l-.014-.032v0l-.012-.031,0-.005c0-.01-.006-.02-.009-.03a.053.053,0,0,1,0-.008.27.27,0,0,1-.007-.027l0-.012-.005-.023a.783.783,0,0,1,.215-.713l4.192-4.193a.785.785,0,0,1,1.111,0,.785.785,0,0,1,0,1.112l-2.853,2.851h13.3a.786.786,0,0,1,.787.787.787.787,0,0,1-.787.787h-13.3l2.849,2.849a.785.785,0,0,1,0,1.111.778.778,0,0,1-.557.232A.778.778,0,0,1-7690.24,3794.277Z' transform='translate(7702 -3777.999)' fill='%23fff'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-size: 16px;
            background-position: center
        }

        .btn .icon svg, .btn .icon img, .content input[type=button] .icon svg, .content input[type=button] .icon img, input[type=submit] .icon svg, input[type=submit] .icon img {
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain
        }

    .btn .btn-title, .content input[type=button] .btn-title, input[type=submit] .btn-title {
        margin-bottom: 5px
    }

    .btn.btn-with-arrow, .content input[type=button].btn-with-arrow, input[type=submit].btn-with-arrow {
        padding-inline: 28px
    }

        .btn.btn-with-arrow::after, .content input[type=button].btn-with-arrow::after, input[type=submit].btn-with-arrow::after {
            content: "";
            background-image: url("./images/arrow_rotate.svg");
            width: 12px;
            height: 12px;
            inset-block: 0;
            margin-block: auto;
            margin-top: 9px;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            background-repeat: no-repeat;
            background-size: contain
        }

[dir=ltr] .btn.btn-with-arrow::after, [dir=ltr] .content input[type=button].btn-with-arrow::after, [dir=ltr] input[type=submit].btn-with-arrow::after {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.btn.btn-with-arrow:is(:hover,:active,:focus)::after, .content input[type=button].btn-with-arrow:is(:hover,:active,:focus)::after, input[type=submit].btn-with-arrow:is(:hover,:active,:focus)::after {
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px);
    background-image: url("./images/arrow_rotate_white.svg")
}

[dir=ltr] .btn.btn-with-arrow:is(:hover,:active,:focus)::after, [dir=ltr] .content input[type=button].btn-with-arrow:is(:hover,:active,:focus)::after, [dir=ltr] input[type=submit].btn-with-arrow:is(:hover,:active,:focus)::after {
    -webkit-transform: scaleX(-1) translateX(-3px);
    -ms-transform: scaleX(-1) translateX(-3px);
    transform: scaleX(-1) translateX(-3px)
}

.btn:is(:active,:focus), .content input[type=button]:is(:active,:focus), input[type=submit]:is(:active,:focus) {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.btn-group {
    border-radius: 0px;
    gap: 8px
}

.btn-group__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    background-color: rgba(0,0,0,0);
    width: 40px;
    height: 40px;
    background-color: #f3fcf6
}

    .btn-group__item svg {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 16px
    }

    .btn-group__item:first-of-type {
        border-start-start-radius: 0px;
        border-end-start-radius: 0px;
        border: 1px solid rgba(0,0,0,0);
        -webkit-border-end: 0;
        border-inline-end: 0
    }

    .btn-group__item:last-of-type {
        border-start-end-radius: 0px;
        border-end-end-radius: 0px;
        border: 1px solid rgba(0,0,0,0);
        -webkit-border-start: 0;
        border-inline-start: 0
    }

    .btn-group__item:is(:hover) svg path {
        fill: #224e85
    }

    .btn-group__item:is(:active,:focus,.active) {
        background-color: #079455;
        border-radius: 4px
    }

        .btn-group__item:is(:active,:focus,.active) img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1)
        }

.btn-sm {
    height: 34px;
    padding: 0 20px;
    min-width: 120px;
    font-size: .75rem
}

@media(max-width: 575.98px) {
    .btn-sm {
        padding: 0 12px
    }
}

.btn-info-icon {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border: 0;
    width: 24px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0,0,0,0)
}

    .btn-info-icon svg, .btn-info-icon img {
        width: 24px;
        max-height: 24px
    }

.btn-icon {
    width: 48px;
    height: 48px;
    min-width: auto;
    padding: 0
}

    .btn-icon svg, .btn-icon img {
        width: 20px
    }

.header-icon-btn {
    border-color: var(--color-primary)
}

    .header-icon-btn:is(:hover,:active,:focus) {
        background-color: var(--color-primary);
        color: #fff
    }

input.btn-primary {
    background-color: var(--color-primary);
    color: #fff !important;
    background-image: none !important
}

    input.btn-primary:is(:hover,:active,:focus) {
        background-color: #053622;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn-outline-primary, input.btn-outline-primary {
    border-color: #1b8354;
    color: #1b8354 !important;
    background-color: rgba(0,0,0,0);
    border-radius: 4px;
    font-family: "IBMArabic-Medium";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid #e5e7eb;
    padding: 8px 24px 10px 24px;
    border: 1px solid
}

    .btn-outline-primary svg path, input.btn-outline-primary svg path {
        fill: var(--color-primary)
    }

    .btn-outline-primary:is(:active,:focus,:hover), input.btn-outline-primary:is(:active,:focus,:hover) {
        background-color: #f3f4f6;
        border-color: #1b8354;
        color: #1b8354 !important
    }

        .btn-outline-primary:is(:active,:focus,:hover) svg path, input.btn-outline-primary:is(:active,:focus,:hover) svg path {
            fill: #fff
        }

input.btn-secondary {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #fff !important
}

    input.btn-secondary:is(:active,:focus,:hover) {
        background-color: #0e442b
    }

.btn-outline-secondary, input.btn-outline-secondary {
    border-color: var(--color-secondary);
    color: var(--color-secondary) !important
}

.theme-dark .btn-outline-secondary, .theme-dark input.btn-outline-secondary {
    border-color: #fff;
    color: #fff !important
}

.btn-outline-secondary:is(:active,:focus,:hover), input.btn-outline-secondary:is(:active,:focus,:hover) {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #fff !important
}

    .btn-outline-secondary:is(:active,:focus,:hover) svg path, input.btn-outline-secondary:is(:active,:focus,:hover) svg path {
        fill: #fff
    }

.btn-outline-secondary.disabled, .btn-outline-secondary[disabled], input.btn-outline-secondary.disabled, input.btn-outline-secondary[disabled] {
    background-color: rgba(0,0,0,0) !important;
    border-color: var(--color-secondary) !important;
    color: var(--color-secondary) !important;
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn-tertiary, input.btn-tertiary {
    background-color: var(--color-tertiary);
    color: #fff !important;
    background-image: none !important
}

    .btn-tertiary:is(:hover,:active,:focus), input.btn-tertiary:is(:hover,:active,:focus) {
        background-color: #010704;
        border-color: var(--color-tertiary)
    }

.btn-outline-white, input.btn-outline-white {
    border-color: #fff;
    color: #fff !important
}

    .btn-outline-white svg path, input.btn-outline-white svg path {
        fill: #fff
    }

    .btn-outline-white.btn-with-arrow::after, input.btn-outline-white.btn-with-arrow::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.193' height='11.811' viewBox='0 0 7.193 11.811'%3E%3Cpath id='arrow' d='M11.811.638,5.905,7.193,0,.638.638,0,5.905,3.6,10.822,0Z' transform='translate(7.193) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A")
    }

    .btn-outline-white:is(:hover,:active,:focus), input.btn-outline-white:is(:hover,:active,:focus) {
        background-color: #fff;
        border-color: #fff;
        color: var(--color-primary) !important
    }

        .btn-outline-white:is(:hover,:active,:focus) path, input.btn-outline-white:is(:hover,:active,:focus) path {
            fill: #fff
        }

        .btn-outline-white:is(:hover,:active,:focus).btn-with-arrow::after, input.btn-outline-white:is(:hover,:active,:focus).btn-with-arrow::after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.193' height='11.811' viewBox='0 0 7.193 11.811'%3E%3Cpath id='arrow' d='M11.811.638,5.905,7.193,0,.638.638,0,5.905,3.6,10.822,0Z' transform='translate(7.193) rotate(90)' fill='%230086D9'/%3E%3C/svg%3E%0A")
        }

.btn-success, input.btn-success {
    background-color: var(--color-success);
    color: #fff !important;
    background-image: none !important
}

    .btn-success:is(:hover,:active,:focus), input.btn-success:is(:hover,:active,:focus) {
        background-color: #00df83;
        border-color: var(--color-success)
    }

.btn-outline-success, input.btn-outline-success {
    border-color: var(--color-success);
    color: var(--color-success) !important
}

    .btn-outline-success svg path, input.btn-outline-success svg path {
        fill: #fff
    }

    .btn-outline-success.btn-with-arrow::after, input.btn-outline-success.btn-with-arrow::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.193' height='11.811' viewBox='0 0 7.193 11.811'%3E%3Cpath id='arrow' d='M11.811.638,5.905,7.193,0,.638.638,0,5.905,3.6,10.822,0Z' transform='translate(7.193) rotate(90)' fill='%230FAA6C'/%3E%3C/svg%3E%0A")
    }

    .btn-outline-success:is(:hover,:active,:focus), input.btn-outline-success:is(:hover,:active,:focus) {
        background-color: var(--color-success);
        border-color: var(--color-success);
        color: #fff !important
    }

        .btn-outline-success:is(:hover,:active,:focus) path, input.btn-outline-success:is(:hover,:active,:focus) path {
            fill: #fff
        }

        .btn-outline-success:is(:hover,:active,:focus).btn-with-arrow::after, input.btn-outline-success:is(:hover,:active,:focus).btn-with-arrow::after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.193' height='11.811' viewBox='0 0 7.193 11.811'%3E%3Cpath id='arrow' d='M11.811.638,5.905,7.193,0,.638.638,0,5.905,3.6,10.822,0Z' transform='translate(7.193) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A")
        }

.btn-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    line-height: 1;
    border-radius: 4px;
    color: var(--color-text-color);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .btn-icon:is(:active,:focus,:hover):not(.btn-outline-secondary) {
        background-color: var(--color-primary) !important;
        color: #fff
    }

        .btn-icon:is(:active,:focus,:hover):not(.btn-outline-secondary) img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1)
        }

        .btn-icon:is(:active,:focus,:hover):not(.btn-outline-secondary) svg path {
            fill: #fff
        }

        .btn-icon:is(:active,:focus,:hover):not(.btn-outline-secondary) svg.stroke-min path {
            stroke: var(--color-primary)
        }

.redirect-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-family: "IBMArabic-Regular";
    color: var(--color-secondary)
}

    .redirect-btn svg, .redirect-btn img {
        width: 18px
    }

    .redirect-btn.underline {
        text-decoration: underline
    }

    .redirect-btn:is(:hover,:active,:focus) {
        color: #54c08a;
        text-decoration: underline
    }

        .redirect-btn:is(:hover,:active,:focus) svg path {
            fill: var(--color-primary)
        }

.store-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .store-btn img, .store-btn svg {
        height: 40px;
        width: 120px
    }

.service-btn:hover {
    background-color: var(--color-tertiary);
    border-color: var(--color-tertiary)
}

.btn-primary {
    background-color: #1b8354;
    border-radius: 4px;
    color: #fff;
    font-family: "IBMArabic-Medium";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 0
}

    .btn-primary:hover {
        background-color: #166a45
    }

.btn-primary {
    background-color: #1b8354;
    border-radius: 4px !important;
    color: #fff;
    font-family: "IBMArabic-Medium";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 0;
    padding: 8px 24px 10px 24px
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: #166a45;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.btn-black {
    background-color: #161616;
    border-radius: 4px;
    color: #fff;
    font-family: "IBMArabic-Medium";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 0;
    padding: 8px 24px 12px 24px;
    border: 2px solid #161616;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .btn-black img {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }

    .btn-black:hover, .btn-black:focus, .btn-black:active {
        background-color: #1f2a37;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #fff;
        border: 2px solid #1f2a37
    }

.btn-white {
    background-color: #fff;
    border-radius: 4px;
    color: #161616;
    font-family: "IBMArabic-Medium";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 0;
    padding: 4px 10px 4px 10px;
    border: 2px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem
}

    .btn-white img {
        width: 18px;
        height: 18px
    }

    .btn-white:hover, .btn-white:focus, .btn-white:active {
        background-color: rgba(255,255,255,.7);
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 2px solid rgba(0,0,0,0)
    }

.btn-gray {
    background-color: #fff;
    border-radius: 4px;
    color: #161616;
    font-family: "IBMArabic-Medium";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 0;
    padding: 8px 24px 10px 24px;
    border: 2px solid #d2d6db;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem
}

    .btn-gray img {
        width: 18px;
        height: 18px
    }

    .btn-gray:hover, .btn-gray:active {
        background-color: #f3f4f6;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #161616;
        border: 2px solid #e5e7eb
    }

    .btn-gray:focus {
        background-color: #e5e7eb;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #161616;
        border: 2px solid #d2d6db
    }

.btn-secondary {
    background-color: rgba(0,0,0,0);
    border-radius: 4px;
    color: #1b8354;
    font-family: "IBMArabic-Medium";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 0;
    padding: 8px 24px 12px 24px;
    border: 2px solid #1b8354
}

    .btn-secondary:hover {
        background-color: #f3f4f6;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #1b8354;
        border: 2px solid #e5e7eb
    }

    .btn-secondary:focus, .btn-secondary:active {
        background-color: #e5e7eb;
        color: #1b8354;
        border: 2px solid rgba(0,0,0,0);
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.btn-primary.disabled, .btn-primary:disabled {
    cursor: none;
    background-color: #e5e7eb;
    color: #9da4ae
}

.header {
    z-index: 99;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .header__container .item-date {
        margin-bottom: 0
    }

.header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    background-color: rgba(27,131,84,.5);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.inner-page .header__top {
    background-color: #1b8354
}

.header-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    margin: 5px 0
}

    .header-actions .lang-btn {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .header-actions .theme-btn {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        padding: 5px;
        border-radius: 4px
    }

.header-actions__btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 1rem;
    font-family: "IBMArabic-Medium";
    padding: 0 3px
}

.dropdown-menu .header-actions__btn {
    background-color: #9399a9
}

.header-actions__btn svg, .header-actions__btn img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-inline: 3px;
    width: 20px;
    height: 20px
}

.header-actions__btn.dropdown-toggle::after {
    background-image: url("./images/arrow_white.svg");
    width: 13px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    margin-top: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header-actions__btn.dropdown-toggle:is(:hover,.show)::after {
    background-image: url("./images/arrow_green.svg");
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    margin-top: 5px
}

@media(max-width: 1199.98px) {
    .header-actions__btn .title {
        display: none
    }
}

.header-actions__btn:hover, .dropdown:hover > .header-actions__btn {
    color: #fff
}

    .header-actions__btn:hover::after, .dropdown:hover > .header-actions__btn::after {
        background-image: url("./images/arrow_green.svg");
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        margin-top: 5px
    }

.header-actions__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 5px;
    border-radius: 4px
}

@media(max-width: 576px) {
    .header-actions__item .services-btn .service-text {
        display: none
    }
}

.header-actions__item:hover {
    background-color: rgba(255,255,255,.2)
}

@media(max-width: 992px) {
    .header-actions__item {
        padding: 12px 5px
    }
}

@media(max-width: 576px) {
    .header-actions__item {
        padding: 6px 6px
    }
}

@media(max-width: 767.98px) {
    .header-actions__item .btn {
        width: auto !important;
        height: 40px;
        padding: 0
    }

        .header-actions__item .btn .icon {
            height: 20px;
            display: none
        }
}

.header__bottom {
    background-color: #fff;
    padding: 0 150px
}

@media(max-width: 1500px) {
    .header__bottom {
        padding: 18px 10px
    }
}

@media(max-width: 576px) {
    .header__bottom {
        padding: 18px 0px
    }
}

.header.scrolled {
    background-color: var(--color-secondary)
}

@media(max-width: 960px) {
    .header .item-location, .header .item-weather {
        display: none
    }
}

.header .header-dropdown {
    display: none !important
}

    .header .header-dropdown .dropdown-menu {
        border: 1px solid #d2d6db;
        border-radius: 8px;
        inset-inline-start: -140px;
        min-width: 190px;
        top: 55px;
        padding: 15px
    }

        .header .header-dropdown .dropdown-menu .dropdown-item {
            font-size: 1rem;
            margin: 5px 0;
            position: relative;
            padding: 10px 10px 15px 10px;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

            .header .header-dropdown .dropdown-menu .dropdown-item::before {
                content: "";
                height: 6px;
                width: calc(100% - 15px);
                display: block;
                position: absolute;
                bottom: 0px;
                background-color: #9da4ae;
                border-radius: 4px;
                z-index: 9;
                inset-inline-start: 8px;
                display: none
            }

            .header .header-dropdown .dropdown-menu .dropdown-item:hover {
                color: #161616;
                background-color: #f3f4f6;
                text-decoration: none
            }

                .header .header-dropdown .dropdown-menu .dropdown-item:hover::before {
                    display: block
                }

            .header .header-dropdown .dropdown-menu .dropdown-item:is(:focus) {
                background-color: #e5e7eb;
                color: #161616;
                text-decoration: none
            }

                .header .header-dropdown .dropdown-menu .dropdown-item:is(:focus)::before {
                    display: block;
                    background-color: #1f2a37
                }

    .header .header-dropdown .dropdown-toggle {
        border: 0;
        padding: 20px 15px
    }

        .header .header-dropdown .dropdown-toggle:after {
            display: none
        }

@media(max-width: 600px) {
    .header .header-dropdown {
        display: block !important
    }
}

.header .menu-tablet {
    display: none !important
}

@media(min-width: 601px)and (max-width: 960px) {
    .header .menu-tablet {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 10px !important;
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }

        .header .menu-tablet li {
            border-radius: 5px;
            padding: 10px
        }

            .header .menu-tablet li:hover {
                background-color: #f3f4f6
            }

        .header .menu-tablet .nav-link {
            padding: 0 !important
        }

            .header .menu-tablet .nav-link span {
                display: none
            }
}

.dropdown .dropdown-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    margin: 15px 0;
    padding: 15px 30px
}

    .dropdown .dropdown-container:not(:last-of-type) {
        border-bottom: 1px solid #9da4ae
    }

@media(max-width: 960px) {
    .dropdown .dropdown-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        margin-top: 0;
        gap: 5px
    }
}

.dropdown .dropdown-container .menu-title {
    font-family: "IBMArabic-Medium";
    color: #161616;
    font-size: 1rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 8px;
    padding: 5px 10px;
    width: 100%
}

    .dropdown .dropdown-container .menu-title:hover {
        background-color: #f3f4f6
    }

    .dropdown .dropdown-container .menu-title:focus {
        background-color: #e5e7eb
    }

@media(max-width: 960px) {
    .dropdown .dropdown-container .menu-title {
        font-size: .875rem
    }
}

.dropdown .dropdown-container .list-menu {
    -ms-flex-preferred-size: calc(25% - 30px);
    flex-basis: calc(25% - 30px);
    padding: 10px
}

@media(min-width: 960px) {
    .dropdown .dropdown-menu:not(.page-action-btn .dropdown-menu,.dropdown-menu-end) {
        inset-inline-start: auto;
        top: 90px;
        border-radius: 16px;
        -webkit-transform: translate(27%, 0%);
        -ms-transform: translate(27%, 0%);
        transform: translate(27%, 0%)
    }

    [dir=ltr] .dropdown .dropdown-menu:not(.page-action-btn .dropdown-menu,.dropdown-menu-end) {
        -webkit-transform: translate(-27%, 0%);
        -ms-transform: translate(-27%, 0%);
        transform: translate(-27%, 0%)
    }
}

.dropdown .dropdown-menu:not(.page-action-btn .dropdown-menu,.dropdown-menu-end) .dropdown-item:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: #f3f4f6
}

.dropdown .dropdown-menu:not(.page-action-btn .dropdown-menu,.dropdown-menu-end) .dropdown-item:focus {
    background-color: #e5e7eb
}

.dropdown .dropdown-menu {
    border-radius: 0px;
    border: 0;
    padding: 0;
    min-width: 245px;
    margin-top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 6px -2px rgba(16,24,40,.3);
    box-shadow: 0px 4px 6px -2px rgba(16,24,40,.3);
    padding: 15px 30px;
    margin-top: 0 !important;
    -webkit-box-shadow: 0 0 24px rgba(0,0,0,.15);
    box-shadow: 0 0 24px rgba(0,0,0,.15);
    margin-top: 0 !important
}

@media(max-width: 960x) {
    .dropdown .dropdown-menu {
        padding: 15px 0px;
        width: 100%
    }
}

.dropdown .dropdown-menu::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

.dropdown .dropdown-menu::-webkit-scrollbar-thumb {
    background: #074d31
}

.dropdown .dropdown-menu::-webkit-scrollbar-track {
    background: #fff
}

@media(min-width: 960px) {
    .dropdown .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden
    }
}

.site-settings .dropdown .dropdown-menu {
    padding: 16px
}

.dropdown .dropdown-menu .dropdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #1f2a37;
    border-radius: 0;
    padding: 6px 0px;
    font-family: "IBMArabic-Medium" !important;
    font-size: .875rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 8px;
    padding: 10px
}

@media(max-width: 960px) {
    .dropdown .dropdown-menu .dropdown-item {
        font-size: .8125rem
    }
}

.dropdown .dropdown-menu .dropdown-item:is(:hover), .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #f3f4f6
}

.dropdown .dropdown-menu li:not(:last-of-type) {
    padding-block: 5px
}

.dropdown .dropdown-menu .dropdown-header {
    padding: 0;
    margin-bottom: 24px
}

@media(hover: hover) {
    .dropdown:hover > .dropdown-menu {
        display: block;
        margin: 0px;
        margin-top: 0 !important;
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s ease,visibility .3s ease;
        transition: opacity .3s ease,visibility .3s ease
    }

    .dropdown:hover .dropdown-menu-end {
        inset-inline-end: 0
    }
}

.dropend .dropdown-menu {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    padding: 15px;
    border: 1px solid #9da4ae;
    -webkit-box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

    .navbar-brand img {
        height: 75px;
        width: 130px
    }

@media(max-width: 991.98px) {
    .navbar-brand img {
        height: 80px;
        width: 130px
    }
}

.navbar-brand .vision-2030 {
    position: relative;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px
}

@media(max-width: 1199.98px) {
    .navbar-brand .vision-2030 {
        margin: 25px 0;
        -webkit-padding-start: 0px;
        padding-inline-start: 0px;
        margin: 0;
        display: block
    }
}

.navbar-brand .vision-2030::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    content: "";
    height: 36px;
    width: 2px;
    background-color: #ebebeb;
    margin: auto 0
}

.navbar {
    position: relative;
    padding: 0;
    z-index: 10;
    background-color: #fff
}

@media(max-width: 960px) {
    .navbar .nav-actions {
        display: none !important
    }
}

@media(max-width: 1250px)and (min-width: 960px) {
    .navbar .nav-actions span {
        display: none !important
    }
}

@media(max-width: 1199.98px) {
    .navbar {
        padding: 0
    }
}

.navbar .dropdown:not(.dropend) > .dropdown-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

    .navbar .dropdown:not(.dropend) > .dropdown-toggle::after {
        background-image: url("./images/arrow_black.svg");
        width: 13px;
        height: 12px;
        background-repeat: no-repeat;
        background-size: contain;
        border: 0;
        margin-top: 10px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .navbar .dropdown:not(.dropend) > .dropdown-toggle:not(.show)::after {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important
    }

    .navbar .dropdown:not(.dropend) > .dropdown-toggle:is(.show) {
        color: var(--color-tertiary)
    }

        .navbar .dropdown:not(.dropend) > .dropdown-toggle:is(.show)::after {
            background-image: url("./images/arrow_green.svg");
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
            margin-top: 5px
        }

.navbar .dropdown:not(.dropend):is(:hover) > .dropdown-toggle::after, .navbar .dropdown:not(.dropend):hover > .dropdown-toggle::after {
    background-image: url("./images/arrow_green.svg")
}

.navbar .navbar-nav {
    gap: 24px;
    padding-bottom: 0;
    -webkit-padding-start: 30px;
    padding-inline-start: 30px
}

@media(max-width: 600px) {
    .navbar .navbar-nav {
        position: relative
    }
}

.navbar .navbar-nav .footer-list {
    position: absolute;
    bottom: 0;
    width: 100%
}

.navbar .navbar-nav .logo-wrapper {
    display: none !important;
    background-color: #f9fafb;
    padding: 25px 30px
}

@media(max-width: 960px) {
    .navbar .navbar-nav .logo-wrapper {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media(max-width: 1199.98px) {
    .navbar .navbar-nav {
        gap: 0px !important
    }
}

@media(max-width: 1350px) {
    .navbar .navbar-nav {
        gap: 15px
    }
}

.navbar .navbar-nav .nav-item {
    border-radius: 0;
    height: 75px
}

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item {
        height: auto
    }
}

.navbar .navbar-nav .nav-item:focus-visible {
    border: 2px solid #161616
}

.navbar .navbar-nav .nav-item .nav-link {
    padding: 27px 12px;
    color: #161616;
    border-bottom: 0;
    font-family: "IBMArabic-Medium",sans-serif;
    border-radius: 0;
    font-size: 1rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 4px
}

@media(max-width: 1600px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 27px 6px
    }
}

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 1rem
    }
}

@media(max-width: 1200px) {
    .navbar .navbar-nav .nav-item .nav-link {
        padding: 27px 6px;
        font-size: .875rem !important
    }
}

.navbar .navbar-nav .nav-item .nav-link::before {
    content: "";
    height: 6px;
    width: calc(100% - 24px);
    display: block;
    position: absolute;
    bottom: 0px;
    background-color: #9da4ae;
    border-radius: 4px;
    z-index: 9;
    inset-inline-start: 13px;
    display: none
}

.navbar .navbar-nav .nav-item .nav-link:is(:hover) {
    background-color: #f3f4f6;
    color: #161616
}

    .navbar .navbar-nav .nav-item .nav-link:is(:hover)::before {
        display: block
    }

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link:is(:hover)::before {
        display: none
    }
}

.navbar .navbar-nav .nav-item .nav-link:is(:focus) {
    background-color: #e5e7eb;
    color: #161616
}

    .navbar .navbar-nav .nav-item .nav-link:is(:focus)::before {
        display: block;
        background-color: #1f2a37
    }

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link:is(:focus)::before {
        display: none
    }
}

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link {
        gap: 16px
    }

    .navbar .navbar-nav .nav-item .nav-link__header {
        position: absolute;
        inset-inline: 0;
        padding: 16px 24px;
        inset-block-start: 0;
        height: 64px;
        z-index: 2;
        display: none
    }
}

@media(max-width: 960px)and (max-width: 575.98px) {
    .navbar .navbar-nav .nav-item .nav-link__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link__header .navbar-toggler {
        background-color: #fff;
        padding: 8px
    }
}

.navbar .navbar-nav .nav-item:nth-child(3) .dropdown-menu {
    width: 100%;
    -webkit-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    transform: translate(20%, 0)
}

[dir=ltr] .navbar .navbar-nav .nav-item:nth-child(3) .dropdown-menu {
    -webkit-transform: translate(-20%, 0%);
    -ms-transform: translate(-20%, 0%);
    transform: translate(-20%, 0%)
}

@media(max-width: 1500px) {
    .navbar .navbar-nav .nav-item:nth-child(3) .dropdown-menu {
        width: auto
    }
}

@media((max-width: 960px)) {
    .navbar .navbar-nav .nav-item:nth-child(3) .dropdown-menu {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }
}

.navbar .navbar-nav .nav-item .active {
    background-color: #1b8354;
    color: #fff
}

    .navbar .navbar-nav .nav-item .active:focus-visible {
        outline: 2px solid #161616;
        border: 2px solid #fff;
        background-color: #1b8354 !important
    }

    .navbar .navbar-nav .nav-item .active img {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }

    .navbar .navbar-nav .nav-item .active:hover {
        background-color: #166a45;
        color: #fff !important
    }

    .navbar .navbar-nav .nav-item .active:focus {
        background-color: #104631;
        color: #fff !important
    }

        .navbar .navbar-nav .nav-item .active:focus::before {
            background-color: #54c08a
        }

    .navbar .navbar-nav .nav-item .active::before {
        display: block;
        background-color: #54c08a
    }

@media(max-width: 960px) {
    .navbar .navbar-nav .nav-item .active::before {
        display: none
    }
}

.navbar .navbar-nav .nav-item .active::before::after {
    background-image: url("./images/arrow_white.svg") !important
}

.navbar .dropend .dropdown-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

    .navbar .dropend .dropdown-toggle::after {
        background-image: url("./images/arrow_black.svg") !important;
        width: 10px;
        height: 10px;
        -webkit-transform: rotateZ(90deg);
        -ms-transform: rotate(90deg);
        transform: rotateZ(90deg);
        background-repeat: no-repeat;
        background-size: contain;
        border: 0;
        margin-top: 0px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        position: relative
    }

[dir=ltr] .navbar .dropend .dropdown-toggle::after {
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotateZ(-90deg)
}

.navbar .dropend .dropdown-toggle:is(.show)::after {
    background-image: url("./images/arrow_green.svg")
}

@media(max-width: 1199.98px) {
    .navbar .dropend .dropdown-toggle:is(.show)::after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.navbar .dropend .dropdown-menu {
    margin: 0 !important;
    background-color: #fff
}

@media(min-width: 1200px) {
    .navbar .dropend:is(:hover) > .dropdown-menu, .navbar .dropend:hover > .dropdown-menu {
        display: block;
        top: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s ease,visibility .3s ease;
        transition: opacity .3s ease,visibility .3s ease;
        inset-inline-end: auto;
        inset-inline-start: 100%
    }

        .navbar .dropend:is(:hover) > .dropdown-menu.bottom-0, .navbar .dropend:hover > .dropdown-menu.bottom-0 {
            top: auto;
            bottom: 0
        }
}

.navbar .dropend:is(:hover,:focus,:active,.show) > .dropdown-toggle {
    background-color: rgba(0,0,0,0);
    color: var(--color-tertiary) !important
}

    .navbar .dropend:is(:hover,:focus,:active,.show) > .dropdown-toggle::after {
        background-image: url("./images/arrow_green.svg")
    }

.navbar .navbar-nav .dropdown-container .list-menu:has(.menu-title) .menu-title {
    font-family: "IBMArabic-Bold";
    font-size: 1.125rem;
    color: #1b8354
}

    .navbar .navbar-nav .dropdown-container .list-menu:has(.menu-title) .menu-title:hover, .navbar .navbar-nav .dropdown-container .list-menu:has(.menu-title) .menu-title:focus {
        background-color: rgba(0,0,0,0)
    }

@media(max-width: 1400px) {
    .navbar .navbar-nav .dropdown-container .list-menu:last-child .dropend:is(:hover) > .dropdown-menu, .navbar .navbar-nav .dropdown-container .list-menu:last-child .dropend:hover > .dropdown-menu {
        display: block;
        top: 0;
        inset-inline-start: auto;
        inset-inline-end: 100%
    }
}

@media(min-width: 1900px) {
    .navbar .navbar-nav .dropdown-container .list-menu:last-child .dropend:is(:hover) > .dropdown-menu, .navbar .navbar-nav .dropdown-container .list-menu:last-child .dropend:hover > .dropdown-menu {
        display: block;
        top: 0;
        inset-inline-start: 100%;
        inset-inline-end: auto
    }
}

@media(min-width: 1200px) {
    .navbar .navbar-nav > .nav-item.dropdown:last-child .dropend:is(:hover) > .dropdown-menu, .navbar .navbar-nav > .nav-item.dropdown:last-child .dropend:hover > .dropdown-menu {
        display: block;
        top: 0;
        inset-inline-start: auto;
        inset-inline-end: 100%
    }
}

@media(min-width: 1900px) {
    .navbar .navbar-nav > .nav-item.dropdown:last-child .dropend:is(:hover) > .dropdown-menu, .navbar .navbar-nav > .nav-item.dropdown:last-child .dropend:hover > .dropdown-menu {
        display: block;
        top: 0;
        inset-inline-start: 100%;
        inset-inline-end: auto
    }
}

@media(max-width: 960px) {
    .navbar .navbar-collapse {
        position: fixed;
        width: 80%;
        top: 0px;
        bottom: 0px;
        right: 0px;
        padding: 0;
        z-index: 999999;
        background-color: #fff;
        -webkit-transition: all .3s cubic-bezier(0.1, 0.82, 0.76, 0.965);
        transition: all .3s cubic-bezier(0.1, 0.82, 0.76, 0.965)
    }

        .navbar .navbar-collapse:not(.show) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%)
        }

        .navbar .navbar-collapse .navbar-nav {
            height: calc(100% - 70px);
            margin: 0;
            padding-inline: 0;
            overflow-y: auto;
            overflow-x: hidden
        }

            .navbar .navbar-collapse .navbar-nav::-webkit-scrollbar {
                width: 12px;
                height: 12px
            }

            .navbar .navbar-collapse .navbar-nav::-webkit-scrollbar-thumb {
                background: #074d31
            }

            .navbar .navbar-collapse .navbar-nav::-webkit-scrollbar-track {
                background: #fff
            }
}

@media(max-width: 960px)and (max-width: 1200px) {
    .navbar .navbar-collapse .navbar-nav .nav-item {
        margin-inline: 30px;
        border-radius: 8px;
        position: relative;
        margin: 10px 30px
    }

        .navbar .navbar-collapse .navbar-nav .nav-item.dropdown:has(.nav-link:focus) {
            background-color: #e5e7eb
        }

        .navbar .navbar-collapse .navbar-nav .nav-item:after {
            content: " ";
            height: 1px;
            width: 100%;
            position: absolute;
            background-color: #d2d6db;
            display: block;
            bottom: -10px
        }

        .navbar .navbar-collapse .navbar-nav .nav-item:hover {
            background-color: #f3f4f6
        }
}

@media(max-width: 960px) {
    .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        padding: 15px 15px !important;
        margin-bottom: 0
    }

        .navbar .navbar-collapse .navbar-nav .nav-item .nav-link::after {
            display: none
        }

    .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        width: 100% !important;
        border-radius: 8px;
        -webkit-padding-start: 8px;
        padding-inline-start: 8px;
        padding-top: 0;
        padding-left: 0 !important;
        padding-bottom: 0;
        margin: 15px;
        padding: 10px
    }

    .navbar .navbar-collapse .navbar-nav .nav-item.dropdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px
    }

        .navbar .navbar-collapse .navbar-nav .nav-item.dropdown:has(.dropdown-menu.show) > .dropdown-toggle::after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-family: "IBMArabic-SemiBold"
        }

            .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link::before {
                content: "";
                height: 24px;
                width: 6px;
                display: block;
                position: absolute;
                background-color: #9da4ae;
                border-radius: 4px;
                z-index: 9;
                inset-inline-start: 0;
                display: none;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link:hover {
                color: #161616 !important;
                background-color: #f3f4f6
            }

                .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link:hover::before {
                    display: block
                }

            .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link:is(:focus) {
                background-color: #e5e7eb;
                color: #161616
            }

                .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link:is(:focus)::before {
                    display: block;
                    background-color: #1f2a37
                }

        .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-arrow {
            margin-right: auto;
            width: 30px;
            height: 30px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative
        }

            .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-arrow::after {
                margin-top: 0;
                background-position: center;
                position: absolute;
                top: 25px
            }

    .navbar .navbar-collapse .navbar-nav .nav-item .dropend {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px;
        -webkit-padding-end: 10px;
        padding-inline-end: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px
    }

        .navbar .navbar-collapse .navbar-nav .nav-item .dropend .nav-link, .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-item {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-arrow {
            margin-right: auto;
            width: 30px;
            height: 30px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: rgba(255,255,255,.5254901961)
        }

            .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-arrow::after {
                margin-top: 0;
                background-position: center
            }

            .navbar .navbar-collapse .navbar-nav .nav-item .dropend .dropdown-arrow:hover {
                background-color: #fff
            }
}

@media(max-width: 600px) {
    .navbar .navbar-collapse {
        width: 100%
    }
}

.navbar .navbar-collapse .footer-list {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #e5e7eb;
    padding: 15px 0;
    margin-inline: 0
}

    .navbar .navbar-collapse .footer-list a {
        color: #161616;
        padding: 8px 16px
    }

        .navbar .navbar-collapse .footer-list a:hover {
            background-color: #f3f4f6
        }

.navbar .navbar-toggler {
    display: none;
    height: 38px;
    width: 30px;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 0;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

@media(max-width: 960px) {
    .navbar .navbar-toggler {
        display: block
    }
}

@media(max-width: 576px) {
    .navbar .navbar-toggler {
        position: relative;
        inset-inline-start: -6px
    }
}

.navbar .navbar-toggler span {
    position: relative;
    height: 2px;
    background-color: var(--color-black);
    display: block;
    width: 100%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
    transition: all .2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
    margin: .625rem;
    border-radius: 15px
}

.navbar .navbar-toggler[aria-expanded=true] span {
    margin: 0
}

    .navbar .navbar-toggler[aria-expanded=true] span:nth-child(1) {
        -webkit-transform: rotate(48deg);
        -ms-transform: rotate(48deg);
        transform: rotate(48deg);
        top: 1px
    }

    .navbar .navbar-toggler[aria-expanded=true] span:nth-child(2) {
        display: none
    }

    .navbar .navbar-toggler[aria-expanded=true] span:nth-child(3) {
        -webkit-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
        transform: rotate(-48deg);
        bottom: 1px
    }

.navbar .e-services-dropdown .btn-tertiary:is(:hover,:active,.show)::after {
    background-image: url("./images/arrow_white.svg");
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    margin-top: 5px
}

.navbar .switch {
    position: relative;
    display: inline-block;
    width: 96px;
    height: 32px;
    margin-bottom: 0
}

    .navbar .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

    .navbar .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: rgba(131,149,183,.4);
        -webkit-transition: .4s;
        transition: .4s
    }

        .navbar .switch .slider span {
            position: relative;
            width: 48px;
            height: 32px;
            z-index: 2
        }

            .navbar .switch .slider span.light {
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.242' height='9.242' viewBox='0 0 9.242 9.242'%3E%3Cpath id='sun' d='M-1355.932-3140.21v-.723a.451.451,0,0,1,.452-.451.451.451,0,0,1,.451.451v.723a.451.451,0,0,1-.451.452A.452.452,0,0,1-1355.932-3140.21Zm3.08-.9-.51-.511a.451.451,0,0,1,0-.638.451.451,0,0,1,.638,0l.511.51a.452.452,0,0,1,0,.639.45.45,0,0,1-.319.132A.45.45,0,0,1-1352.852-3141.111Zm-5.9,0a.452.452,0,0,1,0-.639l.511-.51a.449.449,0,0,1,.638,0,.451.451,0,0,1,0,.638l-.511.511a.447.447,0,0,1-.319.132A.45.45,0,0,1-1358.748-3141.111Zm.953-3.268a2.317,2.317,0,0,1,2.315-2.315,2.318,2.318,0,0,1,2.315,2.315,2.318,2.318,0,0,1-2.315,2.315A2.317,2.317,0,0,1-1357.795-3144.379Zm5.761.451a.451.451,0,0,1-.451-.451.451.451,0,0,1,.451-.452h.723a.452.452,0,0,1,.452.452.451.451,0,0,1-.452.451Zm-7.616,0a.451.451,0,0,1-.452-.451.452.452,0,0,1,.452-.452h.723a.451.451,0,0,1,.451.452.451.451,0,0,1-.451.451Zm1.413-2.57-.511-.511a.451.451,0,0,1,0-.638.452.452,0,0,1,.639,0l.51.511a.451.451,0,0,1,0,.638.449.449,0,0,1-.319.133A.449.449,0,0,1-1358.237-3146.5Zm4.874,0a.452.452,0,0,1,0-.639l.51-.511a.452.452,0,0,1,.639,0,.451.451,0,0,1,0,.638l-.511.512a.45.45,0,0,1-.319.132A.452.452,0,0,1-1353.362-3146.5Zm-2.569-1.329v-.723a.452.452,0,0,1,.452-.452.451.451,0,0,1,.451.452v.723a.451.451,0,0,1-.451.452A.452.452,0,0,1-1355.932-3147.826Z' transform='translate(1360.102 3149)' fill='%238395B7'/%3E%3C/svg%3E%0A");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 16px
            }

            .navbar .switch .slider span.dark {
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.866' height='15.339' viewBox='0 0 14.866 15.339'%3E%3Cpath id='dark' d='M14296.95-3749.51l-.111-.053-.031-.015-.087-.043-.025-.013-.1-.055-.031-.017-.077-.042-.037-.021-.071-.04-.063-.037-.061-.036-.057-.034-.04-.025-.061-.038-.016-.01-.14-.091-.011-.007a7.584,7.584,0,0,1-2.106-2.112l0-.007-.025-.038h0a7.676,7.676,0,0,1-.543-7.473,7.663,7.663,0,0,1,6.887-4.413.232.232,0,0,1,.1.442,5.755,5.755,0,0,0-.93.535,5.989,5.989,0,0,0-1.473,8.341,5.98,5.98,0,0,0,7.6,1.92v0a6.625,6.625,0,0,0,.7-.417,6.183,6.183,0,0,0,.858-.715.229.229,0,0,1,.385.1.227.227,0,0,1-.008.147c-.068.19-.147.377-.233.56a7.666,7.666,0,0,1-6.954,4.43A7.632,7.632,0,0,1,14296.95-3749.51Z' transform='translate(-14292.524 3764.128)' fill='%238395B7'/%3E%3C/svg%3E%0A");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 16px
            }

        .navbar .switch .slider:before {
            position: absolute;
            content: "";
            height: 32px;
            width: 48px;
            inset-inline-start: 0px;
            bottom: 0;
            top: 0;
            bottom: 0;
            margin: auto 0;
            background-color: var(--color-secondary);
            -webkit-transition: .4s;
            transition: .4s
        }

.theme-dark .navbar .switch .slider:before {
    inset-inline-start: auto;
    background-color: rgba(131,149,183,.4)
}

.navbar .switch input:checked + .slider:before {
    inset-inline-start: auto;
    -webkit-transform: translateX(-48px);
    -ms-transform: translateX(-48px);
    transform: translateX(-48px)
}

[dir=ltr] .navbar .switch input:checked + .slider:before {
    -webkit-transform: translateX(48px);
    -ms-transform: translateX(48px);
    transform: translateX(48px)
}

.navbar .switch .slider.round {
    border-radius: 34px
}

    .navbar .switch .slider.round:before {
        border-radius: 50px
    }

.navbar .user-details-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.navbar .calendar-list__item, .navbar .notification-list__item {
    color: var(--color-text-color)
}

    .navbar .calendar-list__item:not(:last-of-type), .navbar .notification-list__item:not(:last-of-type) {
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(121,133,155,.28)
    }

    .navbar .calendar-list__item .title, .navbar .notification-list__item .title {
        color: var(--color-text-gray);
        font-size: .75rem;
        margin-bottom: 4px
    }

    .navbar .calendar-list__item .data, .navbar .notification-list__item .data {
        font-size: 1rem;
        font-family: "IBMArabic-Bold",sans-serif;
        color: var(--color-secondary)
    }

.navbar .login-user-details__item:only-child {
    margin-bottom: 16px
}

.navbar .login-user-details__item:not(:last-of-type) {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(121,133,155,.28)
}

.navbar .login-user-details__item .title {
    color: var(--color-text-gray);
    font-size: .75rem;
    margin-bottom: 4px
}

.navbar .login-user-details__item .data {
    display: block;
    font-size: 1rem;
    font-family: "IBMArabic-Bold",sans-serif;
    color: var(--color-secondary)
}

.navbar .notification-count {
    position: absolute;
    inset-block-start: -8px;
    inset-inline-start: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .625rem;
    width: 20px;
    height: 20px;
    background-color: var(--color-primary);
    border-radius: 100px
}

.navbar .settings-item {
    margin-bottom: 10px;
    color: var(--color-secondary)
}

    .navbar .settings-item .settings-title {
        margin-bottom: 12px
    }

.navbar .action-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.navbar .action-group__btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    line-height: 1;
    background-color: rgba(0,0,0,0);
    border-radius: 4px;
    color: var(--color-secondary);
    font-family: "IBMArabic-Bold";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .navbar .action-group__btn.font-plus {
        -webkit-margin-before: 0;
        margin-block-start: 0
    }

        .navbar .action-group__btn.font-plus::before {
            content: "+";
            -webkit-margin-after: 8px;
            margin-block-end: 8px;
            font-size: 1.25rem
        }

    .navbar .action-group__btn.font-minus {
        -webkit-margin-before: 0;
        margin-block-start: 0
    }

        .navbar .action-group__btn.font-minus::before {
            content: "-";
            -webkit-margin-after: 8px;
            margin-block-end: 8px;
            font-size: 1.25rem
        }

    .navbar .action-group__btn svg {
        width: 18px
    }

    .navbar .action-group__btn:is(:hover,:active,:focus) {
        background-color: #074d31;
        color: #fff
    }

        .navbar .action-group__btn:is(:hover,:active,:focus) svg path {
            fill: #fff
        }

.navbar .rsbtn {
    position: relative !important;
    direction: unset !important;
    width: 100% !important;
    text-align: start !important;
    margin: 0 !important
}

    .navbar .rsbtn::before {
        display: none !important
    }

    .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle {
        position: static !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 36px !important;
        height: 36px !important;
        background-color: rgba(0,0,0,0);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.3 17.282'%3E%3Cpath id='voice-11' d='M181.854,17.282a.5.5,0,1,1,0-1h.363v-1a5.718,5.718,0,0,1-4.985-4.653h1a4.789,4.789,0,0,0,9.306,0h1a5.718,5.718,0,0,1-4.985,4.653v1h.363a.5.5,0,1,1,0,1Zm1.027-3.988a3.739,3.739,0,0,1-3.656-3.656V3.323a3.672,3.672,0,0,1,7.312,0V9.638A3.739,3.739,0,0,1,182.881,13.294Zm2.659-9.97a2.682,2.682,0,0,0-5.318,0V9.638a2.659,2.659,0,1,0,5.318,0Z' transform='translate(-177.231)' fill='%23224e85'%3E%3C/path%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 11px 17px !important;
        border: 1px solid var(--color-secondary);
        border-radius: 50%;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle:hover, .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle:active, .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle:focus {
            background-color: var(--color-secondary) !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.3 17.282'%3E%3Cpath id='voice-11' d='M181.854,17.282a.5.5,0,1,1,0-1h.363v-1a5.718,5.718,0,0,1-4.985-4.653h1a4.789,4.789,0,0,0,9.306,0h1a5.718,5.718,0,0,1-4.985,4.653v1h.363a.5.5,0,1,1,0,1Zm1.027-3.988a3.739,3.739,0,0,1-3.656-3.656V3.323a3.672,3.672,0,0,1,7.312,0V9.638A3.739,3.739,0,0,1,182.881,13.294Zm2.659-9.97a2.682,2.682,0,0,0-5.318,0V9.638a2.659,2.659,0,1,0,5.318,0Z' transform='translate(-177.231)' fill='%23fff'%3E%3C/path%3E%3C/svg%3E") !important;
            border-color: var(--color-secondary) !important
        }

        .navbar .rsbtn.mega_toggle .rsbtn_tooltoggle span.rsicn {
            display: none !important
        }

    .navbar .rsbtn .rsbtn_toolpanel.vertical {
        direction: unset !important;
        position: absolute !important;
        inset: unset !important;
        top: 100% !important;
        inset-inline-start: 0 !important
    }

        .navbar .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools {
            border: none !important;
            border-radius: 16px !important;
            width: 200px !important;
            background-color: #fff !important;
            margin-top: 0 !important;
            -webkit-box-shadow: 0 0 24px rgba(0,0,0,.15);
            box-shadow: 0 0 24px rgba(0,0,0,.15);
            margin-top: 0 !important
        }

        .navbar .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li {
            height: unset !important;
            min-height: unset !important;
            max-height: unset !important;
            border-color: #ebebeb !important
        }

            .navbar .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool {
                padding: 5px 16px !important
            }

nav.navbar .dropdown:not(.dropend) > .dropdown-toggle.active::after {
    background-image: url("./images/arrow_white.svg");
    width: 13px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    margin-top: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

li.nav-item.dropdown:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1
}

@media(min-width: 960px) {
    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media(min-width: 960px) {
    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 5px !important
    }
}

@media(min-width: 960px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

@media(min-width: 960px) {
    .navbar-expand-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .navbar-nav .dropdown-menu {
        position: absolute
    }

    .dropdown-arrow {
        display: none !important
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 1rem;
        height: 75px
    }
}

@media(min-width: 960px)and (max-width: 960px) {
    .navbar .navbar-nav .nav-item .nav-link {
        height: auto
    }
}

.breadcrumb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

    .breadcrumb > li:first-of-type::before {
        display: none
    }

    .breadcrumb > li:first-of-type > ul > li::before {
        display: none
    }

    .breadcrumb li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 !important;
        color: #808285;
        line-height: 1;
        font-family: "IBMArabic-Medium";
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='Path_69099' data-name='Path 69099' d='M-6970.353,16033.221l-6.669,7.4-6.669-7.4.72-.72,5.949,4.07,5.552-4.07Z' transform='translate(16040.624 6983.69) rotate(90)' fill='%23606161'/%3E%3C/svg%3E%0A")
    }

        .breadcrumb li a {
            color: #384250;
            text-decoration: none;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            font-family: "IBMArabic-Regular"
        }

            .breadcrumb li a:hover {
                text-decoration: underline;
                color: #6c737f !important
            }

            .breadcrumb li a svg {
                width: 25px;
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out
            }

            .breadcrumb li a:hover {
                color: #384250
            }

@media(max-width: 575.98px) {
    .breadcrumb li a {
        font-size: 1rem
    }
}

.breadcrumb li.active a {
    color: #9da4ae
}

    .breadcrumb li.active a:hover {
        text-decoration: underline;
        color: #6c737f
    }

.breadcrumb li::before {
    padding: 0;
    padding-inline: 7px !important;
    margin-inline: .5rem !important;
    height: 20px;
    width: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=ltr] .breadcrumb li::before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.theme-dark .breadcrumb li::before {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.breadcrumb li:last-child a {
    color: #9da4ae
}

    .breadcrumb li:last-child a:hover {
        color: #6c737f
    }

.s4-breadcrumb-arrowcont, a.ms-breadcrumbRootNode {
    display: none
}

ul.breadcrumb-item {
    padding: 0;
    margin: 0
}

    ul.breadcrumb-item::before {
        display: none
    }

ul.ms-breadcrumbRootNode {
    padding: 0;
    margin: 0
}

    ul.ms-breadcrumbRootNode::before {
        display: none
    }

    ul.ms-breadcrumbRootNode > .ms-breadcrumbRootNode {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

.page-footer {
    position: relative;
    padding: 0rem 0 32px;
    background-color: var(--color-primary);
    isolation: isolate;
    padding: 0 100px;
    overflow: hidden
}

@media(max-width: 992px) {
    .page-footer {
        padding: 0
    }
}

.footer-top__title {
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-family: "IBMArabic-Bold"
}

.footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 30px 0 50px 0
}

@media(max-width: 767.98px) {
    .footer-bottom {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 8px 0
}

@media(max-width: 767.98px) {
    .footer-links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer-links li a, .footer-links li a:visited {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: .875rem;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    font-family: "IBMArabic-Regular"
}

    .footer-links li a:is(:hover,:active,:focus), .footer-links li a:visited:is(:hover,:active,:focus) {
        color: rgba(255,255,255,.8);
        text-decoration: underline
    }

.copyrights {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 1rem;
    font-family: "IBMArabic-SemiBold";
    margin-bottom: 5px
}

@media(max-width: 767.98px) {
    .copyrights {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        font-size: .875rem
    }
}

.copyrights .copyrights-year {
    margin-inline: 4px
}

.theme-dark .copyrights {
    color: var(--color-gray-color)
}

.footer-logo img {
    height: 50px
}

.theme-dark .footer-logo img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.footer-sign img {
    height: 50px
}

.footer-middle {
    padding: 50px 0;
    margin-bottom: 24px
}

.footer-list-title {
    color: #fff;
    font-size: 1.125rem;
    margin-bottom: 16px;
    -webkit-border-after: 1px solid rgba(255,255,255,.3);
    border-block-end: 1px solid rgba(255,255,255,.3);
    padding-bottom: 15px
}

.footer-links-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-links-list__item:not(:last-child) {
    margin-bottom: 12px
}

.footer-links-list__item .footer-link {
    color: #fff;
    font-family: "IBMArabic-Regular";
    font-size: 1rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .footer-links-list__item .footer-link:is(:hover,:active,:focus) {
        color: rgba(255,255,255,.8);
        text-decoration: underline
    }

.page-banner {
    position: relative;
    height: 300px;
    background-color: #14375f;
    isolation: isolate
}

    .page-banner .bg {
        position: absolute;
        inset: 0;
        display: block;
        height: 100%;
        width: 100%;
        overflow: hidden;
        z-index: -1;
        background-color: #14375f
    }

        .page-banner .bg img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center
        }

.page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    padding: 30px 0;
    border-bottom: 1px solid #d2d6db;
    margin-bottom: 32px
}

    .page-header .page-title {
        margin-bottom: 8px;
        font-family: "IBMArabic-Bold"
    }

@media(max-width: 767.98px) {
    .page-header .page-title {
        font-size: 2rem
    }
}

@media(max-width: 575.98px) {
    .page-header .page-title {
        font-size: 1.5rem
    }
}

.page-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .9375rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .page-actions > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        cursor: pointer
    }

    .page-actions .dropdown {
        position: relative
    }

        .page-actions .dropdown:hover img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1)
        }

        .page-actions .dropdown .dropdown-toggle::after {
            display: none
        }

        .page-actions .dropdown .dropdown-menu {
            gap: .625rem;
            min-width: -webkit-fit-content;
            min-width: -moz-fit-content;
            min-width: fit-content;
            border: none;
            background-color: var(--color-secondary);
            padding: .5rem;
            border-radius: 8px
        }

            .page-actions .dropdown .dropdown-menu::before {
                content: "";
                position: absolute;
                bottom: 100%;
                inset-inline-end: .75rem;
                width: 1.25rem;
                height: .375rem;
                background-image: url("./images/dropdown-green.svg");
                background-repeat: no-repeat;
                top: -5px
            }

[dir=ltr] .page-actions .dropdown .dropdown-menu::before {
    inset-inline-end: .75rem
}

@media(max-width: 576px) {
    .page-actions .dropdown .dropdown-menu::before {
        display: none
    }
}

.page-actions .dropdown .dropdown-menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0;
    background-color: #1b8354;
    border-radius: 40px !important
}

    .page-actions .dropdown .dropdown-menu a:hover svg {
        fill: #fff;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }

    .page-actions .dropdown .dropdown-menu a:active, .page-actions .dropdown .dropdown-menu a:focus {
        background-color: var(--color-primary)
    }

        .page-actions .dropdown .dropdown-menu a:active svg, .page-actions .dropdown .dropdown-menu a:active img, .page-actions .dropdown .dropdown-menu a:focus svg, .page-actions .dropdown .dropdown-menu a:focus img {
            fill: #fff;
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1)
        }

.page-actions .dropdown .dropdown-menu.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.page-actions .dropdown .dropdown-menu .dropdown-item {
    padding: 0
}

    .page-actions .dropdown .dropdown-menu .dropdown-item svg {
        fill: var(--color-text-color);
        width: .9375rem;
        height: .9375rem
    }

    .page-actions .dropdown .dropdown-menu .dropdown-item:hover {
        background-color: var(--color-primary)
    }

.page-actions .dropdown:hover .dropdown-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin: 0px;
    margin-top: 0 !important
}

.page-actions .dropdown:hover .page-action-btn {
    background-color: var(--color-secondary)
}

    .page-actions .dropdown:hover .page-action-btn svg path {
        fill: #fff
    }

.page-actions .page-action-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.6875rem;
    height: 2.6875rem;
    border-radius: 50%;
    background-color: #f3fcf6;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 0
}

    .page-actions .page-action-btn svg {
        fill: var(--color-text-color);
        height: 1rem;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .page-actions .page-action-btn:is(:hover,:active,:focus) {
        background-color: var(--color-secondary)
    }

        .page-actions .page-action-btn:is(:hover,:active,:focus) img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1)
        }

        .page-actions .page-action-btn:is(:hover,:active,:focus) svg path {
            fill: #fff
        }

.page-category {
    margin-bottom: 24px
}

    .page-category .title {
        display: block;
        margin-bottom: 8px;
        color: var(--color-text-gray)
    }

    .page-category .category-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        padding: 0;
        margin: 0;
        list-style: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .page-category .category-list .category-link {
            display: block;
            padding: 8px 16px;
            border: 1px solid var(--color-border-color);
            background-color: #fcfcff;
            color: var(--color-text-color);
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

.theme-dark .page-category .category-list .category-link {
    background-color: rgba(252,252,255,.05);
    border-color: rgba(252,252,255,.05)
}

.page-category .category-list .category-link:hover, .page-category .category-list .category-link:active, .page-category .category-list .category-link:focus, .page-category .category-list .category-link.active {
    background-color: var(--color-secondary);
    color: #fff
}

.rating {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 100px
}

@media(max-width: 576px) {
    .rating {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 5px
    }
}

.rating .title {
    font-size: 1rem;
    line-height: 1
}

.rating .rating__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    direction: ltr;
    color: unset !important;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px
}

[dir=ltr] .rating .rating__list {
    direction: rtl
}

.rating .rating__list .star {
    display: block
}

    .rating .rating__list .star svg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 16px
    }

        .rating .rating__list .star svg path {
            fill: #e5e7eb !important;
            stroke: #e5e7eb
        }

.rating .rating__list[data-stars="0"] .star svg path {
    fill: #fff;
    stroke: var(--color-secondary)
}

.rating .rating__list[data-stars="1"] .star:nth-child(5) svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.rating .rating__list[data-stars="2"] .star:nth-child(4) svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.rating .rating__list[data-stars="2"] .star:nth-child(4) ~ .star svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.rating .rating__list[data-stars="3"] .star:nth-child(3) svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.rating .rating__list[data-stars="3"] .star:nth-child(3) ~ .star svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.rating .rating__list[data-stars="4"] .star:nth-child(2) svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.rating .rating__list[data-stars="4"] .star:nth-child(2) ~ .star svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.rating .rating__list[data-stars="5"] .star:nth-child(1) svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.rating .rating__list[data-stars="5"] .star:nth-child(1) ~ .star svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.rating .rating__list > .star:hover svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.rating .rating__list > .star:hover ~ .star svg path {
    fill: var(--color-secondary) !important;
    stroke: var(--color-secondary)
}

.content-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px 10px;
    margin-bottom: 16px;
    border: 1px solid #ebebeb;
    border-radius: 8px
}

.visits-count {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 100px;
    font-family: "IBMArabic-Bold";
    font-size: .875rem
}

    .visits-count .title {
        line-height: 1
    }

.comments {
    padding: 24px;
    background-color: #f7f7f7;
    border-radius: 8px
}

    .comments .title {
        display: block;
        margin-bottom: 16px;
        font-family: "IBMArabic-Bold"
    }

.comments__item {
    position: relative;
    margin-top: 32px;
    padding-block: 24px;
    border-top: 1px solid #ebebeb
}

    .comments__item .user-name {
        font-family: "IBMArabic-Bold"
    }

    .comments__item .item-date span {
        margin-bottom: 8px;
        color: var(--color-tertiary);
        font-family: "IBMArabic-Medium";
        border-radius: 50px;
        font-size: .75rem
    }

    .comments__item .replay {
        position: relative;
        margin-top: 24px;
        padding: 24px;
        -webkit-margin-start: 32px;
        margin-inline-start: 32px;
        background-color: #fff;
        border-radius: 16px
    }

        .comments__item .replay .user-name {
            font-size: 1rem;
            color: var(--color-primary)
        }

.page-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 0px;
    border-radius: 0px
}

    .page-review .btn-primary {
        padding: 10px 18px 10px 18px
    }

@media(max-width: 576px) {
    .page-review {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

        .page-review .btn-black {
            margin-top: 10px
        }
}

.page-review .close-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #161616;
    font-size: 1.125rem;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 8px 24px 10px 24px;
    border-radius: 4px
}

    .page-review .close-review img {
        width: 24px;
        height: 24px
    }

    .page-review .close-review:hover {
        background-color: #f3f4f6;
        color: #161616
    }

    .page-review .close-review:focus, .page-review .close-review:active {
        background-color: #e5e7eb;
        color: #161616
    }

.details-item .btn-gray {
    padding: 5px 12px 5px 12px
}

.reason-wrapper {
    padding: 25px 0
}

    .reason-wrapper .btn-primary, .reason-wrapper .btn-gray {
        padding: 5px 12px 5px 12px
    }

    .reason-wrapper .title {
        color: #161616;
        font-size: 1.125rem;
        font-family: "IBMArabic-SemiBold";
        margin-bottom: 20px
    }

        .reason-wrapper .title .title-option {
            color: #6c737f;
            font-size: 1rem;
            font-family: "IBMArabic-Regular"
        }

.review-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 576px) {
    .review-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.review-content .review-title {
    font-family: "IBMArabic-Regular";
    margin: 0;
    color: #161616;
    font-size: 1.125rem
}

.review-content .review-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    gap: 18px
}

.review-answer {
    padding: 24px;
    border: 1px solid #ebebeb;
    border-radius: 8px
}

    .review-answer .answer-title {
        margin-bottom: 24px;
        font-size: 1.125rem
    }

        .review-answer .answer-title span {
            font-size: 14px;
            padding: 0 5px
        }

    .review-answer .form-check {
        margin-bottom: 16px
    }

    .review-answer.yes #noAnswerContent {
        display: none
    }

    .review-answer.yes #yesAnswerContent {
        display: block
    }

    .review-answer.no #yesAnswerContent {
        display: none
    }

    .review-answer.no #noAnswerContent {
        display: block
    }

    .review-answer .check__input__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .review-answer .other-answer {
        margin-top: 16px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
        display: none
    }

    .review-answer .other-check-input:checked ~ .other-answer {
        display: block
    }

.review-answer__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    gap: 12px;
    margin-top: 16px
}

.modal-dialog-scrollable .modal-body {
    overflow-x: hidden
}

    .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
        width: 10px;
        height: 10px
    }

    .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
        background: #074d31
    }

    .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
        background: #fff
    }

button.show-products-btn:hover {
    background-color: #225085 !important;
    color: #fff !important
}

    button.show-products-btn:hover span {
        background-color: #fff !important
    }

button.show-products-btn {
    background-color: #1a717b;
    color: #fff !important
}

    button.show-products-btn span {
        background-color: #fff !important;
        color: #1a717b;
        min-width: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 2px;
        padding: 0 5px
    }

.fancybox__caption {
    text-align: center;
    padding: 10px 100px 0px 100px
}

.mob_app_img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-box-shadow: -4px -3px 19px -14px;
    box-shadow: -4px -3px 19px -14px
}

.line-title {
    position: relative;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    font-family: "IBMArabic-Bold";
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px
}

    .line-title h5 {
        margin-bottom: 0
    }

    .line-title::after {
        content: "";
        width: 5px;
        height: 100%;
        display: block;
        background-color: #00ac65;
        position: absolute;
        -webkit-margin-start: -20px;
        margin-inline-start: -20px;
        border-radius: 2px;
        top: 0
    }

.value_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.25rem, 1fr));
    gap: 3.125rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .value_wrapper .img_wrapper {
        background-color: #fff;
        border-radius: 25px;
        padding: 30px 25px;
        display: block;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .value_wrapper .img_wrapper img {
            width: 85px;
            height: 80px;
            -o-object-fit: none;
            object-fit: none
        }

    .value_wrapper .value_desc {
        text-align: center;
        color: #1b8354;
        font-size: 1.125rem;
        margin-top: 20px
    }

@media(max-width: 767.98px) {
    .events-list-page a.btn.btn-outline-primary.ms-auto.change-view {
        display: block;
        margin: auto
    }
}

.events-list-page .flex-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media(max-width: 992px) {
    .events-list-page .flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.events-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

    .events-list ul li {
        position: relative
    }

        .events-list ul li::before {
            content: "";
            width: 10px;
            height: 10px;
            display: block;
            position: absolute;
            inset-inline-start: -15px;
            top: 10px
        }

        .events-list ul li:nth-child(1)::before {
            background-color: #074d31
        }

        .events-list ul li:nth-child(2)::before {
            background-color: #556478
        }

        .events-list ul li:nth-child(3)::before {
            background-color: #00ac65
        }

.mob-page h3 {
    font-family: "IBMArabic-Bold";
    margin-bottom: 25px
}

@media(max-width: 991px) {
    .part_header h1 {
        font-size: 22px
    }
}

.main_title {
    color: #074d31;
    margin-bottom: 12px;
    font-family: "IBMArabic-Bold"
}

.goal_wrapper_item {
    border: 1px solid rgba(27,131,84,.2);
    border-radius: 30px;
    background-color: #fff;
    font-size: 1.125rem;
    padding: 35px 30px;
    height: 100%;
    margin-bottom: 15px
}

    .goal_wrapper_item .desc {
        font-family: "IBMArabic-Medium";
        line-height: 2
    }

.strategic_wrapper_item {
    border: 1px solid rgba(27,131,84,.2);
    border-radius: 30px;
    background-color: rgba(0,0,0,0);
    font-size: 1.125rem;
    padding: 0px 30px 40px 30px;
    height: 100%;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: 25px
}

@media(max-width: 1300px) {
    .strategic_wrapper_item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 1300px)and (max-width: 576px) {
    .strategic_wrapper_item {
        padding: 20px
    }
}

@media(max-width: 1300px) {
    .strategic_wrapper_item .strategic_title {
        text-align: center;
        font-size: 1.0625rem !important
    }
}

.strategic_wrapper_item .image_wrapper {
    width: 100px
}

    .strategic_wrapper_item .image_wrapper img {
        width: 100%;
        height: 100%
    }

.strategic_wrapper_item .strategic_title {
    font-family: "IBMArabic-Bold";
    line-height: 2;
    font-size: 1.25rem
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "";
    background-image: url("./images/arrow_bread.svg");
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: center;
    position: relative;
    top: 2px
}

.fixed-top {
    position: static !important
}

main.inner-page {
    padding-top: 0
}

.header__top {
    background-color: #1b8354;
    padding: 0 150px
}

@media(max-width: 1500px) {
    .header__top {
        padding: 5px 20px 5px 20px
    }
}

@media(max-width: 576px) {
    .header__top {
        padding: 5px 5px 5px 5px
    }
}

@media(max-width: 1200px) {
    .fixed-top {
        position: fixed !important
    }

    main.inner-page {
        padding-top: 140px
    }
}

#collapseOne {
    padding: 12px 20px
}

#SearchModel_Sorting {
    color: #074d31
}

.bg-blue {
    background-color: #1b8354 !important
}

.bg-green {
    background-color: #00ac65 !important
}

.bg-gray {
    background-color: #556478 !important
}

.page-title {
    font-family: "IBMArabic-Bold";
    font-size: 2.1875rem
}

@media(max-width: 992px) {
    .page-title {
        font-size: 1.5625rem
    }
}

.see-more {
    font-size: .875rem
}

.img-card:hover .see-more {
    color: #fff
}

.download-app {
    color: #074d31;
    font-size: 13px;
    margin: 0 5px;
    display: inline-block;
    float: inline-end
}

.app-download {
    color: #fff;
    font-size: 14px
}

.app-link {
    color: #074d31;
    font-family: "IBMArabic-Bold"
}

.statistics-slider .data-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1200px) {
    .statistics-slider .data-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width: 576px) {
    .vision-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    span {
        text-align: center
    }
}

.media-center .btn-outline-primary {
    border-color: #fff;
    color: #fff !important
}

    .media-center .btn-outline-primary:is(:active,:focus,:hover) {
        background-color: #f3f4f6;
        border-color: #1b8354;
        color: #1b8354 !important
    }

        .media-center .btn-outline-primary:is(:active,:focus,:hover) svg path {
            fill: #fff
        }

.media-center .section-header {
    margin-bottom: 8px
}

.details-page .item-info a {
    text-decoration: underline;
    color: #1b8354;
    font-family: "IBMArabic-Bold";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .details-page .item-info a:hover {
        color: #074d31;
        opacity: .8
    }

@media(max-width: 786px) {
    .event-info {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

        .event-info .item-date {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }
}

@media(max-width: 576px) {
    .event-info {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14px
    }
}

@media(max-width: 576px) {
    .comments {
        padding: 6px
    }
}

.branches #frmSearch {
    overflow: hidden;
    margin-top: 10px
}

.questions {
    background-color: #00ac65;
    border: 1px solid #00ac65;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff
}

    .questions:hover {
        background-color: #028650;
        color: #fff
    }

@media(max-width: 576px) {
    .events-list-page table.fc-scrollgrid-sync-table {
        width: 800px !important
    }

    .events-list-page.fc .fc-daygrid-body {
        overflow: scroll
    }

    .events-list-page .fc .fc-view-harness-active > .fc-view {
        overflow: visible
    }

    .events-list-page .fc .fc-daygrid-body {
        overflow: scroll
    }
}

@media(max-width: 576px) {
    .MsoNormalTable {
        width: 800px !important
    }

    span {
        text-align: inherit
    }

    .sitemap ul a {
        text-align: center
    }

    .scroll-element {
        overflow: scroll
    }

    .accordion .accordion-button {
        font-size: 16px
    }

    .fc-view-harness {
        height: 500px !important
    }

    .fc .fc-scroller {
        overflow: scroll
    }

    .fc-theme-standard td, .fc-theme-standard th {
        width: 150px
    }

    .navbar-brand .vision-2030 {
        position: relative;
        -webkit-padding-start: 16px;
        padding-inline-start: 10px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .vision-2030 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -webkit-padding-start: 15px !important;
        padding-inline-start: 15px !important
    }
}

.count-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

    .count-wrapper .count-percentage {
        color: #fff;
        font-family: "IBMArabic-Bold";
        font-size: 1.75rem;
        margin: 0;
        line-height: 1
    }

@media(max-width: 992px) {
    .table thead tr th, .table thead tr td {
        display: none
    }

    .table tbody td {
        position: relative;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        gap: 0rem;
        line-height: 1;
        z-index: 1;
        padding: .9375rem 1.25rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        line-height: 1.5;
        border: 0;
        min-height: 100px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .table tbody tr:nth-of-type(even) td::after {
        background-color: #f3f4f6
    }

    .table tbody td:not(:last-child) {
        -webkit-border-end: none;
        border-inline-end: none
    }

    .table tbody td::before {
        content: attr(data-th);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #384250;
        border-left: 0 !important
    }

    .table tbody td::after {
        content: "";
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: calc(35% + 12px);
        height: 100%;
        background-color: #f3f4f6;
        z-index: -1;
        color: #fff;
        -webkit-border-end: 1px solid #d2d6db;
        border-inline-end: 1px solid #d2d6db
    }

    .table-bordered > :not(caption) > * {
        border-width: 0
    }
}

.table-responsive::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #1b8354
}

.table-responsive::-webkit-scrollbar-track {
    background: #fff
}

select {
    color: #074d31 !important
}

.form-select {
    background-image: url("./images/arrow_black.svg") !important;
    background-size: 20px 9px !important
}

[dir=ltr] .form-select {
    background-position: right 10px top 19px !important
}

.MsoNormalTable {
    border-radius: 8px;
    overflow: visible !important
}

@media(max-width: 767.98px) {
    .header-actions {
        gap: 10px
    }

    .header__container {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

        .header__container .header-actions {
            margin: 0 !important;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

    .list-group-numbered .list-group-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

        .list-group-numbered .list-group-item:has(img) .col {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto
        }

    .pagination {
        gap: 8px
    }

        .pagination > li:first-child .page-link.control-btn, .pagination > li:last-child .page-link.control-btn {
            padding: 0 12px
        }
}

.details-tab {
    border: 0;
    gap: 12px 0;
    padding-bottom: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 575.98px) {
    .details-tab .nav-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .navbar-brand img {
        height: 60px !important
    }

    .details-tab .nav-item .nav-link {
        width: 100%
    }
}

@media(max-width: 576px) {
    .MsoNormalTable {
        width: 100% !important
    }

    .fc-view-harness {
        height: 500px !important
    }

    .fc .fc-scroller-harness {
        overflow: unset !important
    }

    .fc .fc-scroller {
        overflow: unset !important
    }

    .events-list-page .fc .fc-daygrid-body {
        overflow: unset !important
    }
}

div:has(>.MsoNormalTable) {
    overflow-y: auto
}

.list-view .img-card .date-badge {
    bottom: unset
}

.data-card__body {
    min-height: 270px
}

    .data-card__body canvas {
        min-height: 280px !important
    }

.strategic_wrapper ~ .goal_wrapper .row .col-lg-4:last-child {
    width: 100%
}

    .strategic_wrapper ~ .goal_wrapper .row .col-lg-4:last-child .goal_wrapper_item p {
        text-align: center
    }

@media(max-width: 1200px) {
    .header-actions__item .btn {
        width: auto;
        height: 40px;
        padding: 8px
    }

        .header-actions__item .btn .icon {
            height: 20px
        }

    .page-banner {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

.main-logo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px
}

.ms-auto {
    -webkit-padding-start: 24px;
    padding-inline-start: 24px
}

.vision-2030 {
    position: relative;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-padding-start: 0px !important;
    padding-inline-start: 0px !important;
    display: block
}

    .vision-2030 img {
        height: 55px
    }

.CALLBACKCHATSERVICE .cx-callback .cx-body {
    max-height: 100% !important
}

@media(max-width: 800px) {
    .rw-widget-container {
        margin: 0 20px 20px 0 !important
    }

    .rw-hide-sm {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .rw-widget-container.rw-chat-open {
        height: 75vh !important
    }
}

.cx-common-container .cx-buttons-window-control {
    right: unset !important;
    left: unset !important;
    top: 30px !important;
    inset-inline-end: 15px !important
}

.fc-direction-rtl .fc-scroller-harness > .fc-scroller {
    -webkit-padding-end: 16px !important;
    padding-inline-end: 16px !important
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    background: #326a9d
}

::-webkit-scrollbar-track {
    background: #fff
}

.launch {
    font-size: 9px;
    padding: .3rem .4rem .3rem .4rem;
    margin-top: .2rem;
    border: none;
    background: #00ac65;
    border-radius: .2rem;
    color: #fff;
    font-family: "IBMArabic-Medium"
}

    .launch:hover {
        color: #fff
    }

.rw-conversation-container .rw-close-button {
    display: none !important
}

.cx-widget.MAINCHATSERVICE svg:not(:root) {
    overflow: hidden;
    -webkit-transform: scale(1);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    position: relative;
    top: -5px
}

html[lang=ar] .cx-common-container .cx-buttons-window-control button.test::before {
    display: inline-block !important;
    color: rgba(0,0,0,0) !important;
    width: 8px !important;
    height: 8px !important;
    border: 2px solid #ccc !important;
    position: absolute;
    content: "";
    left: 2.5px;
    top: 6px !important;
    border-radius: 2px;
    background: rgba(0,0,0,0)
}

.cx-button-minimize svg {
    position: relative;
    top: -9px
}

.cx-button-close svg {
    position: relative;
    top: -6px
}

button.cx-icon.cx-button-close {
    height: 27px
}

.CALLBACKCHATSERVICE #cx-icon-reload {
    position: absolute;
    top: 24px !important
}

.cx-widget, .cx-inner-titlebar h3, .cx-inner-titlebar p, .cx-callback .cx-content .cx-form table th .cx-control-label {
    font-family: inherit !important
}

.cx-form-wrapper .cx-inner-titlebar p, .cx-webchat .cx-form th .cx-control-label {
    color: #003767 !important
}

.cx-icon img {
    margin: 0 !important;
    height: 65px !important
}

.cx-widget.cx-theme-dark .cx-form-control {
    background-color: #f8f8f9 !important;
    color: #fdfdfd !important;
    border-radius: 5px;
    border: 1px solid rgba(0,55,103,0.3019607843) !important;
    height: 40px
}

.cx-webchat {
    border-radius: 20px
}

.cx-icon > img {
    height: 65px !important
}

.cx-widget.cx-theme-dark {
    background-color: #f8f8f9 !important
}

.cx-common-container .cx-buttons-window-control button:focus {
    border-color: rgba(0,0,0,0)
}

button.cx-icon.cx-button-minimize {
    top: -3px;
    position: relative
}

.cx-widget.cx-common-container.cx-callback.cx-close.cx-minimize.cx-theme-dark.cx-desktop .cx-button-group.cx-buttons-window-control {
    inset-inline-end: 60px !important
}

.cx-common-container.cx-minimized .cx-buttons-window-control .cx-button-maximize svg {
    position: relative;
    top: 1px !important
}

.cx-widget.cx-theme-dark input:focus, .cx-widget.cx-theme-dark textarea:focus, .cx-widget.cx-theme-dark .cx-btn:focus, .cx-widget.cx-theme-dark .cx-button-group button:focus, .cx-widget.cx-theme-dark .cx-form-control:not(.cx-error):focus {
    border-color: rgba(0,0,0,0) !important
}

@media(max-width: 576px) {
    .list-view .img-card .img-card__img img {
        -o-object-fit: fill;
        object-fit: fill
    }
}

@media(max-width: 576px) {
    .list-view .img-card .img-card__img {
        border-radius: 15px !important
    }
}

.cx-widget Input::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

.cx-widget Input::-moz-placeholder {
    color: #000;
    opacity: 1
}

.cx-widget Input:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.cx-widget Input::-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.cx-widget Input::placeholder {
    color: #000;
    opacity: 1
}

.cx-widget Input::-ms-input-placeholder {
    color: #000
}

.cx-widget.cx-theme-dark .cx-form-control {
    color: #000 !important
}

.floating-links {
    display: block !important
}

table > :not(caption) > * {
    border-width: 1px 0
}

    table > :not(caption) > * > * {
        border-width: 0 1px
    }

.contact-us-services:last-of-type .icon-card {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__top .rsbtn.mega_toggle .rsbtn_tooltoggle, .header__top .rs_preserve a {
    width: 22px;
    height: 30px;
    background-color: rgba(0,0,0,0);
    border: 0
}

.header__top .rs_addtools::after, .header__top .rs_addtools::before, .header__top .rsbtn::after, .header__top .rsbtn::before, .header__top .rs_addtools .rsbtn_tooltoggle .rsicn::before, .header__top .rsbtn .rsbtn_tooltoggle .rsicn::before {
    content: ""
}

.header__top .rsbtn.mega_toggle .rsbtn_tooltoggle, .header__top .rs_preserve a, .page-footer .rsbtn.mega_toggle .rsbtn_tooltoggle, .page-footer .rs_preserve a {
    background-image: url("./images/mic-footer.svg") !important;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center !important;
    background-color: rgba(0,0,0,0) !important;
    background-repeat: no-repeat !important
}

    .page-footer .rsbtn.mega_toggle .rsbtn_tooltoggle:hover, .page-footer .rs_preserve a:hover {
        background-color: rgba(255,255,255,.2) !important
    }

.dropdown-menu.show {
    opacity: 1 !important;
    visibility: visible !important
}

.dropdown-menu-start {
    -webkit-transition: all .5s;
    transition: all .5s
}

.table tbody tr:last-of-type td:first-of-type, .MsoNormalTable tbody tr:last-of-type td:first-of-type {
    border-end-start-radius: 20px;
    -webkit-border-start: 1px solid;
    border-inline-start: 1px solid
}

.floating-links {
    z-index: 9999 !important
}

.dropdown-menu-end li {
    padding-block: 5px
}

#modalContentVidCall {
    position: static !important;
    top: 53%;
    left: 50%;
    -webkit-transform: inherit !important;
    -ms-transform: inherit !important;
    transform: inherit !important;
    background-color: #e9edf2;
    padding: 1rem 1.5rem;
    width: 40rem;
    border-radius: 1.5rem;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    overflow: visible !important
}

    #modalContentVidCall label {
        margin-bottom: 10px;
        font-size: 14px
    }

    #modalContentVidCall .VidCall-btn {
        color: #fff !important;
        margin-top: 15px;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        gap: 8px;
        padding: 8px 40px 12px !important;
        height: 44px;
        white-space: nowrap;
        background-color: #326a9d !important;
        font-family: "IBMArabic-Bold";
        font-size: 1.125rem;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        border-radius: 50px;
        border: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: block;
        margin: 25px auto;
        border: 1px solid #326a9d
    }

        #modalContentVidCall .VidCall-btn:hover {
            color: #326a9d !important;
            background-color: rgba(0,0,0,0) !important
        }

#closeButtonVidCall {
    float: inline-end !important;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: .25rem;
    background-color: #fff !important;
    border-radius: 50% !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    #closeButtonVidCall:hover {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        background-color: #fff !important
    }

.online-form-title {
    padding-right: 0 !important;
    padding-left: 0 !important;
    direction: inherit !important;
    margin: 0 50px !important
}

#modalVidCall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.VidlangAR #VidCall-submit, .VidlangEN #VidCall-submit {
    background-color: rgba(0,0,0,0) !important
}

a.page-action-btn.readspeak-btn {
    background-image: url("./images/microphone.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px
}

    a.page-action-btn.readspeak-btn:hover {
        background-image: url("./images/microphone-white.svg")
    }

.footer-app img {
    width: 130px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

    .footer-app img:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

.page-footer .rsbtn.mega_toggle .rsbtn_tooltoggle {
    display: none !important
}

.item-info h4 {
    font-family: "IBMArabic-Bold";
    margin-top: 30px
}

.form-check:not(.form-switch) .form-check-input[type=radio]:checked + .form-check-label::before {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #1b8354 !important;
    border: 5px solid #fff !important
}

.form-check:not(.form-switch) .form-check-input[type=radio] + .form-check-label::before {
    position: absolute;
    inset-inline-start: 1px !important;
    inset-block: 0;
    top: 2px !important;
    content: "";
    margin: auto;
    height: 25px !important;
    width: 25px !important;
    border: 5px solid rgba(0,0,0,0) !important;
    background-color: #fff !important;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    outline: 2px solid #1b8354
}

.checkbox-wrapper:hover .form-check:not(.form-switch) .form-check-input[type=radio]:checked + .form-check-label::before {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #1b8354 !important;
    border: 5px solid #f3f4f6 !important
}

.structure-img {
    overflow-x: scroll;
    overflow-y: hidden;
    display: block
}

    .structure-img::-webkit-scrollbar {
        height: 4px !important
    }

    .structure-img::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 0px
    }

    .structure-img::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background: #004280
    }

@media(max-width: 576px) {
    .structure-img .events-list-page table.fc-scrollgrid-sync-table {
        width: 800px !important
    }

    .structure-img .events-list-page.fc .fc-daygrid-body {
        overflow: scroll
    }

    .structure-img .events-list-page .fc .fc-view-harness-active > .fc-view {
        overflow: scroll;
        height: 100%
    }

    .structure-img .events-list-page .fc .fc-daygrid-body {
        overflow: scroll
    }
}

.structure-img .img-wrapper {
    width: 1300px !important;
    white-space: nowrap;
    margin: auto
}

    .structure-img .img-wrapper img {
        width: 100%;
        height: 100%
    }

.contact-guide .contact-guide-wrapper {
    position: relative
}

    .contact-guide .contact-guide-wrapper .btn {
        font-size: .8rem
    }

    .contact-guide .contact-guide-wrapper .info {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: .875rem
    }

        .contact-guide .contact-guide-wrapper .info ul {
            list-style: none;
            padding: 0;
            color: #606161;
            text-align: center;
            margin-bottom: 0
        }

            .contact-guide .contact-guide-wrapper .info ul li {
                text-align: center
            }

        .contact-guide .contact-guide-wrapper .info .info-date {
            color: var(--color-success);
            text-align: center;
            font-family: "IBMArabic-Bold"
        }

    .contact-guide .contact-guide-wrapper:hover .contact-guide-details {
        z-index: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        max-height: 400px;
        opacity: 1;
        visibility: visible
    }

    .contact-guide .contact-guide-wrapper:hover .contact-guide-data {
        border: 1px solid var(--color-text-color)
    }

    .contact-guide .contact-guide-wrapper:hover .desc, .contact-guide .contact-guide-wrapper:hover .title {
        color: var(--color-text-color)
    }

    .contact-guide .contact-guide-wrapper:hover .info {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .contact-guide .contact-guide-wrapper:hover .info ul {
            list-style: none;
            color: #606161
        }

        .contact-guide .contact-guide-wrapper:hover .info .info-date {
            color: var(--color-success);
            text-align: center
        }

    .contact-guide .contact-guide-wrapper:hover .icon-wrapper {
        width: 50px;
        height: 50px
    }

        .contact-guide .contact-guide-wrapper:hover .icon-wrapper img {
            -webkit-transform: scale(1.12);
            -ms-transform: scale(1.12);
            transform: scale(1.12)
        }

.contact-guide .contact-guide-data {
    overflow: hidden;
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 0px 16px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    min-height: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5
}

    .contact-guide .contact-guide-data .icon-wrapper {
        width: 50px;
        height: 50px;
        margin: 0px auto;
        margin-bottom: 8px
    }

        .contact-guide .contact-guide-data .icon-wrapper img {
            width: 100%;
            height: 100%;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

    .contact-guide .contact-guide-data .title {
        color: var(--color-text-color);
        margin-bottom: 8px;
        text-align: center;
        font-size: 1rem;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        font-family: "IBMArabic-Bold"
    }

    .contact-guide .contact-guide-data .desc {
        line-height: 2.2;
        font-size: 1rem;
        text-align: justify;
        color: #000;
        font-family: "DINNEXTLTARABIC-REGULAR";
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: "IBMArabic-Medium";
        color: #606161;
        text-align: center;
        padding: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        font-size: .875rem
    }

.contact-guide .contact-guide-details {
    opacity: 0;
    left: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    margin: 0 !important
}

    .contact-guide .contact-guide-details .title, .contact-guide .contact-guide-details .desc {
        color: #fff
    }

    .contact-guide .contact-guide-details .title {
        font-size: 1.375rem
    }

    .contact-guide .contact-guide-details .guide-footer .btn-primary {
        border: 1px solid #fff;
        color: #fff
    }

.mob_app .data-info .desc {
    margin-bottom: 1.5625rem
}

.mob_app .mob-app-services .inner-title {
    font-size: 1rem;
    margin-bottom: 1.5625rem
}

.mob_app .mob-app-services_item {
    border: 1px solid rgba(27,131,84,.2);
    border-radius: 30px;
    background-color: #fff;
    font-size: 1.125rem;
    padding: 1.875rem 1.875rem 1.25rem 1.875rem;
    height: 100%;
    margin-bottom: 15px
}

    .mob_app .mob-app-services_item .title {
        font-family: "IBMArabic-Bold";
        font-size: 1.125rem;
        margin-bottom: 1.875rem
    }

    .mob_app .mob-app-services_item .desc {
        font-family: "IBMArabic-Medium";
        line-height: 2;
        font-size: 1rem;
        margin-bottom: 0
    }

.mob_app .mob-download {
    padding: 1.875rem 0 3.125rem 0
}

.mob_app .mob-download_images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5625rem;
    max-width: 830px;
    margin: auto
}

@media(max-width: 992px) {
    .mob_app .mob-download_images {
        gap: 10px
    }
}

.mob_app .mob-download_images_wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

    .mob_app .mob-download_images_wrapper img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        max-width: 100%
    }

.mob_app .mob-download_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1.25rem 0 0 0
}

    .mob_app .mob-download_info .title {
        font-family: "IBMArabic-Bold";
        font-size: 1.375rem
    }

    .mob_app .mob-download_info .desc {
        font-family: "IBMArabic-Medium";
        line-height: 2;
        font-size: 1.125rem;
        margin-bottom: 0
    }

.mob_app .mob-download_store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .625rem
}

    .mob_app .mob-download_store .store-btn img {
        max-width: 200px
    }

.register_wrapper .btn {
    padding: 8px 40px 12px 40px
}

.register_footer {
    margin: 40px 0 60px 0px
}

    .register_footer .btn {
        padding: 8px 40px 12px 40px
    }

.check-container {
    border: 1px solid #cee7fa;
    border-radius: 8px;
    padding: 20px 30px
}

    .check-container .form-check:not(.form-switch) .form-check-input[type=checkbox] + .form-check-label::before {
        width: 35px;
        height: 35px;
        border-radius: 8px;
        border: 1px solid #cee7fa;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(179,179,179,.16);
        box-shadow: 0px 0px 20px 0px rgba(179,179,179,.16);
        background-color: rgba(0,0,0,0);
        background-position: center !important;
        background-size: 25px !important;
        background-repeat: no-repeat !important
    }

    .check-container .form-check:not(.form-switch) .form-check-input[type=checkbox] + .form-check-label {
        font-weight: bold
    }

    .check-container .form-check:not(.form-switch) .form-check-label {
        -webkit-padding-start: 55px;
        padding-inline-start: 55px
    }

.awards-container {
    position: relative;
    background: linear-gradient(185deg, rgb(80, 130, 137) 0%, rgba(145, 179, 220, 0.26) 50%, rgb(255, 255, 255) 100%)
}

    .awards-container::before {
        background: url("./images/awards/home/slider/cover.png");
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;
        position: absolute;
        content: "";
        inset: 0;
        max-height: 2600px;
        background-position: center bottom
    }

@media(max-width: 992px) {
    .awards-container::before {
        background: url("./images/awards/home/slider/cover-responsive.png");
        max-height: 4400px !important;
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media(max-width: 1200px) {
    .awards-container::before {
        max-height: 3200px
    }
}

@media(max-width: 576px) {
    .awards-container::before {
        background: url("./images/awards/home/slider/cover-responsive.png");
        max-height: 4600px !important;
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media(min-width: 1920px) {
    .awards-container::before {
        max-height: 3135px
    }
}

.awards-container .page-title {
    margin: 50px 0
}

.awards-container .awards-bg {
    position: relative
}

    .awards-container .awards-bg::before {
        content: "";
        width: 310px;
        height: 727px;
        background: url("./images/awards/home/slider/bg_logo.svg");
        display: block;
        position: absolute;
        bottom: 27%;
        background-repeat: no-repeat;
        z-index: 0;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: cover;
        inset-inline-start: -15px
    }

@media(max-width: 992px) {
    .awards-container .awards-bg::before {
        display: none
    }
}

.awards-container .awards-bg::after {
    content: "";
    width: 152%;
    height: 28%;
    background-image: url("./images/awards/home/slider/award.svg");
    display: block;
    position: absolute;
    bottom: -5%;
    background-repeat: no-repeat;
    z-index: 0;
    pointer-events: none;
    opacity: .3
}

@media(max-width: 992px) {
    .awards-container .awards-bg::after {
        display: none
    }
}

.awards-container .awards-banner {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 576px) {
    .awards-container .awards-banner {
        min-height: auto;
        padding: 50px 0
    }
}

.awards-container .awards-banner .title {
    font-family: "IBMArabic-Bold";
    font-size: 3.125rem;
    width: 40%
}

@media(max-width: 1200px) {
    .awards-container .awards-banner .title {
        width: 100%;
        text-align: center
    }
}

@media(max-width: 992px) {
    .awards-container .awards-banner .title {
        font-size: 2.1875rem;
        width: 100%;
        text-align: center
    }
}

.awards-container .Report_slider {
    padding: 6.25rem 0
}

.awards-container .Report_slider_data {
    margin: 70px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 576px) {
    .awards-container .Report_slider_data {
        margin: 0px 0 70px 0
    }
}

.awards-container .Report_slider_data .info .title {
    font-family: "IBMArabic-Bold";
    font-size: 2.5rem
}

@media(max-width: 922px) {
    .awards-container .Report_slider_data .info .title {
        font-size: 1.5625rem
    }
}

.awards-container .Report_slider_data .info .desc {
    font-family: "IBMArabic-Medium";
    font-size: 1rem
}

.awards-container .Report_slider_data .btn img {
    width: 15px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.awards-container .Report_slider .Report_slider_item_info .values {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 30px;
    -webkit-margin-start: 15px;
    margin-inline-start: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 1200px) {
    .awards-container .Report_slider .Report_slider_item_info .values {
        gap: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.awards-container .Report_slider .Report_slider_item_info .values_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .awards-container .Report_slider .Report_slider_item_info .values_wrapper .img_wrapper {
        border-radius: 10px;
        background-color: #16437e;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 15px;
        margin-bottom: 15px
    }

        .awards-container .Report_slider .Report_slider_item_info .values_wrapper .img_wrapper img {
            width: 45px;
            height: 45px
        }

    .awards-container .Report_slider .Report_slider_item_info .values_wrapper .desc {
        text-align: center;
        font-family: "IBMArabic-Medium"
    }

.awards-container .Report_slider_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px
}

    .awards-container .Report_slider_list .Report_slider_item {
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .awards-container .Report_slider_list .Report_slider_item.active {
            -webkit-box-flex: 3;
            -ms-flex: 3;
            flex: 3
        }

.awards-container .Report_slider_item_img {
    position: relative;
    border-radius: 20px;
    cursor: pointer;
    height: 350px;
    min-width: 160px
}

    .awards-container .Report_slider_item_img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 20px
    }

.awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img {
    width: 40%
}

.awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info {
    height: 100%;
    padding-top: 115px;
    -ms-flex-item-align: center;
    align-self: center;
    opacity: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    position: relative;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px
}

.awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_info {
    opacity: 1;
    -webkit-transition-property: opacity,transform;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-delay: .3s,.2s;
    transition-delay: .3s,.2s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.awards-container .Report_slider_item_img h3.title {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 85%;
    color: #fff;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    font-family: "IBMArabic-Bold";
    z-index: 2;
    font-size: 1.5rem
}

.awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img h3.title {
    top: 20%;
    left: -3%;
    color: #fff;
    font-size: 1.875rem
}

.awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info > * {
    display: none;
    color: #fff;
    font-family: "IBMArabic-Medium";
    font-size: 1.25rem;
    line-height: 2;
    position: absolute
}

@media(max-width: 992px) {
    .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info > * {
        font-size: 1rem;
        position: relative
    }
}

.awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_info > * {
    display: block;
    -webkit-margin-start: 15px;
    margin-inline-start: 15px
}

@media(max-width: 992px) {
    .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_info > * {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }
}

.awards-container .Report_slider_item_img:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(46,98,165,.6196078431);
    content: "";
    z-index: 0;
    border-radius: 20px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img:after {
    opacity: 0
}

@media(max-width: 992px) {
    .awards-container .Report_slider_list .Report_slider_item {
        min-width: 100%;
        max-width: 100%;
        gap: 15px
    }

    .awards-container .Report_slider_list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .awards-container .Report_slider_list .Report_slider_item, .awards-container .Report_slider_list .Report_slider_item.active {
            min-width: 100%;
            max-width: 100%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img, .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_img {
                width: 100%
            }

                .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_img h3.title {
                    top: 50%;
                    left: 50%
                }

            .awards-container .Report_slider_list .Report_slider_item.active .Report_slider_item_info {
                width: 100%;
                -ms-flex-item-align: inherit;
                align-self: inherit;
                padding: 10px 0px;
                height: auto
            }

            .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info {
                -webkit-transition-delay: .5s;
                transition-delay: .5s;
                -webkit-transition-property: height;
                transition-property: height
            }

            .awards-container .Report_slider_list .Report_slider_item .Report_slider_item_info {
                height: 0;
                padding: 0
            }
}

@media(min-width: 992px)and (max-width: 992px) {
    .awards-container .Report_slider_list .Report_slider_item {
        min-width: 23%;
        max-width: 23%;
        gap: 0px
    }

    .awards-container .Report_slider_list {
        gap: 10px
    }

        .awards-container .Report_slider_list .Report_slider_item.active {
            min-width: 54%;
            max-width: 54%;
            gap: 10px
        }
}

.awards-container .awards-goal {
    padding: 6.25rem 0
}

@media(max-width: 1200px) {
    .awards-container .awards-goal .goal_wrapper {
        grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr)) !important
    }
}

@media(max-width: 922px) {
    .awards-container .awards-goal {
        padding: inherit;
        background: rgba(0,0,0,0);
        padding: 20px !important;
        border-radius: 20px
    }

        .awards-container .awards-goal .goal_wrapper {
            grid-template-columns: repeat(auto-fill, minmax(15.625rem, 1fr)) !important
        }
}

.awards-container .awards-goal .goal_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.25rem, 1fr));
    gap: 4.125rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 3.125rem
}

@media(max-width: 1400px) {
    .awards-container .awards-goal .goal_wrapper {
        gap: 3.125rem
    }
}

.awards-container .awards-goal .goal_wrapper_wrapper {
    position: relative;
    padding-bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(max-width: 992px) {
    .awards-container .awards-goal .goal_wrapper_wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.awards-container .awards-goal .goal_wrapper_wrapper:hover .img_wrapper {
    margin-top: -10px
}

.awards-container .awards-goal .goal_wrapper_wrapper:last-child::after {
    display: none
}

.awards-container .awards-goal .goal_wrapper_wrapper::after {
    content: "";
    width: .5px;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    inset-inline-end: -16px;
    background-color: #fff
}

@media(max-width: 1232px) {
    .awards-container .awards-goal .goal_wrapper_wrapper::after {
        display: none
    }
}

.awards-container .awards-goal .goal_wrapper_wrapper .img_wrapper {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .awards-container .awards-goal .goal_wrapper_wrapper .img_wrapper img {
        width: 75px;
        height: 70px;
        -o-object-fit: fill;
        object-fit: fill
    }

.awards-container .awards-goal .goal_wrapper_wrapper .value_desc {
    color: #fff;
    font-size: 1rem;
    margin-top: 20px;
    line-height: 2;
    font-family: "IBMArabic-Medium"
}

@media(max-width: 992px) {
    .awards-container .awards-goal .goal_wrapper_wrapper .value_desc {
        text-align: center
    }
}

.awards-container .awards-timeline {
    padding: 100px 0
}

.awards-container .awards-timeline_slider {
    padding: 1.875rem 20px 60px 20px;
    background-color: rgba(255,255,255,.8);
    border-radius: 25px;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px)
}

@media(max-width: 922px) {
    .awards-container .awards-timeline_slider {
        background-color: #fff
    }
}

.awards-container .awards-timeline_slider .swiper-horizontal > .swiper-pagination-bullets, .awards-container .awards-timeline_slider .swiper-pagination-bullets.swiper-pagination-horizontal, .awards-container .awards-timeline_slider .swiper-pagination-custom, .awards-container .awards-timeline_slider .swiper-pagination-fraction {
    bottom: 20px
}

.awards-container .awards-timeline_slider .active {
    background-color: rgba(192,217,250,.61);
    border: 1px solid #1b8354 !important;
    border-radius: 12px
}

@-webkit-keyframes pulse {
    0% {
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .5
    }

    70% {
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1
    }

    0% {
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .5
    }

    70% {
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1
    }

    0% {
        opacity: .5;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.awards-container .awards-timeline_slider .active .circle {
    background-color: rgba(0,0,0,0) !important
}

    .awards-container .awards-timeline_slider .active .circle::before {
        background-image: url("./images/awards/home/timeline/active-line.svg");
        background-color: rgba(0,0,0,0);
        content: "";
        width: 25px;
        height: 24px;
        display: block;
        background-size: 30px 23px;
        background-repeat: no-repeat;
        position: absolute;
        top: -8px;
        background-position: center;
        -webkit-animation: pulse 2s linear infinite;
        animation: pulse 2s linear infinite
    }

.awards-container .awards-timeline_slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 40px 0;
    border: 1px solid rgba(0,0,0,0)
}

    .awards-container .awards-timeline_slider .swiper-slide:last-child .circle:after, .awards-container .awards-timeline_slider .swiper-slide:nth-child(5) .circle:after {
        display: none
    }

    .awards-container .awards-timeline_slider .swiper-slide .img_wrapper {
        background-color: rgba(0,172,101,.11);
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100px;
        height: 100px
    }

        .awards-container .awards-timeline_slider .swiper-slide .img_wrapper img {
            width: 50px;
            height: 50px
        }

    .awards-container .awards-timeline_slider .swiper-slide .stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #00ac65;
        color: #fff;
        border-radius: 1.25rem;
        padding: .3125rem .5rem;
        gap: 10px;
        font-family: "IBMArabic-Medium";
        position: relative;
        top: -12px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .awards-container .awards-timeline_slider .swiper-slide .stage_name {
        -webkit-margin-start: 10px;
        margin-inline-start: 10px
    }

    .awards-container .awards-timeline_slider .swiper-slide .stage_number {
        border-radius: 50%;
        background-color: #1b8354;
        padding: 0px 9px
    }

    .awards-container .awards-timeline_slider .swiper-slide .circle {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #00ac65;
        margin: 15px 0 15px 0;
        z-index: 1;
        position: relative
    }

@media(max-width: 1300px) {
    .awards-container .awards-timeline_slider .swiper-slide .circle {
        display: none
    }
}

.awards-container .awards-timeline_slider .swiper-slide .circle:last-child::after {
    display: none
}

.awards-container .awards-timeline_slider .swiper-slide .circle::after {
    content: "";
    background-image: url("./images/awards/home/timeline/dashed-line.svg");
    width: 240px;
    height: 5px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 2px;
    z-index: 0;
    inset-inline-start: 15px
}

@media(max-width: 1400px) {
    .awards-container .awards-timeline_slider .swiper-slide .circle::after {
        width: 220px
    }
}

.awards-container .awards-timeline_slider .swiper-slide .data {
    font-size: 1.125rem
}

    .awards-container .awards-timeline_slider .swiper-slide .data .desc {
        font-family: "IBMArabic-Medium";
        color: #00ac65;
        margin-bottom: 0
    }

    .awards-container .awards-timeline_slider .swiper-slide .data .date {
        font-family: "IBMArabic-Bold";
        text-align: center
    }

.awards-container .awards-tab {
    margin: 6.25rem 0;
    position: relative;
    z-index: 9
}

    .awards-container .awards-tab:after {
        content: "";
        left: -15px;
        right: -15px;
        display: block;
        width: 120%;
        height: 103%;
        background-color: #e9f0f8;
        position: absolute;
        z-index: -1;
        top: -110px;
        inset-inline-start: -40px;
        inset-inline-end: -40px
    }

@media(max-width: 768px) {
    .awards-container .awards-tab:after {
        top: -80px
    }
}

@media(min-width: 992px) {
    .awards-container .awards-tab:after {
        display: none
    }
}

.awards-container .awards-tab .card {
    background-color: rgba(0,0,0,0);
    border: 0;
    padding: 0
}

.awards-container .awards-tab .nav-tabs:not(.card-tabs,.tabs-with-img,.details-tab) .nav-link.active {
    background-color: var(--color-success);
    border-color: var(--color-success);
    color: #fff
}

.awards-container .awards-tab .nav-tabs:not(.card-tabs,.tabs-with-img,.details-tab) {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 16px;
    padding: 8px 12px;
    background-color: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .awards-container .awards-tab .nav-tabs:not(.card-tabs,.tabs-with-img,.details-tab) .nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        gap: 8px;
        padding: 30px 40px;
        height: 44px;
        white-space: nowrap;
        background-color: rgba(0,0,0,0);
        color: var(--color-success);
        font-family: "IBMArabic-Bold";
        font-size: 1.125rem;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        border-radius: 50px;
        border: 1px solid var(--color-success);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.awards-container .awards-tab .nav-link:hover {
    background-color: #fff !important;
    color: var(--color-success) !important
}

.awards-container .awards-tab .tab-card {
    background-color: #fff;
    padding: 40px 24px 32px;
    color: var(--color-text-color);
    border: 1px solid #1b8354;
    border-radius: 24px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    height: 100%
}

    .awards-container .awards-tab .tab-card .img-wrapper {
        width: 75px;
        height: 60px
    }

        .awards-container .awards-tab .tab-card .img-wrapper img {
            width: 100%;
            height: 100%
        }

    .awards-container .awards-tab .tab-card .title {
        font-family: "IBMArabic-Bold";
        margin: 15px 0 20px 0
    }

    .awards-container .awards-tab .tab-card .desc {
        min-height: 70px
    }

@media(max-width: 1300px) {
    .awards-container .awards-tab .tab-card .desc {
        min-height: 120px
    }
}

@media(max-width: 992px) {
    .awards-container .awards-tab .tab-card .desc {
        min-height: auto
    }
}

.awards-container .awards-tab .tab-card .tabs_footer .form-actions {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .awards-container .awards-tab .tab-card .tabs_footer .form-actions > div {
        width: 100%
    }

@media(max-width: 576px) {
    .awards-container .awards-tab .tab-card .tabs_footer .form-actions > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px !important
    }
}

.awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn {
    padding: 12px 40px 12px 40px;
    font-size: .875rem
}

@media(max-width: 1400px) {
    .awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn {
        padding: 12px 14px 12px 14px
    }
}

@media(max-width: 992px) {
    .awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn {
        padding: 12px 40px 12px 40px
    }
}

.awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn img {
    width: 15px
}

.awards-container .awards-tab .tab-card .tabs_footer .form-actions .btn:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.awards-container .awards-faq {
    position: relative;
    z-index: 9
}

@media(max-width: 992px) {
    .awards-container .awards-faq {
        background: #fff;
        padding: 3px 15px;
        border-radius: 15px
    }
}

.awards-container .awards-faq .accordion-wrapper ::-webkit-scrollbar {
    width: 10px
}

.awards-container .awards-faq .accordion-wrapper ::-webkit-scrollbar-track {
    background: rgba(27,131,84,.2);
    border-radius: 0px
}

.awards-container .awards-faq .accordion-wrapper ::-webkit-scrollbar-thumb {
    border-radius: 0px
}

.awards-container .awards-faq .accordion-wrapper .accordion {
    height: 460px;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-padding-end: 25px;
    padding-inline-end: 25px
}

@media(max-width: 992px) {
    .awards-container .awards-faq .accordion-wrapper .accordion {
        height: 365px
    }
}

.awards-container .awards-faq .accordion-wrapper .accordion .accordion-item {
    padding: 1rem 0;
    background-color: rgba(0,0,0,0);
    margin-bottom: 0;
    border-bottom: 1px solid rgba(27,131,84,.3);
    border-radius: 0
}

    .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item:last-child {
        border-bottom: 0
    }

    .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item .accordion-button {
        font-family: "IBMArabic-Medium";
        padding: 0;
        background-color: rgba(0,0,0,0)
    }

        .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item .accordion-button .title {
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

@media(max-width: 992px) {
    .awards-container .awards-faq .accordion-wrapper .accordion .accordion-item .accordion-button .title {
        font-size: 1.125rem
    }
}

.awards-container .awards-faq .accordion-wrapper .accordion .accordion-item .accordion-button .title:hover {
    -webkit-margin-start: 15px;
    margin-inline-start: 15px
}

.awards-container .awards-contact {
    margin: 6.25rem 0;
    position: relative;
    z-index: 9
}

    .awards-container .awards-contact .form-group {
        margin-bottom: 15px
    }

@media(max-width: 922px) {
    .awards-container .awards-contact .page-title {
        color: #fff
    }
}

@media(max-width: 992px) {
    .awards-container .awards-contact_wrapper > row {
        gap: 30px
    }
}

.awards-container .awards-contact_wrapper_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem;
    background-color: #fff;
    padding: 40px 24px 32px;
    color: var(--color-text-color);
    border: 1px solid #1b8354;
    border-radius: 24px;
    background-image: url("./images/awards/home/contact/bg.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    height: 100%;
    overflow: hidden
}

    .awards-container .awards-contact_wrapper_info:after {
        content: "";
        width: 200%;
        height: 100%;
        position: absolute;
        top: 0px;
        background: #fff;
        background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
        z-index: -1;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .awards-container .awards-contact_wrapper_info .img_wrapper {
        width: 80px;
        height: 70px
    }

        .awards-container .awards-contact_wrapper_info .img_wrapper img {
            width: 100%;
            height: 100%
        }

    .awards-container .awards-contact_wrapper_info .data {
        font-size: 1.25rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-family: "IBMArabic-Medium"
    }

        .awards-container .awards-contact_wrapper_info .data a {
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

            .awards-container .awards-contact_wrapper_info .data a:hover {
                opacity: .6
            }

.awards-container .awards-contact_wrapper_contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem;
    background-color: rgba(255,255,255,.26);
    padding: 40px 24px 32px;
    color: var(--color-text-color);
    border: 1px solid #1b8354;
    border-radius: 24px;
    background-color: rgba(255,255,255,.26)
}

@media(max-width: 992px) {
    .awards-container .awards-contact_wrapper_contact {
        background-color: #fff;
        margin: 20px 0
    }
}

#divSearchResults.list-view.results {
    line-height: 2.2
}

    #divSearchResults.list-view.results .search-result-title {
        font-family: "IBMArabic-Bold";
        margin-top: 30px;
        font-size: 1.25rem;
        margin: 0;
        -webkit-padding-start: 20px;
        padding-inline-start: 20px
    }

    #divSearchResults.list-view.results a {
        text-decoration: underline;
        color: #1b8354;
        font-family: "IBMArabic-Bold";
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        #divSearchResults.list-view.results a:hover {
            color: #1b8354;
            opacity: .8
        }

@media(max-width: 576px) {
    .fc .fc-col-header-cell-cushion {
        color: #606161;
        font-size: 11px
    }

    .fc .fc-view-harness-active > .fc-view {
        position: relative
    }

    .fc-theme-standard td, .fc-theme-standard th {
        width: auto
    }

    .fc .fc-scrollgrid, .fc .fc-scrollgrid table {
        table-layout: fixed;
        width: 100%
    }

    .fc .fc-daygrid-day-number {
        font-family: "IBMArabic-Bold";
        font-size: 1.125rem;
        color: var(--color-text-color);
        text-align: center
    }

    .fc-daygrid-day-frame {
        background-color: #fff;
        border-radius: 9px !important;
        padding: 8px !important;
        min-height: auto
    }

    tbody, td, tfoot, th, thead, tr {
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        width: 100%
    }

    .fc-direction-rtl .fc-scroller-harness > .fc-scroller {
        -webkit-padding-end: 16px !important;
        padding-inline-end: 0 !important
    }
}

#calendar .fc td, #calendar .fc th {
    padding: 0;
    vertical-align: middle
}

.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden;
    width: 100% !important
}

.fc .fc-daygrid-day-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.strategy_section .values {
    margin: 100px 50px
}

@media(max-width: 1200px) {
    .strategy_section .values {
        margin: 0
    }
}

.strategy_section .values_images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

@media(max-width: 1200px) {
    .strategy_section .values_images {
        margin-bottom: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.strategy_section .values_images:hover .values_images_img:first-child {
    position: relative;
    top: 70px
}

@media(max-width: 1200px) {
    .strategy_section .values_images:hover .values_images_img:first-child {
        position: relative;
        top: 0
    }
}

.strategy_section .values_images:hover .values_images_img:last-child {
    position: relative;
    top: -30px
}

@media(max-width: 1200px) {
    .strategy_section .values_images:hover .values_images_img:last-child {
        position: relative;
        top: 0
    }
}

.strategy_section .values_images_img {
    width: 300px;
    min-height: 400px;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media(max-width: 1200px) {
    .strategy_section .values_images_img {
        min-height: 200px
    }
}

.strategy_section .values_images_img:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(46,98,165,0.6196078431);
    content: "";
    z-index: 0;
    border-radius: 8px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.strategy_section .values_images_img:first-child {
    position: relative;
    top: 50px
}

@media(max-width: 1200px) {
    .strategy_section .values_images_img:first-child {
        position: relative;
        top: 0
    }
}

.strategy_section .values_images_img:last-child {
    position: relative;
    top: 0px
}

@media(max-width: 1200px) {
    .strategy_section .values_images_img:last-child {
        position: relative;
        top: 0
    }
}

.strategy_section .values_images_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.strategy_section .values_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 88px
}

@media(max-width: 1200px) {
    .strategy_section .values_wrapper {
        gap: 49px;
        margin-top: 20px
    }
}

.strategy_section .values_wrapper_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 25px
}

@media(max-width: 1200px) {
    .strategy_section .values_wrapper_info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: self-start;
        -ms-flex-align: self-start;
        align-items: self-start
    }
}

.strategy_section .values_wrapper_info .values_info_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    position: relative
}

    .strategy_section .values_wrapper_info .values_info_icon:after {
        position: absolute;
        width: 40%;
        height: 3px;
        inset-inline-start: 0;
        bottom: -15px;
        background: #00ac65;
        content: "";
        z-index: 0;
        border-radius: 0px;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .strategy_section .values_wrapper_info .values_info_icon::before {
        position: absolute;
        width: 100%;
        height: 1px;
        inset-inline-start: 0;
        bottom: -14px;
        background: #00ac65;
        content: "";
        z-index: 0;
        border-radius: 0px;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .strategy_section .values_wrapper_info .values_info_icon .image-icon {
        width: 50px;
        height: 50px
    }

        .strategy_section .values_wrapper_info .values_info_icon .image-icon img {
            width: 100%;
            height: 100%
        }

    .strategy_section .values_wrapper_info .values_info_icon .data-icon {
        font-family: "IBMArabic-Bold";
        font-size: 1.25rem
    }

.strategy_section .values_wrapper_info .values_info_desc {
    color: #808285
}

.strategy_section .values-data {
    margin: 0 50px
}

@media(max-width: 1200px) {
    .strategy_section .values-data {
        margin: 0
    }
}

.strategy_section .values-data .card-values {
    margin-bottom: 24px
}

    .strategy_section .values-data .card-values:hover .desc {
        display: block;
        opacity: 1;
        color: #fff
    }

    .strategy_section .values-data .card-values:hover .title {
        font-size: 1.25rem;
        font-family: "IBMArabic-Bold";
        -webkit-transform: translate(0, -15px);
        -ms-transform: translate(0, -15px);
        transform: translate(0, -15px);
        color: #fff
    }

@media(max-width: 992px) {
    .strategy_section .values-data .card-values:hover .title {
        -webkit-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        transform: translate(0, 0px);
        font-size: 1.5625rem
    }
}

.strategy_section .values-data .card-values:hover .icon-wrapper::after {
    background-color: #fff
}

.strategy_section .values-data .card-values:hover:nth-child(4n+1) .values-data_wrapper {
    background-color: #1b8354
}

.strategy_section .values-data .card-values:hover:nth-child(4n+2) .values-data_wrapper {
    background-color: #074d31
}

.strategy_section .values-data .card-values:hover:nth-child(4n+3) .values-data_wrapper {
    background-color: #808285
}

.strategy_section .values-data .card-values:hover:nth-child(4n+4) .values-data_wrapper {
    background-color: #00ac65
}

.strategy_section .values-data .card-values:nth-child(4n+1) .values-data_wrapper .icon-wrapper {
    background-color: #1b8354
}

.strategy_section .values-data .card-values:nth-child(4n+2) .values-data_wrapper .icon-wrapper {
    background-color: #074d31
}

.strategy_section .values-data .card-values:nth-child(4n+3) .values-data_wrapper .icon-wrapper {
    background-color: #808285
}

.strategy_section .values-data .card-values:nth-child(4n+4) .values-data_wrapper .icon-wrapper {
    background-color: #00ac65
}

.strategy_section .values-data_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #808285;
    border-radius: 12px;
    overflow: hidden;
    background-color: rgba(255,255,255,.6);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .strategy_section .values-data_wrapper .icon-wrapper {
        padding: 40px 50px 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px;
        position: relative
    }

@media(max-width: 1200px) {
    .strategy_section .values-data_wrapper .icon-wrapper {
        padding: 40px 25px 32px
    }
}

.strategy_section .values-data_wrapper .icon-wrapper:after {
    position: absolute;
    width: 1px;
    height: 65%;
    inset-inline-end: 0;
    top: 0px;
    background: rgba(0,0,0,0);
    content: "";
    z-index: 0;
    border-radius: 0px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.strategy_section .values-data_wrapper .icon-wrapper .icon {
    width: 50px;
    height: 50px
}

    .strategy_section .values-data_wrapper .icon-wrapper .icon img {
        width: 100%;
        height: 100%
    }

.strategy_section .values-data_wrapper .icon-wrapper .info {
    color: #fff
}

.strategy_section .values-data_wrapper .data {
    padding: 0px 24px 0px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .strategy_section .values-data_wrapper .data .title {
        font-size: 1.5625rem;
        font-family: "IBMArabic-Bold";
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        margin: 0;
        -webkit-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        transform: translate(0, 0px)
    }

@media(max-width: 992px) {
    .strategy_section .values-data_wrapper .data .title {
        margin-bottom: 15px
    }
}

.strategy_section .values-data_wrapper .data .desc {
    display: none;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 0;
    font-size: .875rem
}

@media(max-width: 992px) {
    .strategy_section .values-data_wrapper .data .desc {
        display: block;
        opacity: 1
    }
}

.strategy_section .objectives {
    margin: 0 50px
}

@media(max-width: 1200px) {
    .strategy_section .objectives {
        margin: 0
    }
}

.strategy_section .objectives_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 768px) {
    .strategy_section .objectives_wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

.strategy_section .objectives_wrapper_card {
    -ms-flex-preferred-size: 26.6666666667%;
    flex-basis: 26.6666666667%
}

@media(max-width: 768px) {
    .strategy_section .objectives_wrapper_card {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.strategy_section .objectives_wrapper_card:hover .number span {
    color: #00ac65;
    -webkit-text-fill-color: #00ac65;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #00ac65
}

.strategy_section .objectives_wrapper_card:hover .number:after {
    width: 100%
}

@media(max-width: 992px) {
    .strategy_section .objectives_wrapper_card:hover .number:after {
        width: 80px
    }
}

.strategy_section .objectives_wrapper_card .number {
    position: relative
}

    .strategy_section .objectives_wrapper_card .number span {
        color: #00ac65;
        -webkit-text-fill-color: rgba(0,0,0,0);
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #00ac65;
        font-size: 4.375rem;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .strategy_section .objectives_wrapper_card .number:after {
        position: absolute;
        width: 15%;
        height: 3px;
        inset-inline-start: 0;
        bottom: -5px;
        background: #00ac65;
        content: "";
        z-index: 0;
        border-radius: 0px;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .strategy_section .objectives_wrapper_card .number::before {
        position: absolute;
        width: 100%;
        height: 1px;
        inset-inline-start: 0;
        bottom: -4px;
        background: #00ac65;
        content: "";
        z-index: 0;
        border-radius: 0px;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

@media(max-width: 768px) {
    .strategy_section .objectives_wrapper_card .number::before {
        width: 13%
    }
}

.strategy_section .objectives_wrapper_card .desc {
    margin-top: 30px
}

.strategy_section .strategic_values {
    margin: 0 50px
}

@media(max-width: 1200px) {
    .strategy_section .strategic_values {
        margin: 0
    }
}

.strategy_section .strategic_values_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.strategy_section .strategic_values_items_wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.strategy_section .strategic_values_items_wrapper_header {
    border: 1px solid #808285;
    border-radius: 20px;
    padding: 15px 25px;
    font-family: "IBMArabic-Bold";
    margin-bottom: 20px
}

.strategy_section .strategic_values_items_wrapper_body {
    border: 1px solid #808285;
    border-radius: 20px;
    padding: 15px 25px
}

.answer-list .form-check:not(.form-switch) .form-check-input[type=radio]:checked + .form-check-label.circle-outline::after {
    display: none
}

.fc-theme-standard td, .fc-theme-standard th {
    width: 150px
}

@media(max-width: 576px) {
    .events-list-page table.fc-scrollgrid-sync-table {
        width: 800px !important
    }

    .events-list-page.fc .fc-daygrid-body {
        overflow: scroll
    }

    .events-list-page .fc .fc-view-harness-active > .fc-view {
        overflow: scroll
    }

    .events-list-page .fc .fc-daygrid-body {
        overflow: scroll
    }
}

.fc .fc-scroller {
    overflow: scroll
}

.fc-theme-standard td, .fc-theme-standard th {
    width: 150px
}

@media(max-width: 576px) {
    .MsoNormalTable {
        width: 100% !important
    }

    .fc-view-harness {
        height: 500px !important
    }

    .fc .fc-scroller-harness {
        overflow: scroll !important
    }

    .fc .fc-scroller {
        overflow: scroll !important
    }

    .events-list-page .fc .fc-daygrid-body {
        overflow: unset !important
    }
}

@media(max-width: 576px) {
    .events-list-page .fc .fc-view-harness-active > .fc-view {
        overflow: scroll;
        height: 100%
    }
}

.fc-direction-rtl .fc-scroller-harness > .fc-scroller {
    direction: rtl;
    overflow: scroll
}

.fc .fc-daygrid-body {
    position: relative;
    z-index: 1;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.fc-theme-standard td, .fc-theme-standard th {
    vertical-align: middle
}

@media(max-width: 576px) {
    .header__top .container-fluid {
        padding: 0
    }

    .header__top .header-actions {
        gap: 1px
    }

    .header__top .header-actions__item:not(:first-of-type) {
        -webkit-padding-start: 6px;
        padding-inline-start: 6px
    }

        .header__top .header-actions__item:not(:first-of-type)::before {
            display: none
        }
}

@media(max-width: 992px) {
    .header-actions {
        gap: 0px
    }

    .header-actions__item:not(:first-of-type)::before {
        display: none
    }

    .header-actions__item:not(:first-of-type) {
        -webkit-padding-start: 16px;
        padding-inline-start: 10px
    }
}

[dir=ltr] .ms-auto, [dir=ltr] .ms-sm-auto {
    margin-left: auto !important;
    margin-right: 0 !important
}

@media(min-width: 768px) {
    [dir=ltr] .ms-md-auto {
        margin-left: auto !important;
        margin-right: 0 !important
    }
}

.last-editwith-border {
    border-bottom: 2px solid #1b8354;
    background-color: #fff
}

    .last-editwith-border .last-edit {
        padding: 15px 0
    }

@media(max-width: 992px) {
    .last-editwith-border .last-edit {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.last-editwith-border .last-edit .views {
    font-family: "IBMArabic-Regular";
    font-size: .875rem
}

@media(max-width: 992px) {
    .last-editwith-border .last-edit .views {
        text-align: center;
        margin-top: 15px
    }
}

.last-editwith-border .last-edit .views .views-text {
    color: #161616
}

.last-editwith-border .last-edit p {
    margin-bottom: 0 !important;
    color: #161616;
    font-family: "IBMArabic-Regular";
    font-size: .875rem
}

.last-edit {
    padding: 15px 0
}

@media(max-width: 992px) {
    .last-edit {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

.last-edit p {
    margin-bottom: 0;
    color: #161616;
    font-family: "IBMArabic-Regular";
    font-size: .875rem
}

@media(max-width: 992px) {
    .last-edit p {
        text-align: center
    }
}

.rules {
    font-family: "IBMArabic-Regular";
    color: #161616;
    font-size: 1.125rem;
    position: relative;
    top: -60px;
    pointer-events: none
}

    .rules p {
        margin: 0
    }

@media(max-width: 992px) {
    .rules p {
        text-align: center
    }
}

@media(max-width: 992px) {
    .rules {
        top: 0;
        padding: 15px 0;
        text-align: center
    }
}

.rules .underline {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #1b8354;
    text-decoration: underline;
    pointer-events: all;
    margin: 0 5px
}

    .rules .underline:hover {
        color: #54c08a
    }

.dropdown:has(.dropdown-menu):not(.page-actions .dropdown) {
    position: static
}

@media(max-width: 960px) {
    .dropdown:has(.dropdown-menu):not(.page-actions .dropdown) {
        position: relative
    }
}

.program-products {
    background-color: #f7fdf9;
    padding: 50px 0
}

@media(max-width: 768px) {
    .program-products {
        padding-left: var(--bs-gutter-x, 0.75rem);
        padding-right: var(--bs-gutter-x, 0.75rem)
    }
}

.program-products .program-slider {
    margin-top: 1.875rem
}

    .program-products .program-slider .about-swiper__footer {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .program-products .program-slider .swiper-pagination .swiper-pagination-bullet {
        border: 2px solid #d2d6db;
        margin: 0 10px
    }

        .program-products .program-slider .swiper-pagination .swiper-pagination-bullet::after {
            background-color: #fff
        }

        .program-products .program-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
            background-color: #1b8354
        }

        .program-products .program-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
            outline: 2px solid #1b8354
        }

.program-products .about-swiper__footer {
    margin: 25px 0
}

@media(max-width: 575.98px) {
    .programs-tabs .nav-item .nav-link {
        width: -webkit-fit-content !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 8px 10px 12px !important;
        margin: auto
    }
}

@media(max-width: 575.98px)and (max-width: 767.98px) {
    .programe-details .flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: row
    }
}

.rs_addtools, .rsbtn {
    margin-bottom: 0 !important
}

.about .about-card__body {
    min-height: 280px
}

.contact {
    padding-bottom: 80px
}

    .contact .inner-card-wrapper {
        gap: 35px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

@media(max-width: 992px) {
    .contact .inner-card-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .contact .inner-card-wrapper .desc, .contact .inner-card-wrapper .description {
            text-align: center
        }
}

.contact .inner-card-wrapper .about-card {
    -ms-flex-preferred-size: calc(33.3333333333% - 25px);
    flex-basis: calc(33.3333333333% - 25px);
    height: auto;
    padding: 0;
    min-height: 360px
}

@media(max-width: 992px) {
    .contact .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px)
    }
}

@media(max-width: 768px) {
    .contact .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(100% - 40px);
        flex-basis: calc(100% - 40px)
    }
}

.contact .inner-card-wrapper .about-card .description {
    -webkit-line-clamp: 3
}

.contact .inner-card-wrapper .about-card__body {
    height: 70%
}

@media(max-width: 992px) {
    .contact .inner-card-wrapper .about-card__body {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        height: auto
    }
}

.contact .inner-card-wrapper .card-without-caption .about-card__body {
    min-height: 60%
}

@media(max-width: 992px) {
    .contact .inner-card-wrapper .card-without-caption .about-card__body {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        min-height: auto
    }
}

.social-media {
    padding: 80px 0
}

    .social-media .inner-card-wrapper {
        gap: 31px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

@media(max-width: 1200px) {
    .social-media .inner-card-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.social-media .inner-card-wrapper .about-card {
    -ms-flex-preferred-size: calc(25% - 25px);
    flex-basis: calc(25% - 25px);
    height: auto;
    padding: 0
}

@media(max-width: 1200px) {
    .social-media .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(33.3333333333% - 31px);
        flex-basis: calc(33.3333333333% - 31px)
    }
}

@media(max-width: 768px) {
    .social-media .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(100% - 31px);
        flex-basis: calc(100% - 31px)
    }
}

.social-media .inner-card-wrapper .about-card .description {
    -webkit-line-clamp: 3
}

.landing .about-card__body, .social-media .about-card__body {
    min-height: 185px !important
}

.who-we-are, .landing, .customer-voice {
    padding-bottom: 80px
}

    .who-we-are .inner-card-wrapper, .landing .inner-card-wrapper, .customer-voice .inner-card-wrapper {
        gap: 31px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

@media(max-width: 1200px) {
    .who-we-are .inner-card-wrapper, .landing .inner-card-wrapper, .customer-voice .inner-card-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card {
    -ms-flex-preferred-size: calc(25% - 25px);
    flex-basis: calc(25% - 25px);
    height: auto;
    padding: 0
}

@media(max-width: 1200px) {
    .who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(33.3333333333% - 31px);
        flex-basis: calc(33.3333333333% - 31px)
    }
}

@media(max-width: 992px) {
    .who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(50% - 31px);
        flex-basis: calc(50% - 31px)
    }
}

@media(max-width: 768px) {
    .who-we-are .inner-card-wrapper .about-card, .landing .inner-card-wrapper .about-card, .customer-voice .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(100% - 31px);
        flex-basis: calc(100% - 31px)
    }
}

.who-we-are .inner-card-wrapper .about-card .description, .landing .inner-card-wrapper .about-card .description, .customer-voice .inner-card-wrapper .about-card .description {
    -webkit-line-clamp: 3
}

.establishment {
    font-family: "IBMArabic-Regular";
    font-size: 1.125rem;
    padding-bottom: 50px
}

.establishment_wrapper {
    -webkit-padding-start: 15px;
    padding-inline-start: 15px
}

.establishment_list {
    font-family: "IBMArabic-Regular";
    font-size: 1rem;
    color: #161616 !important
}

    .establishment_list li {
        margin: 15px 0;
        -webkit-margin-start: 20px;
        margin-inline-start: 20px;
        position: relative
    }

        .establishment_list li:before {
            content: "";
            background-color: #161616;
            position: absolute;
            inset-inline-start: -20px;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            top: 50%;
            inset-inline-end: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

.establishment_desc {
    color: #161616
}

.customer-voice {
    margin: 50px 0;
    padding-bottom: 10px
}

    .customer-voice .desc {
        color: #1f2a37;
        display: -webkit-box;
        -webkit-line-clamp: inherit;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1rem;
        visibility: visible
    }

    .customer-voice .select_wrapper {
        gap: 30px
    }

    .customer-voice .inner-card-wrapper {
        margin: 30px 0
    }

    .customer-voice .about-card__footer {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

        .customer-voice .about-card__footer .btn-primary {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .customer-voice .about-card__footer .btn-primary img {
                -webkit-margin-end: 10px;
                margin-inline-end: 10px
            }

    .customer-voice .inner-card-wrapper {
        gap: 50px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

@media(max-width: 1200px) {
    .customer-voice .inner-card-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px
    }
}

.customer-voice .inner-card-wrapper .about-card {
    -ms-flex-preferred-size: calc(25% - 40px);
    flex-basis: calc(25% - 40px);
    height: auto;
    padding: 0
}

@media(max-width: 1200px) {
    .customer-voice .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(33.3333333333% - 31px);
        flex-basis: calc(33.3333333333% - 31px)
    }
}

@media(max-width: 992px) {
    .customer-voice .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(50% - 31px);
        flex-basis: calc(50% - 31px)
    }
}

@media(max-width: 768px) {
    .customer-voice .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(100% - 31px);
        flex-basis: calc(100% - 31px)
    }
}

.customer-voice .inner-card-wrapper .about-card .description {
    -webkit-line-clamp: 3
}

.landing .about-card__footer, .who-we-are .about-card__footer {
    margin: 35px 16px 30px 16px !important
}

.partnerships-request {
    margin: 50px 0;
    padding-bottom: 10px
}

    .partnerships-request .desc {
        color: #1f2a37;
        display: -webkit-box;
        -webkit-line-clamp: inherit;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1rem;
        visibility: visible;
        margin-bottom: 30px
    }

    .partnerships-request .page-title {
        font-size: 1.5rem
    }

    .partnerships-request p {
        margin: 0
    }

    .partnerships-request .ckeck-list {
        margin: 20px 0 35px 0
    }

    .partnerships-request .form-actions {
        gap: 15px
    }

        .partnerships-request .form-actions .btn-gray {
            padding: 8px 24px 10px 24px
        }

.vision {
    padding-bottom: 100px
}

    .vision .desc {
        -webkit-line-clamp: inherit;
        overflow: visible
    }

    .vision .font-bold, .vision .permision-card__details__caption strong, .permision-card__details__caption .vision strong {
        margin-bottom: 25px
    }

    .vision .inner-card-wrapper {
        gap: 31px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

@media(max-width: 1200px) {
    .vision .inner-card-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.vision .inner-card-wrapper .about-card {
    -ms-flex-preferred-size: calc(25% - 25px);
    flex-basis: calc(25% - 25px);
    height: auto;
    padding: 0
}

.vision .inner-card-wrapper .about-card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 16px 16px 16px !important
}

@media(max-width: 1200px) {
    .vision .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(33.3333333333% - 31px);
        flex-basis: calc(33.3333333333% - 31px)
    }
}

@media(max-width: 992px) {
    .vision .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(50% - 31px);
        flex-basis: calc(50% - 31px)
    }
}

@media(max-width: 768px) {
    .vision .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(100% - 31px);
        flex-basis: calc(100% - 31px)
    }
}

.vision .inner-card-wrapper .about-card .description {
    -webkit-line-clamp: 3
}

.vision-2023 {
    padding-bottom: 100px
}

.consultation {
    padding-bottom: 100px
}

@media(max-width: 992px) {
    .consultation .title {
        font-size: 1rem !important
    }
}

.floating-links {
    position: fixed;
    inset-block-end: 40px;
    left: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    z-index: 2
}

.floating-links__item .floating-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,.35);
    box-shadow: 0 0 50px rgba(0,0,0,.35)
}

    .floating-links__item .floating-link img, .floating-links__item .floating-link svg {
        height: 22px
    }

    .floating-links__item .floating-link:is(:hover,:active,:focus) {
        background-color: var(--color-primary)
    }

        .floating-links__item .floating-link:is(:hover,:active,:focus) svg, .floating-links__item .floating-link:is(:hover,:active,:focus) img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1)
        }

.open-data .desc {
    -webkit-line-clamp: initial;
    overflow: visible
}

.open-data .nav-link {
    font-size: 1rem !important
}

@media(max-width: 992px) {
    .open-data .nav-link {
        padding: 8px 7px 12px !important
    }
}

.open-data .nav-tabs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width: 992px) {
    .open-data .nav-tabs {
        margin-bottom: 15px !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

.open-data .flex-container {
    margin: 0px 0 50px 0
}

.site-map {
    font-family: "IBMArabic-Regular";
    font-size: 1.125rem;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
    padding-top: .9375rem
}

    .site-map ul {
        margin-bottom: 25px
    }

@media(max-width: 992px) {
    .site-map ul {
        inset-inline-start: 15px
    }
}

.site-map ul li {
    position: relative
}

    .site-map ul li a {
        position: relative;
        inset-inline-start: -18px;
        color: #1b8354 !important
    }

@media(max-width: 992px) {
    .site-map ul li a {
        -webkit-padding-start: 10px;
        padding-inline-start: 10px
    }
}

.site-map ul li a:before {
    content: "";
    background-image: url("./images/checked-siteMap.svg");
    position: absolute;
    inset-inline-start: -45px;
    width: 20px;
    height: 20px;
    top: 50%;
    inset-inline-end: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media(max-width: 992px) {
    .site-map ul li a:before {
        inset-inline-start: -35px
    }
}

.site-map ul li a > img {
    position: absolute;
    inset-inline-start: -25px;
    top: 8px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.site-map ul li > a {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .site-map ul li > a:is(:hover,:focus,:active) {
        text-decoration: underline !important
    }

.site-map ul ul li {
    margin: 10px 0
}

    .site-map ul ul li a {
        position: relative;
        inset-inline-start: 0px;
        position: relative;
        color: #161616 !important
    }

@media(max-width: 992px) {
    .site-map ul ul li a {
        -webkit-padding-start: 0px;
        padding-inline-start: 0px
    }
}

.site-map ul ul li a:before {
    content: "";
    background-color: #161616;
    position: absolute;
    inset-inline-start: -20px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 50%;
    inset-inline-end: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-page .img-card {
    padding-bottom: 0
}

.item-img {
    position: relative;
    display: inline-block;
    max-height: 600px;
    width: 100%;
    height: 600px;
    -webkit-margin-end: 24px;
    margin-inline-end: 24px;
    margin-bottom: 5px;
    border-radius: 0px;
    overflow: hidden
}

@media(max-width: 767.98px) {
    .item-img {
        width: 100%;
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        height: 300px
    }
}

[dir=ltr] .item-img {
    float: left
}

.item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.program-slider .swiper-slide {
    height: auto
}

.program-slider .about-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.branches .branches-list-card .btn-gray {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #f9fafb
}

    .branches .branches-list-card .btn-gray:hover {
        background-color: rgba(0,0,0,0)
    }

.branches .branches-list-card .branch-number {
    background-color: #f3f4f6;
    border-radius: 8px;
    padding: 5px 10px
}

    .branches .branches-list-card .branch-number:hover {
        background-color: #e5e7eb
    }

.site-statistics .badge {
    padding: 12px 16px !important;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

    .site-statistics .badge .circle {
        width: 10px;
        height: 10px;
        background-color: rgba(255,255,255,.6);
        border-radius: 25px;
        -webkit-margin-end: 8px;
        margin-inline-end: 8px
    }

ul.list-group.list-group-flush.color-black .value {
    text-align: start !important
}

.body-with-select {
    min-height: 260px
}

    .body-with-select .list-group-flush {
        max-height: 280px !important
    }

.gate-header .card-title {
    color: #384250;
    font-size: 1rem;
    margin-bottom: 0
}

.establishment_list.color-success li:before {
    background-color: #00ac65
}

.establishment_list.color-success .redirect-btn {
    color: #00ac65
}

.gate .about-card {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid #fff
}

    .gate .about-card:hover {
        border: 1px solid #1b8354
    }

.news-slider .swiper-slide {
    height: auto
}

    .news-slider .swiper-slide .item-title {
        min-height: 91px
    }

.calendars-month .table thead tr th, .calendars-month .table thead tr td, .calendars-month table thead tr th, .calendars-month table thead tr td, .calendars-month .MsoNormalTable thead tr th, .calendars-month .MsoNormalTable thead tr td, .calendars-month table thead tr th, .calendars-month table thead tr td {
    min-width: -webkit-fit-content !important;
    min-width: -moz-fit-content !important;
    min-width: fit-content !important
}

p, ul, ol {
    color: #161616
}

.calendars {
    border: 0;
    width: 100% !important
}

.calendars-popup {
    z-index: 9999
}

.calendars .calendars-nav a.calendars-cmd, .calendars .calendars-ctrl a.calendars-cmd {
    color: #fff
}

.calendars .calendars-month-row .calendars-month tbody tr td a, .calendars .calendars-month-row .calendars-month tbody tr td span {
    background-color: rgba(0,0,0,0);
    text-align: center;
    color: #074d31
}

.calendars-month table {
    border-radius: 0
}

a {
    color: var(--color-secondary)
}

    a:is(:hover,:active,:focus) {
        color: #54c08a
    }

.fc .fc-button-primary {
    background-color: rgba(84,192,138,.2);
    border-color: rgba(84,192,138,.2)
}

    .fc .fc-button-primary:disabled {
        background-color: rgba(84,192,138,.2);
        border-color: rgba(84,192,138,.2)
    }

        .fc .fc-button-primary:disabled:hover {
            background-color: var(--fc-button-hover-bg-color);
            border-color: var(--fc-button-hover-border-color);
            color: var(--fc-button-text-color)
        }

.list-view .img-card {
    margin-bottom: 0
}

.list-view .img-card__img {
    height: 100% !important
}

.open-data-page .btn-primary {
    padding: 8px 15px 10px 15px
}

@media(max-width: 992px) {
    .open-data-page .header-actions {
        gap: 8px;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

.nice-select {
    width: 100%;
    height: unset;
    line-height: 1.5;
    text-align: start !important;
    background-image: none;
    border-color: #dcdcdc
}

    .nice-select .nice-select-dropdown {
        inset: unset;
        top: calc(100% + .3125rem);
        inset-inline-start: 0;
        min-width: 100%;
        background-color: #fff;
        border: .0625rem solid #dcdcdc;
        border-radius: 0;
        -webkit-box-shadow: 0 1.25rem 1.5rem -0.25rem rgba(16,24,40,.08),0 .5rem .5rem -0.25rem rgba(16,24,40,.03);
        box-shadow: 0 1.25rem 1.5rem -0.25rem rgba(16,24,40,.08),0 .5rem .5rem -0.25rem rgba(16,24,40,.03);
        padding: 1.25rem;
        margin-top: 0
    }

    .nice-select.open:after {
        display: none
    }

    .nice-select .option {
        text-align: start
    }

    .nice-select:after {
        display: none
    }

.loader {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justift-content: center;
    background-color: #f9fafb;
    width: 100%;
    height: 100%;
    inset: 0
}

.dga-spinner {
    display: relative;
    display: block;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border: 6px solid #f3f4f6;
    border-radius: 50%;
    border-top-color: #1b8330;
    animation: spin 15s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(359deg)
    }
}

.digital-platforms {
    margin-top: 10px;
    row-gap: 20px
}

    .digital-platforms .img-card {
        margin-bottom: 0
    }

    .digital-platforms .item-title {
        font-family: "IBMArabic-Regular" !important
    }

.service-label {
    color: #161616;
    font-family: "IBMArabic-SemiBold"
}

.services-list {
    color: #1f2a37
}

.services-list_items {
    gap: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media(max-width: 1200px) {
    .services-list_items {
        gap: 0
    }
}

@media(max-width: 786px) {
    .services-list_items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 12px
    }
}

.services-list li {
    position: relative;
    padding: 15px 0px
}

.services-list .active {
    font-family: "IBMArabic-Bold"
}

    .services-list .active .tab_btn:hover {
        background-color: rgba(0,0,0,0) !important
    }

    .services-list .active:after {
        content: "";
        height: 4px;
        width: calc(100% - 24px);
        display: block;
        position: absolute;
        bottom: -15px;
        background-color: #1b8354;
        border-radius: 4px;
        z-index: 9;
        inset-inline-start: 13px
    }

.services-list .tab {
    position: relative
}

    .services-list .tab .tab_btn {
        color: #1f2a37;
        padding: 15px
    }

        .services-list .tab .tab_btn:after {
            content: "";
            height: 4px;
            width: calc(100% - 24px);
            display: block;
            position: absolute;
            bottom: -15px;
            background-color: #161616;
            border-radius: 4px;
            z-index: 9;
            inset-inline-start: 13px;
            display: none
        }

        .services-list .tab .tab_btn:hover {
            background-color: #f3f4f6;
            border-color: rgba(0,0,0,0)
        }

            .services-list .tab .tab_btn:hover .active {
                background-color: rgba(0,0,0,0)
            }

                .services-list .tab .tab_btn:hover .active:after {
                    display: none
                }

            .services-list .tab .tab_btn:hover:after {
                display: block
            }

.items-container {
    color: #1f2a37
}

.services-tabs-wrapper li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .services-tabs-wrapper li .name {
        padding: 15px 12px
    }

.services-tabs-wrapper .nav-tabs:after {
    display: none
}

@media(max-width: 992px) {
    .header-card-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 600px) {
    .hidden-mob {
        display: none !important
    }
}

@media(max-width: 786px) {
    .services-tabs {
        gap: 5px !important
    }
}

@media(max-width: 600px) {
    .services-tabs {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: start !important;
        gap: 5px !important
    }

        .services-tabs li:first-child .nav-link {
            -webkit-padding-start: 0 !important;
            padding-inline-start: 0 !important
        }

        .services-tabs li .nav-link {
            padding: 8px 8px 12px !important
        }

            .services-tabs li .nav-link:after {
                width: calc(100% - 14px) !important;
                inset-inline-start: 3px !important
            }

    .flex-mob {
        width: 100%
    }
}

.filter-dropdown {
    background-color: #f3fcf6;
    border: 1px solid #e5e7eb;
    padding: 30px 20px;
    -webkit-transition: max-height .5s ease-out;
    transition: max-height .5s ease-out;
    opacity: 0;
    visibility: hidden;
    margin-top: 30px;
    display: none;
    width: 100%
}

    .filter-dropdown .name {
        min-width: 70px
    }

    .filter-dropdown .select-wrapper {
        min-width: 200px
    }

    .filter-dropdown.open {
        opacity: 1;
        visibility: visible;
        display: block
    }

.filtered-btn {
    display: none
}

@media(max-width: 600px) {
    .filtered-btn {
        display: block
    }
}

.filtered-btn .btn-primary {
    padding: 10px;
    background-color: #1b8354
}

@media(max-width: 600px) {
    .inner-services .nav-tabs a {
        padding: 5px 15px !important
    }
}

.tab-content {
    position: relative
}

.position-filtered {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 600px) {
    .position-filtered {
        display: none !important
    }
}

.btn-primary.active {
    background-color: #14573a
}

.hidden-desc {
    display: none !important;
    margin-inline: 30px
}

    .hidden-desc .btn-primary {
        width: 100%;
        text-align: center;
        font-size: 1.25rem;
        padding: 12px 24px 12px 24px
    }

        .hidden-desc .btn-primary img {
            width: 24px;
            height: 24px
        }

@media(max-width: 600px) {
    .hidden-desc {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

#products-selects, #services-selects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-group {
    position: relative
}

    .form-group .form-control {
        color: var(--color-primary)
    }

.form-label {
    margin-bottom: 12px
}

    .form-label.required:after {
        content: "*";
        color: #d6183a
    }

.form-group .form-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-family: "IBMArabic-Bold",sans-serif;
    font-size: 1rem;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    color: var(--color-secondary)
}

@media(max-width: 991.98px) {
    .form-group .form-label {
        font-size: .875rem
    }
}

.floating-label {
    position: absolute;
    top: 10px;
    inset-inline-start: 1rem;
    pointer-events: none;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.form-control:not(:-moz-placeholder-shown) ~ .floating-label {
    transform: translateY(-24px) scale(0.8);
    background-color: #fafeff;
    padding-inline: 16px;
    inset-inline-start: .5rem
}

.form-control:not(:-ms-input-placeholder) ~ .floating-label {
    -ms-transform: translateY(-24px) scale(0.8);
    transform: translateY(-24px) scale(0.8);
    background-color: #fafeff;
    padding-inline: 16px;
    inset-inline-start: .5rem
}

.form-control:focus ~ .floating-label, .form-control:not(:placeholder-shown) ~ .floating-label {
    -webkit-transform: translateY(-24px) scale(0.8);
    -ms-transform: translateY(-24px) scale(0.8);
    transform: translateY(-24px) scale(0.8);
    background-color: #fafeff;
    padding-inline: 16px;
    inset-inline-start: .5rem
}

.sub-label {
    font-size: .75rem
}

.label-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: var(--color-primary);
    border-radius: 50%;
    font-size: .75rem
}

.requiredMsg, .required-field {
    display: block;
    color: #d6183a;
    padding-block: 6px;
    font-size: .875rem
}

.form-group .requiredMsg, .form-group .required-field {
    -webkit-padding-start: 16px;
    padding-inline-start: 16px
}

.characters-count {
    padding: .5rem .875rem;
    color: var(--color-gray-color)
}

.form-control, input[type=text].form-control, .form-select {
    border-radius: 4px;
    padding: 8px 16px 10px;
    font-size: 1rem;
    border-color: #9da4ae;
    color: #384250 !important;
    font-family: "IBMArabic-Regular";
    background: -webkit-gradient(linear, left top, left bottom, from(#0D121C), to(#0D121C)),-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: linear-gradient(#0D121C, #0D121C),linear-gradient(#fff, #fff);
    background-size: 0 2px,auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background-color: #fff !important;
    text-align:right;
}

    .form-control:is(:active,:focus), input[type=text].form-control:is(:active,:focus), .form-select:is(:active,:focus) {
        background-size: 100% 2px,auto
    }

    .form-control:is(:active,:focus,:hover), input[type=text].form-control:is(:active,:focus,:hover), .form-select:is(:active,:focus,:hover) {
        border-color: #161616;
        outline: 0;
        color: #161616;
        text-align:right;
    }
.select2-container--default .select2-search--inline .select2-search__field {
    text-align: right !important;
}
        .form-control:is(:active,:focus,:hover)::-webkit-input-placeholder, input[type=text].form-control:is(:active,:focus,:hover)::-webkit-input-placeholder, .form-select:is(:active,:focus,:hover)::-webkit-input-placeholder {
            color: #161616
        }

        .form-control:is(:active,:focus,:hover)::-moz-placeholder, input[type=text].form-control:is(:active,:focus,:hover)::-moz-placeholder, .form-select:is(:active,:focus,:hover)::-moz-placeholder {
            color: #161616
        }

        .form-control:is(:active,:focus,:hover):-ms-input-placeholder, input[type=text].form-control:is(:active,:focus,:hover):-ms-input-placeholder, .form-select:is(:active,:focus,:hover):-ms-input-placeholder {
            color: #161616
        }

        .form-control:is(:active,:focus,:hover)::-ms-input-placeholder, input[type=text].form-control:is(:active,:focus,:hover)::-ms-input-placeholder, .form-select:is(:active,:focus,:hover)::-ms-input-placeholder {
            color: #161616
        }

        .form-control:is(:active,:focus,:hover)::placeholder, input[type=text].form-control:is(:active,:focus,:hover)::placeholder, .form-select:is(:active,:focus,:hover)::placeholder {
            color: #161616
        }

.input-group .form-control, .input-group input[type=text].form-control, .input-group .form-select {
    -webkit-box-shadow: none;
    box-shadow: none
}

    .input-group .form-control:is(:active,:focus), .input-group input[type=text].form-control:is(:active,:focus), .input-group .form-select:is(:active,:focus) {
        border-color: rgba(0,0,0,0)
    }

.form-control.secondary, input[type=text].form-control.secondary, .form-select.secondary {
    border-color: var(--color-secondary);
    color: var(--color-secondary)
}

.form-control.danger, input[type=text].form-control.danger, .form-select.danger {
    border-color: var(--color-danger);
    color: var(--color-danger)
}

.form-control::-webkit-input-placeholder, input[type=text].form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder {
    color: #384250;
    overflow: visible;
    font-family: "IBMArabic-Regular"
}

.form-control::-moz-placeholder, input[type=text].form-control::-moz-placeholder, .form-select::-moz-placeholder {
    color: #384250;
    overflow: visible;
    font-family: "IBMArabic-Regular"
}

.form-control:-ms-input-placeholder, input[type=text].form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder {
    color: #384250;
    overflow: visible;
    font-family: "IBMArabic-Regular"
}

.form-control::-ms-input-placeholder, input[type=text].form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder {
    color: #384250;
    overflow: visible;
    font-family: "IBMArabic-Regular"
}

.form-control::placeholder, input[type=text].form-control::placeholder, .form-select::placeholder {
    color: #384250;
    overflow: visible;
    font-family: "IBMArabic-Regular"
}

.readonly .form-control, .form-control.readonly, .readonly input[type=text].form-control, input[type=text].form-control.readonly, .readonly .form-select, .form-select.readonly {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5
}

.form-control:disabled, input[type=text].form-control:disabled, .form-select:disabled {
    background-color: #eff7fe;
    border-color: #e1e1e8
}

.card .form-control, .card input[type=text].form-control, .card .form-select {
    background-color: #fff
}

    .card .form-control:is(:active,:focus), .card input[type=text].form-control:is(:active,:focus), .card .form-select:is(:active,:focus) {
        background-color: #fff
    }

    .card .form-control:disabled, .card input[type=text].form-control:disabled, .card .form-select:disabled {
        background-color: #eff7fe;
        border-color: #e1e1e8
    }

input[type=search] {
    background-image: url("./images/search-form.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
    background-position: 16px center
}

[dir=rtl] input[type=search] {
    background-position: calc(100% - 16px) center
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.392' height='12.391' viewBox='0 0 12.392 12.391'%3E%3Cg id='Group_40908' data-name='Group 40908' transform='translate(-342.076 -1810.076)'%3E%3Cline id='Line_79' data-name='Line 79' x1='11.543' y2='11.543' transform='translate(342.5 1810.5)' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3Cline id='Line_80' data-name='Line 80' x2='11.543' y2='11.543' transform='translate(342.5 1810.5)' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px
}

.form-select, .content select:not(.ms-cui-cb-input) {
    -webkit-padding-end: 32px;
    padding-inline-end: 32px;
    background-position: 10px
}

    .readonly .form-select:not(.ms-cui-cb-input), .form-select.readonly, .readonly .content select:not(.ms-cui-cb-input):not(.ms-cui-cb-input), .content select:not(.ms-cui-cb-input).readonly {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237289A0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
    }

    .form-select option, .content select:not(.ms-cui-cb-input) option {
        font-size: .875rem;
        color: #000
    }

    .form-select.secondary, .content select:not(.ms-cui-cb-input).secondary {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230094D3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
    }

    .form-select.danger, .content select:not(.ms-cui-cb-input).danger {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23F9516F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
    }

select, option {
    font-family: inherit
}

input[type=email], input[type=date], input.datepicker {
    text-align: start !important;
    direction: inherit
}

textarea.form-control {
    border-radius: 4px;
    padding: 8px 16px 12px;
    font-size: 1rem;
    border-color: #9da4ae;
    color: #161616 !important;
    font-family: "IBMArabic-Regular";
    height: 110px;
    overflow-y: scroll;
    scroll-padding: 20px
}

    textarea.form-control::-webkit-scrollbar {
        width: 18px;
        height: 18px
    }

    textarea.form-control::-webkit-scrollbar-thumb {
        background: #074d31
    }

    textarea.form-control::-webkit-scrollbar-track {
        background: #d2d6db
    }

    textarea.form-control::-webkit-scrollbar-thumb {
        border-radius: 20px;
        padding: 10px;
        background: #d2d6db;
        height: 15PX !important;
        border: 5px solid #f3f4f6 !important
    }

    textarea.form-control::-webkit-scrollbar-track {
        padding: 10px;
        border-radius: 20px;
        background: #f3f4f6 !important;
        height: 15PX !important
    }

    textarea.form-control::-webkit-input-placeholder {
        color: #161616
    }

    textarea.form-control::-moz-placeholder {
        color: #161616
    }

    textarea.form-control:-ms-input-placeholder {
        color: #161616
    }

    textarea.form-control::-ms-input-placeholder {
        color: #161616
    }

    textarea.form-control::placeholder {
        color: #161616
    }

.select-container {
    height: 44px
}

    .select-container select.secondary {
        border: 1px solid #fff !important;
        -webkit-box-shadow: 0px 4px 30px 0px rgba(0,0,0,.0588235294);
        box-shadow: 0px 4px 30px 0px rgba(0,0,0,.0588235294)
    }

        .select-container select.secondary:focus {
            border-color: var(--color-secondary) !important
        }

.input-group:not(.separate-input-group) {
    padding: 0;
    gap: 10px;
    background-color: #fff;
    border-radius: 4px
}

    .input-group:not(.separate-input-group) input:not(.btn) {
        border: 0;
        border-radius: 4px !important
    }

        .input-group:not(.separate-input-group) input:not(.btn):is(:focus,:active) {
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none;
            border: 1px solid var(--color-primary)
        }

        .input-group:not(.separate-input-group) input:not(.btn).disabled {
            opacity: 1
        }

@media(max-width: 575.98px) {
    .input-group:not(.separate-input-group) input:not(.btn) {
        font-size: .75rem
    }
}

.input-group:not(.separate-input-group) .input-group-text {
    background-color: rgba(0,0,0,0);
    border: 0;
    -webkit-border-start: 1px solid #dee2e7;
    border-inline-start: 1px solid #dee2e7;
    padding-inline: 16px;
    font-family: "IBMArabic-Bold",sans-serif;
    color: var(--color-secondary)
}

.input-group:not(.separate-input-group) .btn {
    border-radius: 4px !important
}

@media(max-width: 575.98px) {
    .input-group:not(.separate-input-group) .btn {
        font-size: .75rem;
        height: 34px;
        padding: 6px 16px;
        min-width: auto;
        margin: auto 7px
    }
}

.input-group:not(.separate-input-group) .btn-icon {
    width: 40px
}

.separate-input-group {
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .separate-input-group input, .separate-input-group .btn {
        border-radius: 100px !important
    }

@media(max-width: 575.98px) {
    .separate-input-group .form-control {
        min-width: 150px
    }

    .separate-input-group .btn {
        width: 100%
    }
}

.check-btn-lg {
    margin: 0;
    padding-inline: 8px
}

    .check-btn-lg input[type=radio] {
        display: none
    }

    .check-btn-lg label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 24px;
        height: 100px;
        min-width: 150px;
        border: 1px solid #e6e6e6;
        gap: 8px;
        border-radius: 16px;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .check-btn-lg label .title {
            color: var(--color-secondary)
        }

        .check-btn-lg label svg {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            height: 24px
        }

        .check-btn-lg label:hover {
            background-color: var(--color-secondary);
            border-color: var(--color-secondary);
            color: #fff
        }

            .check-btn-lg label:hover svg {
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1)
            }

            .check-btn-lg label:hover .title {
                color: #fff
            }

@media(max-width: 575.98px) {
    .check-btn-lg label {
        min-width: auto;
        height: 70px;
        font-size: 1rem
    }
}

.check-btn-lg input:checked + label {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    color: #fff
}

    .check-btn-lg input:checked + label svg {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }

    .check-btn-lg input:checked + label .title {
        color: #fff
    }

.check-btn-lg td {
    padding: 0 8px
}

    .check-btn-lg td label {
        text-align: center;
        line-height: 1;
        gap: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.25rem;
        font-family: "Somar-SemiBold"
    }

@media(max-width: 575.98px) {
    .check-btn-lg td label {
        font-size: 1rem
    }
}

.form-check:not(.form-switch) {
    padding: 0
}

    .form-check:not(.form-switch) .form-check-input {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: auto;
        width: auto;
        background: none
    }

        .form-check:not(.form-switch) .form-check-input[type=checkbox] {
            display: none
        }

            .form-check:not(.form-switch) .form-check-input[type=checkbox] + .form-check-label {
                position: relative;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 8px
            }

                .form-check:not(.form-switch) .form-check-input[type=checkbox] + .form-check-label::before {
                    position: absolute;
                    inset-inline-start: 0;
                    inset-block: 0;
                    content: "";
                    margin: auto;
                    height: 20px;
                    width: 20px;
                    background-color: #fff;
                    border: 1px solid #e6e3fb;
                    border-radius: 4px;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain
                }

            .form-check:not(.form-switch) .form-check-input[type=checkbox]:checked {
                -webkit-box-shadow: none;
                box-shadow: none;
                background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
            }

                .form-check:not(.form-switch) .form-check-input[type=checkbox]:checked + .form-check-label {
                    color: var(--color-primary)
                }

                    .form-check:not(.form-switch) .form-check-input[type=checkbox]:checked + .form-check-label::before {
                        -webkit-box-shadow: none;
                        box-shadow: none;
                        border-color: var(--color-primary);
                        background: var(--color-primary) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
                    }

            .form-check:not(.form-switch) .form-check-input[type=checkbox]:focus, .form-check:not(.form-switch) .form-check-input[type=checkbox]:active {
                -webkit-filter: none;
                filter: none;
                outline: none;
                background-color: #fff !important;
                -webkit-box-shadow: none;
                box-shadow: none;
                border-color: #62b34f
            }

        .form-check:not(.form-switch) .form-check-input[type=radio] {
            display: none
        }

            .form-check:not(.form-switch) .form-check-input[type=radio] + .form-check-label {
                position: relative;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: .875rem;
                gap: 8px
            }

                .form-check:not(.form-switch) .form-check-input[type=radio] + .form-check-label::before {
                    position: absolute;
                    inset-inline-start: 0;
                    inset-block: 0;
                    content: "";
                    margin: auto;
                    height: 25px;
                    width: 25px;
                    border: 1px solid #e6e3fb;
                    background-color: #e4e2ee;
                    border-radius: 50%;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain
                }

                .form-check:not(.form-switch) .form-check-input[type=radio] + .form-check-label.circle-outline::before {
                    border: 1px solid var(--color-border-color);
                    background-color: rgba(0,0,0,0)
                }

                .form-check:not(.form-switch) .form-check-input[type=radio] + .form-check-label.circle-outline::after {
                    position: absolute;
                    inset-inline-start: 6px;
                    inset-block: 0px;
                    content: "";
                    margin: auto;
                    height: 13px;
                    width: 13px;
                    background-color: var(--color-primary);
                    border-radius: 50%;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain;
                    opacity: 0
                }

.readonly .form-check:not(.form-switch) .form-check-input[type=radio] + .form-check-label.circle-outline::after {
    background-color: var(--color-gray-color)
}

.form-check:not(.form-switch) .form-check-input[type=radio]:checked {
    -webkit-box-shadow: none;
    box-shadow: none
}

.readonly .form-check:not(.form-switch) .form-check-input[type=radio]:checked + .form-check-label {
    color: var(--color-gray-color)
}

.form-check:not(.form-switch) .form-check-input[type=radio]:checked + .form-check-label::before {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff
}

.form-check:not(.form-switch) .form-check-input[type=radio]:checked + .form-check-label.circle-outline::before {
    border: 1px solid var(--color-primary);
    background-color: rgba(0,0,0,0)
}

.readonly .form-check:not(.form-switch) .form-check-input[type=radio]:checked + .form-check-label.circle-outline::before {
    border-color: var(--color-gray-color)
}

.form-check:not(.form-switch) .form-check-input[type=radio]:checked + .form-check-label.circle-outline::after {
    opacity: 1
}

.form-check:not(.form-switch) .form-check-input[type=radio]:focus, .form-check:not(.form-switch) .form-check-input[type=radio]:active {
    -webkit-filter: none;
    filter: none;
    outline: none;
    background-color: #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #62b34f
}

.form-check:not(.form-switch) .form-check-label {
    font-size: 1.125rem;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
    font-family: "IBMArabic-Medium";
    font-size: 1.125rem !important
}

.readonly .form-check:not(.form-switch) .form-check-label {
    pointer-events: none
}

.form-switch input {
    height: 24px;
    width: 45px !important;
    background-color: var(--color-light);
    border-color: var(--color-light) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2337435b'/%3e%3c/svg%3e") !important
}

    .form-switch input:focus, .form-switch input:active {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none
    }

    .form-switch input:checked {
        background-color: var(--color-primary);
        border-color: var(--color-primary) !important;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important
    }

.captcha-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem
}

    .captcha-control .captcha {
        position: relative
    }

        .captcha-control .captcha .captchaimg {
            position: relative;
            inset-inline-end: 2px;
            inset-block: 0;
            margin: auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .captcha-control .captcha .captchaimg .captchaimg {
                width: 160px;
                border-radius: 100px;
                overflow: hidden
            }

            .captcha-control .captcha .captchaimg .refreshcaptcha {
                position: absolute;
                inset-inline-end: 0;
                inset-block: 0;
                margin: auto;
                width: 32px;
                height: 32px
            }

.datePickerContainer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

    .datePickerContainer input {
        -webkit-padding-end: 100px;
        padding-inline-end: 100px;
        width: 100%
    }

    .datePickerContainer select, .datePickerContainer .custom-select {
        position: relative;
        width: 120px !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important;
        line-height: 1;
        background-color: var(--color-secondary);
        border-color: var(--color-secondary);
        color: #fff;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-image: -webkit-gradient(linear, left top, left bottom, from(#0D121C), to(#0D121C)),-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
        background-image: linear-gradient(#0D121C, #0D121C),linear-gradient(#fff, #fff);
        background-size: 0 2px,auto;
        background-repeat: no-repeat;
        background-position: center bottom;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

        .datePickerContainer select:is(:active,:focus,:hover), .datePickerContainer .custom-select:is(:active,:focus,:hover) {
            border-color: #161616;
            outline: 0;
            color: #161616;
            background-size: 100% 2px,auto
        }

            .datePickerContainer select:is(:active,:focus,:hover)::-webkit-input-placeholder, .datePickerContainer .custom-select:is(:active,:focus,:hover)::-webkit-input-placeholder {
                color: #161616
            }

            .datePickerContainer select:is(:active,:focus,:hover)::-moz-placeholder, .datePickerContainer .custom-select:is(:active,:focus,:hover)::-moz-placeholder {
                color: #161616
            }

            .datePickerContainer select:is(:active,:focus,:hover):-ms-input-placeholder, .datePickerContainer .custom-select:is(:active,:focus,:hover):-ms-input-placeholder {
                color: #161616
            }

            .datePickerContainer select:is(:active,:focus,:hover)::-ms-input-placeholder, .datePickerContainer .custom-select:is(:active,:focus,:hover)::-ms-input-placeholder {
                color: #161616
            }

            .datePickerContainer select:is(:active,:focus,:hover)::placeholder, .datePickerContainer .custom-select:is(:active,:focus,:hover)::placeholder {
                color: #161616
            }

.form-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin: 24px 0 0
}

    .form-actions.top-border {
        padding-top: 24px;
        border-top: 1px solid rgba(131,149,183,.4)
    }

@media(max-width: 575.98px) {
    .form-actions .btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.max_note {
    font-size: .875rem;
    color: #b5b0d2;
    padding: 8px 0
}

.search .input-group {
    padding-inline: 3px;
    border: 1px solid #d8e3e9;
    background-color: #fff;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.theme-dark .search .input-group {
    border: 1px solid rgba(0,0,0,0)
}

.search .input-group .form-control {
    background-color: rgba(0,0,0,0);
    border: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.theme-dark .search .input-group .form-control {
    color: #000
}

.search .input-group button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 35px;
    padding: 0 24px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: 0;
    border-radius: 50px !important
}

    .search .input-group button svg {
        height: 16px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .search .input-group button.btn-icon {
        width: 35px;
        padding: 0
    }

.search .input-group .clear-btn {
    background-color: rgba(0,0,0,0);
    opacity: .5
}

    .search .input-group .clear-btn:hover {
        opacity: 1
    }

.search .input-group .site-search-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    min-width: auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.custom-popover {
    --bs-popover-max-width: 200px;
    --bs-popover-border-color: #b4872d;
    --bs-popover-header-bg: #b4872d;
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 0.5rem;
    --bs-popover-body-padding-y: 0.5rem
}

.custom-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=checkbox].custom-input {
    border-radius: 4px;
    width: 28px;
    height: 28px;
    border: 2px solid #6c737f;
    position: relative;
    cursor: pointer
}

input[type=radio].custom-input {
    border-radius: 50%
}

.custom-input::before {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    -webkit-transition: 120ms -webkit-transform ease-in-out;
    transition: 120ms -webkit-transform ease-in-out;
    transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out
}

.custom-input:checked {
    background-color: #074d31;
    border: 2px solid #074d31 !important
}

.checkbox-wrapper:has(.custom-input:checked):after {
    opacity: 1
}

input[type=checkbox].custom-input:checked::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-image: url("./images/checked.svg");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    inset-inline-start: 5px
}

.check-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #1f2a37;
    font-size: 1.125rem;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkbox-wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .checkbox-wrapper:after {
        content: "";
        background-color: #f3f4f6;
        width: 50px;
        height: 50px;
        display: block;
        border-radius: 50px;
        position: absolute;
        top: -11px;
        z-index: -1;
        inset-inline-start: -11px;
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .checkbox-wrapper:hover:after {
        opacity: 1
    }

.radio-list {
    margin-top: 0px
}

.reason-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff
}

@media(max-width: 992px) {
    .reason-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.reason-wrapper .reason {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.comment-form {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-group .form-label {
    color: #161616;
    font-family: "IBMArabic-Regular";
    margin-bottom: 5px;
    font-size: .875rem;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin-bottom: 10px;
    display: block
}

.form-group {
    margin-bottom: 20px
}

form label {
    color: #161616;
    font-family: "IBMArabic-Regular";
    margin-bottom: 5px;
    font-size: .875rem
}

form sup {
    color: #b42318;
    font-size: 18px;
    position: relative;
    top: -2px
}

form .text-muted {
    color: #b42318;
    opacity: 0
}

.form-select {
    color: #6c737f !important;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.25);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.25)
}

    .form-control:focus, input[type=text].form-control:focus, .form-select:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.events-container .form-select {
    -webkit-padding-end: 100px !important;
    padding-inline-end: 100px !important
}

@media(max-width: 1400px) {
    .events-container .form-select {
        -webkit-padding-end: 32px !important;
        padding-inline-end: 32px !important
    }
}

.date-control {
    background-image: url("./images/select-calendar.svg") !important;
    background-repeat: no-repeat;
    background-position: 16px center;
    background-color: #1b8354 !important;
    color: #fff !important;
    background-size: 20px !important;
    -webkit-padding-start: 50px;
    padding-inline-start: 40px;
    background-position: 90%;
    -webkit-padding-end: 15px !important;
    padding-inline-end: 15px !important;
    border: 1px solid rgba(0,0,0,0)
}

    .date-control option {
        color: #fff !important
    }

[dir=ltr] .date-control {
    background-position: 10%;
    background-size: 20px !important
}

.file-infoDataDetailsFile {
    border: 1px solid #d2d6db;
    color: #161616;
    border-radius: 5px;
    width: 325px;
    padding: 15px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    font-family: "IBMArabic-Medium";
    background-color: #f3f4f6
}

@media(max-width: 768px) {
    .file-infoDataDetailsFile {
        width: 50%
    }
}

@media(max-width: 576px) {
    .file-infoDataDetailsFile {
        width: 100%
    }
}

.file-infoDataDetailsFile .file-nameDataDetailsFile {
    position: relative;
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

    .file-infoDataDetailsFile .file-nameDataDetailsFile::before {
        width: 18px;
        height: 18px;
        content: "";
        display: block;
        position: absolute;
        inset-inline-start: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K");
        background-position: center;
        background-size: cover;
        top: 3px
    }

.file-infoDataDetailsFile .delete-btnDataDetailsFile {
    border: 0;
    padding: 0;
    position: absolute;
    inset-inline-end: 15px;
    top: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=");
    background-size: cover;
    width: 13px;
    height: 13px;
    font-size: 0
}

.file-infoLegalDocumentFile {
    border: 1px solid #d2d6db;
    color: #161616;
    border-radius: 5px;
    width: 325px;
    padding: 15px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    font-family: "IBMArabic-Medium";
    background-color: #f3f4f6
}

@media(max-width: 768px) {
    .file-infoLegalDocumentFile {
        width: 50%
    }
}

@media(max-width: 576px) {
    .file-infoLegalDocumentFile {
        width: 100%
    }
}

.file-infoLegalDocumentFile .file-nameLegalDocumentFile {
    position: relative;
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

    .file-infoLegalDocumentFile .file-nameLegalDocumentFile::before {
        width: 18px;
        height: 18px;
        content: "";
        display: block;
        position: absolute;
        inset-inline-start: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5OTkyIDE5LjE2NjhDMTUuMDYyNSAxOS4xNjY4IDE5LjE2NjYgMTUuMDYyOCAxOS4xNjY2IDEwLjAwMDJDMTkuMTY2NiA0LjkzNzU1IDE1LjA2MjUgMC44MzM0OTYgOS45OTk5MiAwLjgzMzQ5NkM0LjkzNzMxIDAuODMzNDk2IDAuODMzMjUyIDQuOTM3NTUgMC44MzMyNTIgMTAuMDAwMkMwLjgzMzI1MiAxNS4wNjI4IDQuOTM3MzEgMTkuMTY2OCA5Ljk5OTkyIDE5LjE2NjhaTTUuODc1MSA5LjI2NzkzQzUuNTQ5NjYgOS41OTMzNyA1LjU0OTY2IDEwLjEyMSA1Ljg3NTEgMTAuNDQ2NEw4LjIzMjEyIDEyLjgwMzVDOC41NTc1NiAxMy4xMjg5IDkuMDg1MiAxMy4xMjg5IDkuNDEwNjMgMTIuODAzNUwxNC4xMjQ3IDguMDg5NDJDMTQuNDUwMSA3Ljc2Mzk4IDE0LjQ1MDEgNy4yMzYzNCAxNC4xMjQ3IDYuOTEwOTFDMTMuNzk5MiA2LjU4NTQ3IDEzLjI3MTYgNi41ODU0NyAxMi45NDYyIDYuOTEwOTFMOC44MjEzOCAxMS4wMzU3TDcuMDUzNjEgOS4yNjc5M0M2LjcyODE3IDguOTQyNDkgNi4yMDA1NCA4Ljk0MjQ5IDUuODc1MSA5LjI2NzkzWiIgZmlsbD0iIzA2NzY0NyIvPgo8L3N2Zz4K");
        background-position: center;
        background-size: cover;
        top: 3px
    }

.file-infoLegalDocumentFile .delete-btnLegalDocumentFile {
    border: 0;
    padding: 0;
    position: absolute;
    inset-inline-end: 15px;
    top: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjY0NjQ0NyAwLjY0NjQ0N0MwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNDUxMTg0IDEuMzUzNTUgMC42NDY0NDdMNSA0LjI5Mjg5TDguNjQ2NDUgMC42NDY0NDdDOC44NDE3MSAwLjQ1MTE4NSA5LjE1ODI5IDAuNDUxMTg1IDkuMzUzNTUgMC42NDY0NDdDOS41NDg4MiAwLjg0MTcwOSA5LjU0ODgyIDEuMTU4MjkgOS4zNTM1NSAxLjM1MzU1TDUuNzA3MTEgNUw5LjM1MzU1IDguNjQ2NDVDOS41NDg4MiA4Ljg0MTcxIDkuNTQ4ODIgOS4xNTgyOSA5LjM1MzU1IDkuMzUzNTVDOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS41NDg4MiA4LjY0NjQ1IDkuMzUzNTVMNSA1LjcwNzExTDEuMzUzNTUgOS4zNTM1NUMxLjE1ODI5IDkuNTQ4ODIgMC44NDE3MDkgOS41NDg4MiAwLjY0NjQ0NyA5LjM1MzU1QzAuNDUxMTg0IDkuMTU4MjkgMC40NTExODQgOC44NDE3MSAwLjY0NjQ0NyA4LjY0NjQ1TDQuMjkyODkgNUwwLjY0NjQ0NyAxLjM1MzU1QzAuNDUxMTg1IDEuMTU4MjkgMC40NTExODUgMC44NDE3MDkgMC42NDY0NDcgMC42NDY0NDdaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=");
    background-size: cover;
    width: 13px;
    height: 13px;
    font-size: 0
}

.nice-select {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    position: relative
}

    .nice-select::before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 51%;
        right: 51%;
        bottom: 0;
        background: #161616;
        height: 2px;
        -webkit-transition-property: left,right;
        transition-property: left,right;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-radius: 1px;
        z-index: 99
    }

    .nice-select .option.selected.focus {
        position: relative
    }

        .nice-select .option.selected.focus:after {
            content: "";
            width: 19px;
            height: 15px;
            background-image: url("./images/nice-select-correct.svg");
            background-size: cover;
            display: block;
            position: absolute;
            inset-inline-end: 10px;
            top: 10px
        }

    .nice-select .option.selected {
        font-weight: normal
    }

    .nice-select li {
        font-size: .875rem
    }

    .nice-select:focus:before, .nice-select:active:before {
        left: 0;
        right: 0
    }

    .nice-select.open {
        background-image: url("./images/arrow_black_up.svg") !important;
        border-color: #9da4ae !important
    }

    .nice-select .option:hover, .nice-select .option.selected.focus:hover {
        background-color: #f3f4f6
    }

    .nice-select .option.focus, .nice-select .option.selected.focus {
        background-color: rgba(0,0,0,0)
    }

    .nice-select .option {
        padding: 0 10px
    }

.nice-select-dropdown {
    position: relative;
    z-index: 999 !important;
    padding: 10px !important;
    top: 53px;
    -webkit-box-shadow: 0px 20px 24px -4px rgba(16,24,40,.8);
    box-shadow: 0px 20px 24px -4px rgba(16,24,40,.8);
    border-radius: 3px !important;
    border: 1px solid #d2d6db !important
}

select.form-select.custom-select.hvr-underline-from-center {
    display: none
}

:-webkit-autofill {
    border: none
}

:autofill {
    border: none
}

.nice-select .option {
    color: #161616
}

.card {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    padding: 1px
}

    .card .card-title {
        font-family: "IBMArabic-Bold";
        color: var(--color-text-color)
    }

    .card.with-radius {
        border-radius: 0px;
        overflow: hidden
    }

    .card.card-overlay {
        padding: 0
    }

        .card.card-overlay .card-img {
            position: relative;
            height: 380px;
            z-index: 2
        }

            .card.card-overlay .card-img::before {
                position: absolute;
                inset: 0;
                content: "";
                opacity: 1;
                visibility: visible;
                z-index: 1;
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out
            }

            .card.card-overlay .card-img img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out
            }

        .card.card-overlay .item-caption {
            position: absolute;
            inset-inline: 24px;
            inset-block-end: 24px;
            z-index: 3
        }

            .card.card-overlay .item-caption .item-title {
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                line-height: 1.7;
                overflow: hidden;
                word-wrap: break-word;
                text-overflow: ellipsis;
                font-size: 1.125rem;
                visibility: visible;
                font-family: "IBMArabic-Bold";
                color: #fff
            }

@supports not (-webkit-line-clamp: 1) {
    .card.card-overlay .item-caption .item-title {
        display: block;
        max-height: 30.6px;
        line-height: 1.7
    }
}

.card.card-overlay .item-caption .item-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: .875rem;
    visibility: visible;
    color: #fff
}

@supports not (-webkit-line-clamp: 2) {
    .card.card-overlay .item-caption .item-description {
        display: block;
        max-height: 47.6px;
        line-height: 1.7
    }
}

.card.card-overlay:hover .card-img img {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12)
}

.card.video-card .card-img::after {
    position: absolute;
    inset: 0;
    margin: auto;
    content: "";
    width: 55px;
    height: 55px;
    background-image: url("./images/video-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55px;
    z-index: 3
}

.card.photo-card .card-img::after {
    position: absolute;
    inset: 0;
    margin: auto;
    content: "";
    width: 55px;
    height: 55px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88.1' height='75.5' viewBox='0 0 88.1 75.5'%3E%3Cpath id='photo-icon-white' d='M52.2,0h-20a7.147,7.147,0,0,0-6.4,3.9l-3.9,7.7a1.149,1.149,0,0,1-.9.6H11.2A11.332,11.332,0,0,0,0,23.5H0V64.3A11.2,11.2,0,0,0,11.3,75.5H76.8A11.267,11.267,0,0,0,88.1,64.3h0V29.6a3.1,3.1,0,1,0-6.2,0V64.3a5.121,5.121,0,0,1-5.1,5.1H11.3a5.121,5.121,0,0,1-5.1-5.1V23.5a5.121,5.121,0,0,1,5.1-5.1H21a7.147,7.147,0,0,0,6.4-3.9l3.9-7.7a1.149,1.149,0,0,1,.9-.6h20a3.031,3.031,0,0,0,3.1-3,3.119,3.119,0,0,0-3-3.2ZM44,28.8A14.2,14.2,0,1,0,58.2,43h0A14.19,14.19,0,0,0,44,28.8Zm0,4.5a9.653,9.653,0,1,1-9.4,9.4A9.562,9.562,0,0,1,44,33.3Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55px;
    z-index: 3
}

.about-card {
    position: relative;
    display: block;
    border-radius: 16px;
    background-color: #fff;
    isolation: isolate;
    -webkit-box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    overflow: hidden;
    padding-bottom: 10px;
    height: 100%
}

@media(max-width: 992px) {
    .about-card {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.about-card__header {
    padding: 32px 16px 16px
}

    .about-card__header .card-title {
        text-align: center;
        height: 55px;
        font-family: "IBMArabic-Bold",sans-serif;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1rem;
        visibility: visible
    }

@supports not (-webkit-line-clamp: 2) {
    .about-card__header .card-title {
        display: block;
        max-height: 54.4px;
        line-height: 1.7
    }
}

.about-card__body {
    padding: 24px 16px;
    background-color: #fff
}

    .about-card__body .title {
        font-family: "IBMArabic-Bold";
        font-size: 1.25rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .about-card__body .title, .about-card__body .description {
        color: #1f2a37
    }

    .about-card__body .description {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1rem;
        visibility: visible;
        font-family: "IBMArabic-Regular"
    }

@supports not (-webkit-line-clamp: 3) {
    .about-card__body .description {
        display: block;
        max-height: 81.6px;
        line-height: 1.7
    }
}

.about-card__body .details-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f3fcf6;
    width: 50px;
    height: 50px;
    margin-bottom: 25px
}

    .about-card__body .details-icon img {
        width: 32px;
        height: 32px
    }

.about-card__footer {
    margin: 16px
}

    .about-card__footer .btn {
        background-color: #1b8354;
        border-radius: 4px;
        color: #fff;
        font-family: "IBMArabic-Medium";
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .about-card__footer .btn:hover {
            background-color: #166a45
        }

    .about-card__footer span {
        text-align: center
    }

    .about-card__footer.full-btn {
        padding: 0
    }

        .about-card__footer.full-btn .btn {
            width: 100%;
            height: 100%;
            border-radius: 0 0 24px 24px
        }

.about-card__footer__actions {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 16px 16px 24px
}

    .about-card__footer__actions .footer-actions-item:not(:last-of-type) .footer-actions-link::after {
        position: absolute;
        inset-block: 0;
        inset-inline-end: 0;
        content: "";
        height: 20px;
        margin: auto 0;
        width: 1px;
        background-color: rgba(255,255,255,.5)
    }

.about-card.without-header .about-card__body {
    padding: 40px 16px 0 16px;
    border-bottom: 0
}

    .about-card.without-header .about-card__body:has(.desc) {
        min-height: 250px
    }

@media(max-width: 992px) {
    .about-card.without-header .about-card__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.about-card:is(:hover,:focus,:active):not(.no-footer-hover)::before {
    opacity: 1;
    visibility: visible
}

.about-card:is(:hover,:focus,:active):not(.no-footer-hover) .caption {
    opacity: 1;
    visibility: visible
}

.about-card.no-footer-hover:is(:hover,:focus,:active)::before {
    opacity: 1;
    visibility: visible
}

.about-swiper__footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 0
}

    .about-swiper__footer .swiper-horizontal > .swiper-pagination-bullets, .about-swiper__footer .swiper-pagination-bullets.swiper-pagination-horizontal, .about-swiper__footer .swiper-pagination-custom, .about-swiper__footer .swiper-pagination-fraction {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        bottom: inherit
    }

.img-card {
    display: block;
    color: var(--color-secondary);
    border-radius: 16px;
    background-color: #fff;
    height: 100%;
    border: 1px solid rgba(0,0,0,0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 16px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1)
}

    .img-card .title {
        font-family: "IBMArabic-Bold";
        color: #384250;
        margin-bottom: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1.125rem;
        visibility: visible;
        min-height: 60px;
        font-size: 1.25rem
    }

@supports not (-webkit-line-clamp: 2) {
    .img-card .title {
        display: block;
        max-height: 61.2px;
        line-height: 1.7
    }
}

.img-card__img {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    max-width: 100%;
    height: 260px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .img-card__img img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

.img-card__details {
    position: relative;
    padding: 30px 0px 0 0px;
    z-index: 2
}

@media(max-width: 992px) {
    .img-card__details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}

.img-card__details .item-title {
    font-family: "IBMArabic-Bold";
    color: #1f2a37;
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1.125rem;
    visibility: visible;
    min-height: 91px
}

@supports not (-webkit-line-clamp: 3) {
    .img-card__details .item-title {
        display: block;
        max-height: 91.8px;
        line-height: 1.7
    }
}

.img-card .item-description {
    display: none;
    padding: 0
}

.img-card.news-card .date {
    color: #1f2a37;
    font-family: "IBMArabic-Regular";
    font-size: 1.25rem;
    margin-bottom: 10px
}

@media(max-width: 576px) {
    .img-card.news-card .date {
        font-size: 1rem
    }
}

.img-card.events-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .img-card.events-card .item-date {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 4px 12px 6px;
        margin-bottom: 8px;
        color: var(--color-tertiary);
        border: 1px solid var(--color-tertiary);
        font-family: "IBMArabic-Medium";
        font-size: .75rem
    }

        .img-card.events-card .item-date .divider {
            background-color: var(--color-tertiary)
        }

    .img-card.events-card .badge {
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        color: #fff
    }

        .img-card.events-card .badge.event-type {
            background-color: var(--color-success)
        }

        .img-card.events-card .badge.initiative-type {
            background-color: gray
        }

        .img-card.events-card .badge.consultation-type {
            background-color: var(--color-tertiary)
        }

    .img-card.events-card .img-card__details {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .img-card.events-card .item-title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1.125rem;
        visibility: visible
    }

@supports not (-webkit-line-clamp: 3) {
    .img-card.events-card .item-title {
        display: block;
        max-height: 91.8px;
        line-height: 1.7
    }
}

.list-view .img-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(max-width: 767.98px) {
    .list-view .img-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.list-view .img-card .img-card__img {
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    max-width: 350px;
    height: 220px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 16px;
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

@media(max-width: 767.98px) {
    .list-view .img-card .img-card__img {
        max-width: 100%;
        width: 100%
    }
}

.list-view .img-card .date-badge {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    inset-inline-start: 0;
    margin-bottom: 12px;
    border-radius: 50px
}

.list-view .img-card .img-card__details {
    padding: 24px
}

.list-view .img-card .item-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1rem;
    visibility: visible;
    min-height: auto
}

@supports not (-webkit-line-clamp: 2) {
    .list-view .img-card .item-title {
        display: block;
        max-height: 54.4px;
        line-height: 1.7
    }
}

.list-view .img-card .item-description {
    display: -webkit-box;
    color: var(--color-text-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: .875rem;
    visibility: visible
}

@supports not (-webkit-line-clamp: 2) {
    .list-view .img-card .item-description {
        display: block;
        max-height: 47.6px;
        line-height: 1.7
    }
}

.upcoming-events .img-card .item-title {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1.125rem;
    visibility: visible
}

@supports not (-webkit-line-clamp: 4) {
    .upcoming-events .img-card .item-title {
        display: block;
        max-height: 122.4px;
        line-height: 1.7
    }
}

.img-card:is(:hover,:active,:focus) .img-card__img img {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12)
}

.img-card:is(:hover,:active,:focus) .badge {
    background-color: #fff !important;
    color: var(--color-text-color)
}

.news.list-view .row > * {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.statistics-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 25px;
    background-color: #fff;
    border-radius: 16px;
    padding: 16px 25px 0 25px;
    height: 100%
}

    .statistics-card .icon {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        margin-bottom: 24px
    }

        .statistics-card .icon img {
            height: 50px
        }

    .statistics-card .statistics-chart {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .statistics-card .statistics-chart .statistics-no {
            position: absolute
        }

            .statistics-card .statistics-chart .statistics-no::after {
                content: "%";
                margin-left: .1em;
                font-size: .8em
            }

    .statistics-card .statistics-no {
        margin: 0;
        color: #14573a;
        font-family: "IBMArabic-Regular";
        font-size: 3.125rem;
        margin: 0;
        line-height: 1
    }

    .statistics-card .statistics-info {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1.0625rem;
        visibility: visible;
        width: 180px;
        text-align: center;
        color: #1f2a37;
        font-family: "IBMArabic-Regular";
        margin-bottom: 0
    }

@supports not (-webkit-line-clamp: 2) {
    .statistics-card .statistics-info {
        display: block;
        max-height: 57.8px;
        line-height: 1.7
    }
}

.statistics-card.white-card {
    background-color: #fff;
    padding: 40px 24px 32px;
    color: var(--color-text-color);
    border: 1px solid #ebebeb;
    border-radius: 24px
}

    .statistics-card.white-card .statistics-no {
        color: var(--color-text-color)
    }

.contact-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(255,255,255,.5);
    gap: 16px;
    height: 100%;
    padding: 40px 24px;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 30px rgba(0,134,217,.04);
    box-shadow: 0 0 30px rgba(0,134,217,.04)
}

@supports((-webkit-backdrop-filter: blur(30px)) or (backdrop-filter: blur(30px))) {
    .contact-card {
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px)
    }
}

.contact-card .icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .contact-card .icon img {
        height: 50px
    }

.contact-card .contact-title {
    margin: 0;
    font-family: "IBMArabic-Bold";
    font-size: 1.25rem;
    margin: 0;
    line-height: 1
}

.contact-card .contact-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: .875rem;
    visibility: visible;
    color: #7e7e7e;
    font-family: "IBMArabic-Medium"
}

@supports not (-webkit-line-clamp: 15) {
    .contact-card .contact-info {
        display: block;
        max-height: 357px;
        line-height: 1.7
    }
}

.subscribe-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(255,255,255,.5);
    gap: 16px;
    height: 100%;
    padding: 40px;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 30px rgba(0,134,217,.04);
    box-shadow: 0 0 30px rgba(0,134,217,.04)
}

@supports((-webkit-backdrop-filter: blur(30px)) or (backdrop-filter: blur(30px))) {
    .subscribe-card {
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px)
    }
}

@media(max-width: 767.98px) {
    .subscribe-card {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.subscribe-card .subscribe-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

@media(max-width: 767.98px) {
    .subscribe-card .subscribe-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .subscribe-card .subscribe-container * {
            text-align: center
        }
}

.subscribe-card .icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .subscribe-card .icon img {
        height: 50px
    }

.subscribe-card .subscribe-title {
    margin: 0;
    font-family: "IBMArabic-Bold";
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 12px
}

.subscribe-card .subscribe-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1rem;
    visibility: visible;
    color: #7e7e7e;
    font-family: "IBMArabic-Medium"
}

@supports not (-webkit-line-clamp: 2) {
    .subscribe-card .subscribe-info {
        display: block;
        max-height: 54.4px;
        line-height: 1.7
    }
}

.logo-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

footer .logo-card .logo-img {
    position: relative;
    height: 70px;
    width: 100%
}

    footer .logo-card .logo-img img {
        display: block;
        max-width: 100%;
        height: 100%;
        margin: auto;
        -o-object-fit: contain;
        object-fit: contain;
        opacity: .5;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

footer .logo-card:is(:hover,:active,:focus) .logo-img img {
    opacity: 1;
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12)
}

.important-links-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 150px;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 24px
}

    .important-links-card .item-img {
        position: relative;
        height: 70px;
        width: 100%
    }

        .important-links-card .item-img img {
            display: block;
            max-width: 100%;
            height: 100%;
            margin: auto;
            -o-object-fit: contain;
            object-fit: contain;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

    .important-links-card:is(:hover,:active,:focus) .item-img img {
        -webkit-transform: scale(1.12);
        -ms-transform: scale(1.12);
        transform: scale(1.12)
    }

.list-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
    height: 100%;
    gap: 20px;
    border: 1px solid var(--color-border-color);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .list-card .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        background-color: var(--color-primary);
        border: 1px solid var(--color-border-color);
        border-radius: 50%
    }

        .list-card .icon img {
            width: 32px
        }

        .list-card .icon.icon-lg {
            width: 100px;
            height: 100px
        }

        .list-card .icon.date-info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column;
            color: #fff
        }

            .list-card .icon.date-info .day {
                font-size: 1.5rem;
                line-height: 1
            }

            .list-card .icon.date-info .month, .list-card .icon.date-info .year {
                font-size: .875rem
            }

        .list-card .icon.bg-light {
            background-color: var(--color-border-color) !important
        }

        .list-card .icon.file-icon {
            background-image: url("./images/files-type/file.svg");
            background-repeat: no-repeat;
            background-size: 24px;
            background-position: center
        }

            .list-card .icon.file-icon.pdf {
                background-image: url("./images/files-type/pdf.svg")
            }

            .list-card .icon.file-icon.ppt {
                background-image: url("./images/files-type/ppt.svg")
            }

            .list-card .icon.file-icon.docx {
                background-image: url("./images/files-type/docx.svg")
            }

            .list-card .icon.file-icon.png {
                background-image: url("./images/files-type/png.svg")
            }

            .list-card .icon.file-icon.jpg {
                background-image: url("./images/files-type/jpg.svg")
            }

            .list-card .icon.file-icon.xls {
                background-image: url("./images/files-type/xls.svg")
            }

    .list-card .item-info {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

@media(max-width: 767.98px) {
    .list-card .item-info {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }
}

.list-card .item-info .item-date {
    color: var(--color-text-color);
    margin-bottom: 16px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.list-card .item-info .item-title {
    color: var(--color-text-color);
    margin-bottom: 8px;
    font-size: 1.375rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.list-card .item-info .item-description {
    display: block;
    color: var(--color-text-gray);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.list-card .info-footer, .list-card .info-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    color: var(--color-text-color)
}

.theme-dark .list-card .info-footer svg, .theme-dark .list-card .info-header svg {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.list-card .info-header {
    padding: 5px 10px;
    background-color: var(--color-light);
    margin-bottom: 8px
}

    .list-card .info-header .item-title {
        font-size: 1rem
    }

.list-card .category {
    color: var(--color-secondary)
}

.list-card .btn-icon:hover, .list-card .btn-icon:active, .list-card .btn-icon:focus {
    background-color: var(--color-primary)
}

    .list-card .btn-icon:hover svg path, .list-card .btn-icon:active svg path, .list-card .btn-icon:focus svg path {
        fill: #fff
    }

.list-card:hover:not(.flex-column,.hover-gradient,.no-hover) {
    background-color: var(--color-primary);
    border-color: var(--color-primary)
}

.theme-dark .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-actions .btn-icon:hover, .theme-dark .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-actions .btn-icon:focus, .theme-dark .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-actions .btn-icon:active {
    background-color: var(--color-primary) !important
}

.list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-img {
    background-size: 90px
}

    .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-img img {
        -webkit-transform: scale(1.12);
        -ms-transform: scale(1.12);
        transform: scale(1.12)
    }

.list-card:hover:not(.flex-column,.hover-gradient,.no-hover) *, .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-description, .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-title {
    color: #fff
}

    .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) *:link:hover, .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-description:link:hover, .list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .item-title:link:hover {
        color: var(--color-secondary)
    }

.list-card:hover:not(.flex-column,.hover-gradient,.no-hover) a.item-title:hover {
    color: #fff;
    text-decoration: none
}

.list-card:hover:not(.flex-column,.hover-gradient,.no-hover) svg path {
    fill: #fff
}

.list-card:hover:not(.flex-column,.hover-gradient,.no-hover) .divider {
    background-color: #fff
}

.widget .list-card {
    padding: 0;
    height: auto;
    border: 0;
    border-radius: 0;
    padding: 10px 0;
    gap: 6px;
    width: 100%
}

    .widget .list-card .item-date {
        margin: 0;
        color: var(--color-text-color);
        gap: 4px
    }

        .widget .list-card .item-date svg {
            width: 16px
        }

        .widget .list-card .item-date .date {
            font-size: .875rem
        }

@media(max-width: 767.98px) {
    .widget .list-card .item-info {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.widget .list-card .item-info .item-title {
    color: var(--color-text-color);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1.125rem;
    visibility: visible
}

@supports not (-webkit-line-clamp: 2) {
    .widget .list-card .item-info .item-title {
        display: block;
        max-height: 54px;
        line-height: 1.5
    }
}

.widget .list-card .item-info .item-title + .item-date {
    margin-top: 5px
}

.widget .list-card .item-info .item-description {
    font-size: .875rem;
    color: var(--color-text-color)
}

@media(max-width: 767.98px) {
    .widget .list-card .item-actions {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 !important
    }
}

.widget .list-card .item-actions .btn-icon {
    background-color: rgba(0,0,0,0) !important
}

    .widget .list-card .item-actions .btn-icon svg {
        width: 18px
    }

    .widget .list-card .item-actions .btn-icon:hover {
        background-color: var(--color-secondary) !important
    }

.widget .list-card.bg-light {
    padding: 8px 12px
}

    .widget .list-card.bg-light:not(:last-child) {
        margin-bottom: 10px
    }

    .widget .list-card.bg-light:hover {
        background-color: var(--color-secondary) !important
    }

        .widget .list-card.bg-light:hover .item-info .item-title {
            color: #fff
        }

.widget[class*=bg-] .list-card {
    border-bottom: 1px solid rgba(255,255,255,.2)
}

    .widget[class*=bg-] .list-card .item-date {
        color: #fff
    }

@media(max-width: 767.98px) {
    .widget[class*=bg-] .list-card .item-info {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.widget[class*=bg-] .list-card .item-info .item-title {
    color: #fff
}

.widget[class*=bg-] .list-card .item-info .item-description {
    color: #fff
}

.widget[class*=bg-] .list-card .item-actions .btn-icon {
    background-color: rgba(0,0,0,0) !important
}

    .widget[class*=bg-] .list-card .item-actions .btn-icon svg {
        width: 18px;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }

    .widget[class*=bg-] .list-card .item-actions .btn-icon:hover {
        background-color: var(--color-secondary) !important
    }

.widget[class*=bg-] .list-card:hover {
    background-color: rgba(0,0,0,0) !important;
    border-color: rgba(255,255,255,.2)
}

.icon-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 350px;
    padding: 16px 24px;
    height: 100%;
    min-height: 200px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1)
}

    .icon-card.white-card {
        background-color: #fff
    }

    .icon-card .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        margin: 0
    }

        .icon-card .icon img, .icon-card .icon svg {
            display: block;
            width: 100%;
            max-height: 100%;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

        .icon-card .icon.icon-lg {
            height: 200px
        }

    .icon-card .item-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        width: 100%
    }

        .icon-card .item-info .item-date {
            color: var(--color-text-color);
            margin-bottom: 8px;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .icon-card .item-info .item-title {
            font-family: "IBMArabic-Bold";
            color: #161616;
            margin-bottom: 0px;
            font-size: 1rem;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .icon-card .item-info .item-description {
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: "IBMArabic-Medium";
            color: #606161;
            text-align: center;
            padding: 0;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

    .icon-card .btn-icon {
        margin-top: 8px;
        background-color: #f7f7f7
    }

    .icon-card.contact-card {
        background-color: #f5f5f5
    }

        .icon-card.contact-card .icon {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            margin: 0 auto 24px
        }

            .icon-card.contact-card .icon img, .icon-card.contact-card .icon svg {
                display: block;
                width: 100%;
                max-height: 100%;
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out
            }

            .icon-card.contact-card .icon.icon-lg {
                height: 80px
            }

        .icon-card.contact-card .item-info .item-description {
            font-size: .875rem
        }

.open-data-page .icon-card .item-info {
    gap: 12px
}

.open-data-page .icon-card .btn {
    width: 100%
}

.social-media .icon-card {
    background-color: var(--color-secondary)
}

    .social-media .icon-card .item-info .icon img {
        height: 60px;
        width: 60px
    }

    .social-media .icon-card .item-info .item-description {
        color: #fff
    }

    .social-media .icon-card:is(:hover,:active,:focus):not(.no-hover) .item-info .item-description {
        color: var(--color-tertiary)
    }

.icon-card:is(:hover,:active,:focus):not(.no-hover) .icon img, .icon-card:is(:hover,:active,:focus):not(.no-hover) .icon svg {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12)
}

.icon-card:is(:hover,:active,:focus):not(.no-hover) .item-description, .icon-card:is(:hover,:active,:focus):not(.no-hover) .item-title {
    color: var(--color-primary)
}

.member-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 16px;
    height: 100%;
    background-color: #fff;
    border-radius: 20px;
    min-height: 365px;
    -webkit-box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    gap: 15px
}

    .member-card .member-img {
        width: 100%;
        height: 290px;
        border-radius: 16px;
        margin-bottom: 12px;
        overflow: hidden
    }

        .member-card .member-img img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .member-card .title {
        font-size: 1.125rem;
        text-align: center;
        color: #1f2a37;
        font-family: "IBMArabic-Regular"
    }

    .member-card .name {
        font-family: "IBMArabic-Bold";
        margin-bottom: 0px;
        font-size: 1.125rem;
        text-align: center;
        color: #1f2a37
    }

    .member-card .job {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #1b8354;
        margin-bottom: 12px;
        font-size: 1rem;
        text-align: start;
        font-family: "IBMArabic-Regular";
        margin-top: 10px
    }

    .member-card .btn-primary {
        margin-top: 20px
    }

.performance-statistics-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 24px;
    height: 100%;
    background-color: #fff;
    border: 1px solid var(--color-primary);
    border-radius: 10px
}

    .performance-statistics-card .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background-color: #d9edfa;
        border-radius: 8px
    }

        .performance-statistics-card .icon img, .performance-statistics-card .icon svg {
            height: 28px;
            max-width: 28px;
            -o-object-fit: contain;
            object-fit: contain
        }

    .performance-statistics-card .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .performance-statistics-card .info .count {
            margin: 0;
            font-family: "IBMArabic-Bold";
            color: var(--color-primary)
        }

        .performance-statistics-card .info .title {
            color: #606161
        }

    .performance-statistics-card.warning {
        border-color: #feb43f
    }

        .performance-statistics-card.warning .icon {
            background-color: #fff4e2
        }

        .performance-statistics-card.warning .count {
            color: #feb43f
        }

    .performance-statistics-card.success {
        border-color: #0faa6c
    }

        .performance-statistics-card.success .icon {
            background-color: #dbf2e9
        }

        .performance-statistics-card.success .count {
            color: #0faa6c
        }

    .performance-statistics-card.orange {
        border-color: #d96b2b
    }

        .performance-statistics-card.orange .icon {
            background-color: #fae9df
        }

        .performance-statistics-card.orange .count {
            color: #d96b2b
        }

.data-card {
    height: 100%;
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 10px
}

.data-card__header {
    padding: 12px 16px;
    background-color: #f3f4f6;
    border-radius: 10px 10px 0 0;
    border: 1px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    gap: 10px
}

.data-card__body {
    height: calc(100% - 55px)
}

.data-card--without-header .data-card__body {
    height: 100%
}

.data-card.with-canvas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 32px
}

    .data-card.with-canvas canvas {
        width: 75% !important;
        height: auto !important;
        max-height: 500px
    }

@media(max-width: 767.98px) {
    .data-card.with-canvas canvas {
        width: 100% !important
    }
}

.progress-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

    .progress-item .progress-title {
        font-size: .875rem;
        color: #606161;
        min-width: 60px;
        text-align: end
    }

    .progress-item .progress {
        width: 100%;
        height: 10px
    }

    .progress-item .progress-value {
        font-size: .875rem;
        font-family: "IBMArabic-Bold"
    }

    .progress-item:not(:last-of-type) {
        margin-bottom: 16px
    }

.progress-stacked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: visible;
    border-radius: 24px
}

@media(max-width: 1200px) {
    .progress-stacked {
        margin-bottom: 100px !important
    }
}

.progress-stacked .progress {
    position: relative;
    overflow: visible;
    background-color: rgba(0,0,0,0)
}

    .progress-stacked .progress .progress-bar {
        width: 100%;
        overflow: visible
    }

    .progress-stacked .progress .title {
        position: absolute;
        inset-inline: 0;
        text-align: center;
        inset-block-end: -32px;
        font-family: "IBMArabic-Bold";
        font-size: 1rem
    }

@media(max-width: 1200px) {
    .progress-stacked .progress .title {
        top: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.progress-stacked .progress:first-of-type .progress-bar {
    border-radius: 0px 24px 24px 0
}

[dir=ltr] .progress-stacked .progress:first-of-type .progress-bar {
    border-radius: 24px 0px 0px 24px
}

.progress-stacked .progress:last-of-type .progress-bar {
    border-start-end-radius: 24px;
    border-end-end-radius: 24px
}

ol.list-group {
    background-color: rgba(0,0,0,0)
}

    ol.list-group.list-group-flush {
        counter-reset: li
    }

        ol.list-group.list-group-flush .list-group-item {
            position: relative;
            list-style-type: none;
            background-color: rgba(0,0,0,0);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 8px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-inline: 0;
            padding-block: 14px
        }

            ol.list-group.list-group-flush .list-group-item:before {
                content: counter(li);
                counter-increment: li;
                color: #606161;
                font-family: "IBMArabic-Medium"
            }

.data-card__body ol.list-group {
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    max-height: 285px;
    overflow-y: auto
}

    .data-card__body ol.list-group::-webkit-scrollbar {
        width: 8px;
        height: 8px
    }

    .data-card__body ol.list-group::-webkit-scrollbar-thumb {
        background: #074d31
    }

    .data-card__body ol.list-group::-webkit-scrollbar-track {
        background: #ebebeb
    }

    .data-card__body ol.list-group::-webkit-scrollbar-track, .data-card__body ol.list-group::-webkit-scrollbar-thumb {
        border-radius: 10px
    }

ul.list-group {
    background-color: rgba(0,0,0,0)
}

    ul.list-group.list-group-flush {
        counter-reset: li
    }

        ul.list-group.list-group-flush .list-group-item {
            position: relative;
            list-style-type: none;
            background-color: rgba(0,0,0,0);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 8px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-inline: 0;
            padding-block: 14px
        }

            ul.list-group.list-group-flush .list-group-item a {
                color: inherit
            }

                ul.list-group.list-group-flush .list-group-item a:hover {
                    text-decoration: underline
                }

            ul.list-group.list-group-flush .list-group-item .title {
                min-width: 50%
            }

            ul.list-group.list-group-flush .list-group-item .value {
                min-width: 50px;
                text-align: end;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                font-family: "IBMArabic-Regular" !important
            }

.data-card__body ul.list-group {
    max-height: 270px;
    overflow-y: auto;
    padding: 0 15px
}

    .data-card__body ul.list-group::-webkit-scrollbar-thumb {
        border-radius: 20px;
        padding: 10px;
        background: #b8eacb;
        height: 15PX !important;
        border: 2px solid #e5e7eb !important
    }

    .data-card__body ul.list-group::-webkit-scrollbar-track {
        padding: 10px;
        border-radius: 20px;
        background: #f3f4f6 !important;
        height: 15PX !important;
        border: 1px solid #e5e7eb
    }

    .data-card__body ul.list-group::-webkit-scrollbar-track, .data-card__body ul.list-group::-webkit-scrollbar-thumb {
        border-radius: 10px
    }

.data-card--without-header ul.list-group {
    max-height: 410px
}

.title-with-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

    .title-with-img img {
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        border: 1px solid #707070;
        border-radius: 50%
    }

.browsers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

    .browsers .browser-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        background-color: #f1faff;
        padding: 24px 16px;
        border-radius: 12px
    }

        .browsers .browser-card .icon {
            margin-bottom: 16px
        }

            .browsers .browser-card .icon img {
                height: 50px;
                width: 50px
            }

        .browsers .browser-card .browser-title {
            display: block;
            text-align: center;
            font-size: .875rem;
            color: var(--color-secondary)
        }

        .browsers .browser-card .visit-count {
            display: block;
            text-align: center;
            font-family: "IBMArabic-Bold";
            color: var(--color-secondary);
            margin: 0
        }

        .browsers .browser-card .visit-title {
            display: block;
            text-align: center;
            font-size: .875rem;
            font-family: "IBMArabic-Medium";
            color: var(--color-secondary)
        }

.consulting-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 24px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 20px;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .consulting-card .consulting-img {
        margin-bottom: 16px
    }

        .consulting-card .consulting-img img {
            height: 60px
        }

    .consulting-card .consulting-title {
        font-family: "IBMArabic-Bold";
        color: var(--color-text-color);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1.25rem;
        visibility: visible;
        min-height: 68px;
        margin-bottom: 24px
    }

@supports not (-webkit-line-clamp: 2) {
    .consulting-card .consulting-title {
        display: block;
        max-height: 68px;
        line-height: 1.7
    }
}

.consulting-card:is(:hover,:active,:focus) {
    border-color: var(--color-primary)
}

    .consulting-card:is(:hover,:active,:focus) .consulting-title {
        color: var(--color-primary)
    }

.consulting-label {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    padding: 8px 12px;
    background-color: rgba(7,77,49,.1);
    border-start-end-radius: 16px;
    border-end-start-radius: 16px;
    font-size: .875rem;
    color: var(--color-primary);
    font-family: "IBMArabic-Medium";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.consulting-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 12px
}

.consulting-tags__title {
    color: #606161;
    font-size: .875rem
}

.consulting-tags__item {
    font-size: .875rem;
    padding: 4px 16px 6px;
    border-radius: 50px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    text-align: center
}

    .consulting-tags__item.sector {
        background-color: rgba(0,172,101,.1);
        color: #00ac65
    }

    .consulting-tags__item.e-comments {
        background-color: rgba(7,77,49,.1);
        color: #074d31
    }

    .consulting-tags__item.consulting-status.finished {
        background-color: rgba(128,130,133,.1);
        color: #808285
    }

    .consulting-tags__item.consulting-status.in-progress {
        background-color: rgba(116,192,235,.1);
        color: #74c0eb
    }

    .consulting-tags__item.consulting-status.soon {
        background-color: rgba(7,77,49,.1);
        color: var(--color-tertiary)
    }

.consulting-details-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 24px;
    background-color: #fff;
    border: 1px solid #d2d6db;
    border-radius: 16px;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .consulting-details-card .title {
        color: var(--color-primary);
        font-family: "IBMArabic-Bold";
        margin: 0
    }

    .consulting-details-card .details-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 4px;
        color: #1f2a37
    }

        .consulting-details-card .details-item .info-title {
            font-family: "IBMArabic-Regular"
        }

        .consulting-details-card .details-item .icon {
            width: 32px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .consulting-details-card .details-item .icon img, .consulting-details-card .details-item .icon svg {
                height: 24px;
                width: 24px
            }

        .consulting-details-card .details-item .info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            position: relative;
            top: -3px;
            gap: 3px
        }

            .consulting-details-card .details-item .info .info-value {
                font-family: "IBMArabic-Bold";
                color: #1f2a37
            }

        .consulting-details-card .details-item:not(:last-of-type) {
            padding-bottom: 20px;
            margin-bottom: 20px;
            border-bottom: 1px solid #ebebeb
        }

    .consulting-details-card.no-divider .details-item {
        padding-bottom: 0;
        border-bottom: 0 !important
    }

.services-rate-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #d2d6db;
    border-radius: 20px;
    height: 100%;
    gap: 5px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .services-rate-card .card-title {
        margin: 0;
        color: #384250;
        font-family: "IBMArabic-Bold";
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1.125rem;
        visibility: visible
    }

@supports not (-webkit-line-clamp: 2) {
    .services-rate-card .card-title {
        display: block;
        max-height: 61.2px;
        line-height: 1.7
    }
}

.services-rate-card .service-rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    gap: 10px;
    margin-top: 30px
}

    .services-rate-card .service-rate .rate-value {
        color: #161616;
        font-size: .875rem;
        font-family: "IBMArabic-Regular"
    }

    .services-rate-card .service-rate .rating .rating__list {
        pointer-events: none
    }

        .services-rate-card .service-rate .rating .rating__list[data-stars="0"] .star svg path {
            fill: #fff;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="1"] .star:nth-child(5) svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="2"] .star:nth-child(4) svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="2"] .star:nth-child(4) ~ .star svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="3"] .star:nth-child(3) svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="3"] .star:nth-child(3) ~ .star svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="4"] .star:nth-child(2) svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="4"] .star:nth-child(2) ~ .star svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="5"] .star:nth-child(1) svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list[data-stars="5"] .star:nth-child(1) ~ .star svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list > .star:hover svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

        .services-rate-card .service-rate .rating .rating__list > .star:hover ~ .star svg path {
            fill: var(--color-tertiary) !important;
            stroke: var(--color-tertiary)
        }

.services-rate-card .participants {
    margin-bottom: 0;
    color: #384250
}

.services-rate-card:is(:hover,:active,:focus) .card-title {
    color: var(--color-primary)
}

.card-btn {
    position: absolute;
    bottom: 30px;
    right: 20px;
    left: 20px;
    text-align: center
}

    .card-btn .btn {
        gap: 4px;
        padding: .75rem 1.5rem
    }

        .card-btn .btn span {
            background: var(--color-tertiary);
            border-radius: 5px;
            padding: 1px 5px;
            font-size: 14px;
            min-width: 23px;
            text-align: center
        }

.permision-card {
    position: relative;
    padding: 2.8125rem 2.8125rem 2.8125rem;
    border: 1px solid var(--color-border-color);
    border-radius: 1.5625rem;
    z-index: 1;
    overflow: hidden;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-padding-end: 9.375rem;
    padding-inline-end: 9.375rem;
    background: -webkit-gradient(linear, left top, right top, color-stop(17%, rgb(255, 255, 255)), to(rgb(224, 240, 252)));
    background: linear-gradient(to right, rgb(255, 255, 255) 17%, rgb(224, 240, 252) 100%)
}

[dir=ltr] .permision-card {
    background: -webkit-gradient(linear, right top, left top, color-stop(17%, rgb(255, 255, 255)), to(rgb(224, 240, 252)));
    background: linear-gradient(to left, rgb(255, 255, 255) 17%, rgb(224, 240, 252) 100%)
}

@media(max-width: 991.98px) {
    .permision-card {
        padding: 1.5625rem
    }
}

.permision-card::before {
    position: absolute;
    content: "";
    background-image: url("./images/directorbg.webp");
    background-position: left top;
    background-repeat: no-repeat;
    inset: 0;
    z-index: -1
}

[dir=ltr] .permision-card::before {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media(max-width: 991.98px) {
    .permision-card::before {
        content: none
    }
}

.permision-card__logo {
    margin-bottom: 2.8125rem
}

.permision-card__details {
    text-align: center
}

.permision-card__details__name {
    margin-bottom: 1.5rem;
    text-align: center
}

    .permision-card__details__name span {
        color: var(--color-orange);
        font-family: "IBMArabic-Medium"
    }

.permision-card__details__caption {
    line-height: 2.3;
    font-size: 1.125rem;
    text-align: center
}

.permision-card__details__qrcode {
    margin-top: 2.8125rem;
    margin-bottom: 1rem;
    text-align: center
}

.alert {
    font-size: .875rem
}

.modal::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.modal::-webkit-scrollbar-thumb {
    background: #1b8354
}

.modal::-webkit-scrollbar-track {
    background: #d1e6dd
}

.modal .modal-dialog .modal-content {
    padding: 32px;
    border-radius: 16px;
    background-color: #fff;
    border: 0
}

.theme-dark .modal .modal-dialog .modal-content {
    background-color: #37435b
}

.modal .modal-dialog .modal-content .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    padding: 16px 0
}

    .modal .modal-dialog .modal-content .modal-header .modal-title {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        margin: 0;
        font-size: 1.5rem;
        color: var(--color-text-color);
        font-family: "IBMArabic-Bold"
    }

    .modal .modal-dialog .modal-content .modal-header .btn-close {
        width: 32px;
        height: 32px;
        min-width: 0;
        padding: 0;
        text-indent: -10000px;
        border: 1px solid var(--color-primary);
        background-color: var(--color-primary);
        font-size: .75rem;
        opacity: 1;
        border-radius: 50%;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        background: var(--color-primary) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1rem auto no-repeat
    }

        .modal .modal-dialog .modal-content .modal-header .btn-close:hover {
            background-color: var(--color-secondary)
        }

.modal .modal-dialog .modal-content .modal-body {
    padding: 24px 0
}

.modal .modal-dialog .modal-content .modal-footer {
    padding: 0;
    padding-top: 24px;
    border: 0
}

.modal-backdrop {
    background-color: rgba(0,0,0,.8)
}

    .modal-backdrop.show {
        opacity: 1
    }

.theme-dark .modal-backdrop {
    background: rgba(47,59,82,.8)
}

.confirmation-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 24px
}

    .confirmation-modal .icon {
        height: 80px;
        margin-bottom: 16px
    }

    .confirmation-modal .title {
        color: var(--color-text-color)
    }

    .confirmation-modal .description {
        font-size: 1rem;
        text-align: center;
        color: var(--color-gray-color)
    }

    .confirmation-modal .question {
        font-size: .875rem;
        color: var(--color-primary);
        margin-bottom: 16px
    }

.swal2-popup {
    padding: 32px !important;
    border-radius: 16px !important;
    border: 0
}

.theme-dark .swal2-popup {
    background-color: #37435b !important
}

.swal2-popup .swal2-title {
    color: var(--color-text-color) !important
}

.swal2-popup .btn {
    border-radius: 50px !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.swal2-container {
    background-color: rgba(0,0,0,.8) !important
}

.theme-dark .swal2-container {
    background: rgba(47,59,82,.8) !important
}

.swal2-icon.swal2-question {
    border-color: var(--color-gray-color) !important;
    color: var(--color-gray-color) !important
}

.swal2-confirm {
    background-color: var(--color-primary) !important
}

.swal2-cancel {
    border: 1px solid #d33 !important;
    color: #d33 !important;
    background: #fff !important
}

    .swal2-cancel:hover {
        background-color: #d33 !important;
        color: #fff !important
    }

.swal2-html-container {
    color: var(--color-text-color) !important
}

.pagination-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-block: 32px
}

    .pagination-main .pagination {
        gap: 8px;
        padding: 12px 0;
        margin: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .pagination-main .pagination .more {
            border: 1px solid #161616 !important;
            border-radius: 3px !important
        }

            .pagination-main .pagination .more:hover::after {
                display: none !important
            }

        .pagination-main .pagination .next a {
            background-image: url("./images/left-arrow-black.svg");
            background-size: 15px 15px;
            width: 15px;
            background-repeat: no-repeat;
            background-position: center
        }

[dir=ltr] .pagination-main .pagination .next a {
    background-image: url("./images/right-arrow-black.svg")
}

.pagination-main .pagination .previous a {
    background-image: url("./images/right-arrow-black.svg");
    background-size: 15px 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center
}

[dir=ltr] .pagination-main .pagination .previous a {
    background-image: url("./images/left-arrow-black.svg")
}

.pagination-main .pagination .page-item {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    isolation: isolate;
    overflow: hidden;
    border-radius: 0px
}

    .pagination-main .pagination .page-item:only-child {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-inline: 16px;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        border-radius: 0px;
        isolation: isolate;
        overflow: hidden
    }

    .pagination-main .pagination .page-item .page-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        height: 32px;
        min-width: 40px;
        text-align: center;
        padding: 0;
        border: 0;
        font-family: "IBMArabic-Regular";
        color: #161616;
        border-radius: 4px;
        background-color: rgba(0,0,0,0);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .pagination-main .pagination .page-item .page-link:hover {
            background-color: #f3f4f6
        }

        .pagination-main .pagination .page-item .page-link[disabled] {
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

    .pagination-main .pagination .page-item .control-btn {
        background-color: rgba(0,0,0,0);
        isolation: isolate;
        overflow: hidden;
        padding: 0 10px;
        font-family: "IBMArabic-Medium"
    }

        .pagination-main .pagination .page-item .control-btn svg {
            height: 12px
        }

        .pagination-main .pagination .page-item .control-btn:is(:hover,:focus,:active,.active) {
            background-color: #f3f4f6;
            color: #161616
        }

            .pagination-main .pagination .page-item .control-btn:is(:hover,:focus,:active,.active)::before {
                visibility: visible;
                opacity: 1
            }

            .pagination-main .pagination .page-item .control-btn:is(:hover,:focus,:active,.active) svg path {
                stroke: #fff
            }

        .pagination-main .pagination .page-item .control-btn[disabled] {
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

    .pagination-main .pagination .page-item:not(:first-of-type,:last-of-type) .page-link {
        height: 32px;
        min-width: 32px;
        text-align: center;
        padding: 0 8px;
        border: 0
    }

    .pagination-main .pagination .page-item:first-of-type:hover:after, .pagination-main .pagination .page-item:last-of-type:hover:after {
        display: none
    }

    .pagination-main .pagination .page-item:is(:focus,:active,.active) {
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none
    }

        .pagination-main .pagination .page-item:is(:focus,:active,.active)::after {
            content: "";
            height: 2px;
            background-color: #1b8354;
            width: 80%;
            display: block;
            border-radius: 15px;
            position: absolute;
            bottom: 5px;
            inset-inline-end: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

[dir=ltr] .pagination-main .pagination .page-item:is(:focus,:active,.active)::after {
    inset-inline-start: 50%;
    inset-inline-end: 0
}

.ui-datepicker {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    background-color: #fff
}

.multi-calendar .ui-datepicker {
    width: 100% !important;
    background-color: rgba(0,0,0,0);
    border: 0
}

    .multi-calendar .ui-datepicker .ui-datepicker-current {
        border: 1px solid var(--color-primary);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        height: auto;
        padding: 4px 24px 8px;
        border-radius: 100px;
        color: var(--color-primary);
        font-family: "IBMArabic-Medium"
    }

        .multi-calendar .ui-datepicker .ui-datepicker-current:is(:hover,:active,:focus) {
            background-color: var(--color-primary);
            color: #fff
        }

.ui-datepicker .ui-datepicker-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    background-color: #fff;
    border: none;
    color: #161616;
    border-radius: 0;
    padding: 1.157rem .5rem
}

.multi-calendar .ui-datepicker .ui-datepicker-header {
    border: 0;
    background-color: rgba(0,0,0,0);
    color: var(--color-primary)
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: auto;
    left: auto;
    width: 1.875rem;
    height: 1.875rem;
    cursor: pointer;
    border-radius: 0;
    margin-top: -0.9375rem;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    border-radius: 50%
}

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
        content: "";
        width: .75rem;
        height: .75rem;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
        display: none
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover {
        background-color: var(--color-primary);
        border: none
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover::before {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1)
        }

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    inset-inline-end: 0
}

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
        background-image: url("./images-left-icon.svg")
    }

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    inset-inline-end: 30px
}

    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
        background-image: url("./images-left-icon.svg")
    }

[dir=rtl] .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
    background-image: url("./images-right-icon.svg")
}

.ui-datepicker .ui-datepicker-header a {
    color: inherit
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    line-height: 1.5;
    font-size: 1rem;
    margin: 0;
    font-family: "IBMArabic-Medium";
    color: #161616
}

.multi-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    color: var(--color-secondary)
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-year {
    border: 0;
    color: #161616 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    background-image: url("./images/arrow_black.svg");
    background-repeat: no-repeat;
    background-position: left;
    padding-inline: 20px;
    -webkit-padding-start: 5px;
    padding-inline-start: 5px
}

    .ui-datepicker .ui-datepicker-header .ui-datepicker-year:focus, .ui-datepicker .ui-datepicker-header .ui-datepicker-year:focus-visible {
        border: 0
    }

.ui-datepicker .ui-datepicker-calendar {
    margin-bottom: 0;
    outline: 0;
    border-radius: 8px;
    webkit-box-shadow: 0px 24px 48px -12px rgba(16,24,40,.1);
    -webkit-box-shadow: 0px 24px 48px -12px rgba(16,24,40,.1);
    box-shadow: 0px 24px 48px -12px rgba(16,24,40,.1)
}

    .ui-datepicker .ui-datepicker-calendar thead tr th {
        font-family: "IBMArabic-Regular",sans-serif;
        font-weight: normal;
        font-size: .75rem;
        background-color: #fff;
        border: .0625rem solid rgba(187,149,91,.04);
        padding: .7rem .5rem;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        text-align: center;
        color: #64748b
    }

.multi-calendar .ui-datepicker .ui-datepicker-calendar thead tr th {
    background-color: rgba(0,0,0,0)
}

.ui-datepicker tbody tr {
    background-color: #fff !important;
    border: 0 !important
}

    .ui-datepicker tbody tr td {
        position: relative;
        vertical-align: top;
        font-size: .875rem;
        border: 0;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        text-align: center;
        padding: 0
    }

        .ui-datepicker tbody tr td.ui-state-disabled {
            display: none;
            border-color: rgba(235,237,239,.5)
        }

.multi-calendar .ui-datepicker tbody tr td {
    background-color: rgba(0,0,0,0);
    border: 0
}

.ui-datepicker .ui-state-default {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #161616;
    background-color: rgba(0,0,0,0);
    border: none;
    border-radius: 50%;
    font-family: "IBMArabic-Regular"
}

    .ui-datepicker .ui-state-default:hover {
        color: var(--color-tertiary)
    }

.ui-datepicker .ui-state-highlight {
    color: #fff;
    border: 1px solid var(--color-secondary);
    background-color: var(--color-secondary)
}

    .ui-datepicker .ui-state-highlight:hover {
        color: #fff;
        background-color: var(--color-success)
    }

.ui-datepicker .ui-state-active {
    color: var(--color-success);
    border: 1px solid var(--color-success)
}

    .ui-datepicker .ui-state-active:hover {
        color: #fff;
        background-color: var(--color-success)
    }

.ui-datepicker-group {
    position: relative;
    height: 100%;
    min-height: 365px;
    -webkit-padding-end: 5px;
    padding-inline-end: 5px
}

.multi-calendar .ui-datepicker-group:not(.ui-datepicker-group-last):after {
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    margin: auto 0;
    height: 200px;
    width: 1px;
    background-color: #c2c2c2
}

.full-calendar .ui-datepicker {
    width: 100%;
    padding: 0;
    background-color: rgba(0,0,0,0);
    border: 0
}

    .full-calendar .ui-datepicker .ui-datepicker-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: rgba(0,0,0,0);
        border: none;
        color: #161616;
        gap: 8px;
        border-radius: 0;
        padding: 1.157rem 1.25rem
    }

        .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: relative;
            width: 1.875rem;
            height: 1.875rem;
            top: auto;
            bottom: auto;
            margin: 0;
            cursor: pointer;
            border-radius: 0;
            -webkit-transition: background-color .3s ease-in-out;
            transition: background-color .3s ease-in-out;
            border-radius: 50%
        }

            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before, .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
                content: "";
                width: .75rem;
                height: .75rem;
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain
            }

            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon, .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
                display: none
            }

            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover, .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover {
                background-color: var(--color-primary);
                border: none
            }

                .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover::before, .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover::before {
                    -webkit-filter: brightness(0) invert(1);
                    filter: brightness(0) invert(1)
                }

        .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

            .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
                background-image: url("./images-left-icon.svg")
            }

[dir=rtl] .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
    background-image: url("./images-right-icon.svg")
}

.full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    inset-inline-end: 0;
    position: absolute
}

    .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
        background-image: url("./images-right-icon.svg")
    }

[dir=rtl] .full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
    background-image: url("./images-left-icon.svg")
}

.full-calendar .ui-datepicker .ui-datepicker-header a {
    color: inherit
}

.full-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-size: 1rem;
    margin: auto 0;
    height: 1.875rem;
    font-family: "IBMArabic-Medium";
    color: var(--color-secondary)
}

.full-calendar .ui-datepicker .ui-datepicker-calendar {
    margin-bottom: 0
}

    .full-calendar .ui-datepicker .ui-datepicker-calendar thead tr th {
        font-family: "IBMArabic-Medium",sans-serif;
        background-color: rgba(0,0,0,0)
    }

.full-calendar .ui-datepicker tbody tr td {
    border: 0;
    padding: 8px
}

    .full-calendar .ui-datepicker tbody tr td.ui-state-disabled {
        display: none;
        background-color: #cee7fa
    }

.full-calendar .ui-datepicker .ui-state-default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 7.5rem;
    color: var(--color-text-color);
    font-size: 1.25rem;
    font-family: "IBMArabic-Bold";
    background-color: #fff;
    border: none;
    border-radius: 8px
}

    .full-calendar .ui-datepicker .ui-state-default:hover {
        color: #fff;
        background-color: var(--color-secondary)
    }

.full-calendar .ui-datepicker .ui-state-highlight {
    color: #fff;
    border: 1px solid var(--color-success);
    background-color: var(--color-success)
}

    .full-calendar .ui-datepicker .ui-state-highlight:hover {
        color: #fff;
        background-color: var(--color-success)
    }

.full-calendar .ui-datepicker .ui-state-active {
    color: #fff;
    background-color: var(--color-success)
}

    .full-calendar .ui-datepicker .ui-state-active:hover {
        color: #fff;
        background-color: var(--color-success)
    }

.calendars {
    border: 0;
    outline: 0;
    border-radius: 8px;
    webkit-box-shadow: 0px 24px 48px -12px rgba(16,24,40,.1);
    -webkit-box-shadow: 0px 24px 48px -12px rgba(16,24,40,.1);
    box-shadow: 0px 24px 48px -12px rgba(16,24,40,.1);
    overflow: hidden
}

    .calendars tbody, .calendars td, .calendars tfoot, .calendars th, .calendars thead, .calendars tr {
        border-color: rgba(0,0,0,0)
    }

    .calendars .calendars-month-year {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjk5MjM1IDEuMTI5NEMyLjA5MzkzIDEuMjYzODggMi4zOTcxOCAxLjY2NTM0IDIuNTc3NzkgMS44OTY3NkMyLjkzOTUyIDIuMzYwMjcgMy40MzM3OCAyLjk3NjE4IDMuOTY2OTUgMy41OTAyNkM0LjUwMjgyIDQuMjA3NDQgNS4wNjU3NCA0LjgwODUyIDUuNTY1ODMgNS4yNTAzOUM1LjgxNjYgNS40NzE5NSA2LjAzNjg4IDUuNjQwMzEgNi4yMTg2NSA1Ljc0OTg5QzYuMzg5NjEgNS44NTI5NiA2LjQ5MDYgNS44NzQzOSA2LjQ5MDYgNS44NzQzOUM2LjQ5MDYgNS44NzQzOSA2LjU4ODYyIDUuODUyOTUgNi43NTk1NyA1Ljc0OTlDNi45NDEzNCA1LjY0MDMyIDcuMTYxNjIgNS40NzE5NiA3LjQxMjM4IDUuMjUwMzlDNy45MTI0OCA0LjgwODUyIDguNDc1NCA0LjIwNzQ0IDkuMDExMjcgMy41OTAyNUM5LjU0NDQ0IDIuOTc2MTYgMTAuMDM4NyAyLjM2MDI1IDEwLjQwMDQgMS44OTY3M0MxMC41ODEgMS42NjUzMSAxMC44ODM5IDEuMjY0NDIgMTAuOTg1NCAxLjEyOTk0QzExLjE5MDEgMC44NTIwMDQgMTEuNTgxOCAwLjc5MjA1OCAxMS44NTk3IDAuOTk2NzUxQzEyLjEzNzcgMS4yMDE0NSAxMi4xOTcxIDEuNTkyNjkgMTEuOTkyNCAxLjg3MDYzTDExLjk5MDggMS44NzI3M0MxMS44ODQzIDIuMDEzNzYgMTEuNTcwMiAyLjQyOTYzIDExLjM4NTkgMi42NjU3N0MxMS4wMTYgMy4xMzk3NSAxMC41MDczIDMuNzczODQgOS45NTUxNSA0LjQwOTc2QzkuNDA1NzEgNS4wNDI1NyA4LjgwMDk5IDUuNjkxNDkgOC4yNDAwNiA2LjE4NzEyQzcuOTYwMzEgNi40MzQzIDcuNjc2NzMgNi42NTY1NiA3LjQwNDkzIDYuODIwNDJDNy4xNTAyOCA2Ljk3MzkzIDYuODI3ODcgNy4xMjUgNi40ODkxMSA3LjEyNUM2LjE1MDM1IDcuMTI1IDUuODI3OTQgNi45NzM5MyA1LjU3MzI5IDYuODIwNDFDNS4zMDE0OSA2LjY1NjU2IDUuMDE3OTIgNi40MzQzIDQuNzM4MTYgNi4xODcxMkM0LjE3NzIzIDUuNjkxNDkgMy41NzI1MSA1LjA0MjU4IDMuMDIzMDggNC40MDk3N0MyLjQ3MDk1IDMuNzczODYgMS45NjIyNSAzLjEzOTc4IDEuNTkyMzYgMi42NjU4QzEuNDA3OTcgMi40Mjk1MyAxLjA5MzkgMi4wMTM3MSAwLjk4NzU1OCAxLjg3MjkyTDAuOTg2MTU3IDEuODcxMDdDMC43ODE0NjIgMS41OTMxMyAwLjg0MDU0MSAxLjIwMTQ5IDEuMTE4NDggMC45OTY3OTNDMS4zOTY0IDAuNzkyMTA1IDEuNzg3NjUgMC44NTE0OTMgMS45OTIzNSAxLjEyOTRaIiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=");
        background-repeat: no-repeat;
        background-position: left;
        padding-inline: 20px !important;
        -webkit-padding-start: 5px !important;
        padding-inline-start: 5px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        color: #161616 !important
    }

        .calendars .calendars-month-year:focus-visible {
            outline: 0
        }

    .calendars table {
        outline: 0
    }

    .calendars .calendars-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #fff;
        color: #161616;
        font-family: "IBMArabic-Regular";
        padding: 15px 0
    }

        .calendars .calendars-nav a.calendars-cmd {
            height: 3rem;
            line-height: 3rem;
            padding: 0;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

            .calendars .calendars-nav a.calendars-cmd:hover {
                background-color: #f3f4f6
            }

            .calendars .calendars-nav a.calendars-cmd:focus {
                background-color: #e5e7eb
            }

        .calendars .calendars-nav .calendars-cmd-next, .calendars .calendars-nav .calendars-cmd-prev {
            text-indent: -10000px;
            color: rgba(0,0,0,0);
            background-repeat: no-repeat;
            background-size: 15px;
            background-position: center;
            width: 3rem
        }

        .calendars .calendars-nav .calendars-cmd-next {
            text-indent: 10000px
        }

        .calendars .calendars-nav .calendars-cmd-prev {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljc0OTUgNS45OTk0OUMxNy43NDk1IDUuNjI1OTMgMTcuNTgzOSA1LjI3OTM3IDE3LjQyNyA1LjAxOTE0QzE3LjI1NzcgNC43MzgzMiAxNy4wMzAxIDQuNDQ4MzkgMTYuNzgwMyA0LjE2NTcyQzE2LjI3OTQgMy41OTg2NCAxNS42MjU3IDIuOTg5NjYgMTQuOTkxMyAyLjQzODhDMTQuMzUzMiAxLjg4NDY5IDEzLjcxNzMgMS4zNzQ0OCAxMy4yNDIzIDEuMDAzNzFDMTMuMDA0NCAwLjgxODAwOSAxMi44MDU5IDAuNjY2NTczIDEyLjY2NjUgMC41NjEyNjJDMTIuNTk2OCAwLjUwODU5MyAxMi41NDE4IDAuNDY3NDIgMTIuNTAzOSAwLjQzOTIyNkwxMi40NjA0IDAuNDA2ODQxTDEyLjQ0ODggMC4zOTgyODhMMTIuNDQ0OCAwLjM5NTMyN0MxMi4xMTEzIDAuMTQ5NjY2IDExLjY0MTQgMC4yMjA1NTYgMTEuMzk1NyAwLjU1NDA1OEMxMS4xNTAxIDAuODg3NTQ1IDExLjIyMTMgMS4zNTcwMiAxMS41NTQ3IDEuNjAyNjlMMTEuNTY3NCAxLjYxMjExTDExLjYwNzUgMS42NDE4OEMxMS42NDI5IDEuNjY4MjggMTEuNjk1MyAxLjcwNzUyIDExLjc2MjMgMS43NTgxM0MxMS44OTY0IDEuODU5MzggMTIuMDg4NSAyLjAwNTk4IDEyLjMxOTMgMi4xODYxNUMxMi43ODE4IDIuNTQ3MTIgMTMuMzk1OSAzLjA0MDAyIDE0LjAwNzggMy41NzEzN0MxNC42MjM0IDQuMTA1OTYgMTUuMjE5NyA0LjY2NDc5IDE1LjY1NjIgNS4xNTg4NkMxNS42ODM4IDUuMTkwMTEgMTUuNzEwNSA1LjIyMDgyIDE1LjczNjQgNS4yNTA5OEwwLjk5OTUxMiA1LjI1MDk4QzAuNTg1Mjk4IDUuMjUwOTggMC4yNDk1MTIgNS41ODY3NyAwLjI0OTUxMiA2LjAwMDk4QzAuMjQ5NTEyIDYuNDE1MTkgMC41ODUyOTkgNi43NTA5OCAwLjk5OTUxMiA2Ljc1MDk4TDE1LjczMzggNi43NTA5OEMxNS43MDg4IDYuNzgwMTggMTUuNjgyOSA2LjgwOTkxIDE1LjY1NjIgNi44NDAxNEMxNS4yMTk3IDcuMzM0MjEgMTQuNjIzNCA3Ljg5MzAzIDE0LjAwNzggOC40Mjc2MkMxMy4zOTU5IDguOTU4OTggMTIuNzgxOCA5LjQ1MTg3IDEyLjMxOTMgOS44MTI4NEMxMi4wODg1IDkuOTkzMDIgMTEuODk2NCAxMC4xMzk2IDExLjc2MjMgMTAuMjQwOUMxMS42OTUzIDEwLjI5MTUgMTEuNjQyOSAxMC4zMzA3IDExLjYwNzUgMTAuMzU3MUwxMS41Njc0IDEwLjM4NjlMMTEuNTU0NyAxMC4zOTYzQzExLjIyMTMgMTAuNjQyIDExLjE1MDEgMTEuMTExNSAxMS4zOTU3IDExLjQ0NDlDMTEuNjQxNCAxMS43Nzg0IDEyLjExMTMgMTEuODQ5MyAxMi40NDQ4IDExLjYwMzdMMTIuNDQ4OCAxMS42MDA3TDEyLjQ2MDQgMTEuNTkyMkwxMi41MDM5IDExLjU1OThDMTIuNTQxOCAxMS41MzE2IDEyLjU5NjggMTEuNDkwNCAxMi42NjY1IDExLjQzNzdDMTIuODA1OSAxMS4zMzI0IDEzLjAwNDQgMTEuMTgxIDEzLjI0MjMgMTAuOTk1M0MxMy43MTczIDEwLjYyNDUgMTQuMzUzMiAxMC4xMTQzIDE0Ljk5MTMgOS41NjAyQzE1LjYyNTcgOS4wMDkzMyAxNi4yNzk0IDguNDAwMzUgMTYuNzgwMyA3LjgzMzI4QzE3LjAzMDEgNy41NTA2IDE3LjI1NzcgNy4yNjA2NyAxNy40MjcgNi45Nzk4NkMxNy41ODI5IDYuNzIxMTkgMTcuNzQ3NSA2LjM3NzIxIDE3Ljc0OTUgNi4wMDYyMiIgZmlsbD0iIzE2MTYxNiIvPgo8L3N2Zz4K");
            position: absolute;
            inset-inline-end: 65px
        }

        .calendars .calendars-nav .calendars-cmd-next {
            inset-inline-end: 15px;
            position: absolute;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjUwNDg4IDUuOTk5NTFDMC4yNTA0OTEgNi4zNzMwNyAwLjQxNjE0MiA2LjcxOTYzIDAuNTczMDA4IDYuOTc5ODZDMC43NDIyODQgNy4yNjA2OCAwLjk2OTkzMiA3LjU1MDYgMS4yMTk2NyA3LjgzMzI4QzEuNzIwNjcgOC40MDAzNSAyLjM3NDM2IDkuMDA5MzMgMy4wMDg3MiA5LjU2MDJDMy42NDY4MiAxMC4xMTQzIDQuMjgyNzEgMTAuNjI0NSA0Ljc1Nzc0IDEwLjk5NTNDNC45OTU2NSAxMS4xODEgNS4xOTQxMiAxMS4zMzI0IDUuMzMzNTMgMTEuNDM3N0M1LjQwMzI1IDExLjQ5MDQgNS40NTgyNSAxMS41MzE2IDUuNDk2MDcgMTEuNTU5OEw1LjUzOTY0IDExLjU5MjJMNS41NTEyIDExLjYwMDdMNS41NTUyMSAxMS42MDM3QzUuODg4NzEgMTEuODQ5MyA2LjM1ODY1IDExLjc3ODQgNi42MDQzMSAxMS40NDQ5QzYuODQ5OTYgMTEuMTExNSA2Ljc3ODc3IDEwLjY0MiA2LjQ0NTMgMTAuMzk2M0w2LjQzMjU4IDEwLjM4NjlMNi4zOTI1MyAxMC4zNTcxQzYuMzU3MTEgMTAuMzMwNyA2LjMwNDY4IDEwLjI5MTUgNi4yMzc2OSAxMC4yNDA5QzYuMTAzNjYgMTAuMTM5NiA1LjkxMTUxIDkuOTkzMDIgNS42ODA2OCA5LjgxMjg0QzUuMjE4MjEgOS40NTE4NyA0LjYwNDEyIDguOTU4OTggMy45OTIyMiA4LjQyNzYyQzMuMzc2NiA3Ljg5MzAzIDIuNzgwMyA3LjMzNDIxIDIuMzQzOCA2Ljg0MDE0QzIuMzE2MTkgNi44MDg4OSAyLjI4OTQ3IDYuNzc4MTggMi4yNjM2NSA2Ljc0ODAyTDE3LjAwMDUgNi43NDgwMUMxNy40MTQ3IDYuNzQ4MDEgMTcuNzUwNSA2LjQxMjIzIDE3Ljc1MDUgNS45OTgwMkMxNy43NTA1IDUuNTgzOCAxNy40MTQ3IDUuMjQ4MDEgMTcuMDAwNSA1LjI0ODAxTDIuMjY2MTkgNS4yNDgwMkMyLjI5MTIyIDUuMjE4ODEgMi4zMTcxIDUuMTg5MDkgMi4zNDM4IDUuMTU4ODZDMi43ODAzIDQuNjY0NzkgMy4zNzY2IDQuMTA1OTYgMy45OTIyMiAzLjU3MTM3QzQuNjA0MTIgMy4wNDAwMiA1LjIxODIxIDIuNTQ3MTIgNS42ODA2OCAyLjE4NjE1QzUuOTExNTEgMi4wMDU5OCA2LjEwMzY1IDEuODU5MzggNi4yMzc2OSAxLjc1ODEzQzYuMzA0NjggMS43MDc1MiA2LjM1NzExIDEuNjY4MjggNi4zOTI1MiAxLjY0MTg4TDYuNDMyNTcgMS42MTIxMUw2LjQ0NTMgMS42MDI2OUM2Ljc3ODc3IDEuMzU3MDIgNi44NDk5NiAwLjg4NzU0NCA2LjYwNDMgMC41NTQwNThDNi4zNTg2NCAwLjIyMDU1NiA1Ljg4ODcxIDAuMTQ5NjY2IDUuNTU1MjEgMC4zOTUzMjhMNS41NTEyIDAuMzk4Mjg4TDUuNTM5NjQgMC40MDY4NDFMNS40OTYwNyAwLjQzOTIyNkM1LjQ1ODI1IDAuNDY3NDIxIDUuNDAzMjUgMC41MDg1OTMgNS4zMzM1MyAwLjU2MTI2MkM1LjE5NDEyIDAuNjY2NTc0IDQuOTk1NjQgMC44MTgwMDkgNC43NTc3MyAxLjAwMzcxQzQuMjgyNzEgMS4zNzQ0OCAzLjY0NjgxIDEuODg0NjkgMy4wMDg3MiAyLjQzODhDMi4zNzQzNSAyLjk4OTY2IDEuNzIwNjYgMy41OTg2NSAxLjIxOTY3IDQuMTY1NzJDMC45Njk5MzIgNC40NDg0IDAuNzQyMjg0IDQuNzM4MzIgMC41NzMwMDcgNS4wMTkxNEMwLjQxNzA4NSA1LjI3NzggMC4yNTI0ODEgNS42MjE3OSAwLjI1MDUwNSA1Ljk5Mjc3IiBmaWxsPSIjMTYxNjE2Ii8+Cjwvc3ZnPgo=")
        }

    .calendars .calendars-month-row .calendars-month {
        border: 0
    }

        .calendars .calendars-month-row .calendars-month .calendars-month-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            gap: 10px;
            padding-block: 4px;
            background-color: #fff;
            -webkit-padding-start: 20px;
            padding-inline-start: 20px
        }

            .calendars .calendars-month-row .calendars-month .calendars-month-header select, .calendars .calendars-month-row .calendars-month .calendars-month-header input {
                border: 1px solid #fff;
                height: -webkit-fit-content;
                height: -moz-fit-content;
                height: fit-content;
                background-color: rgba(0,0,0,0);
                color: var(--color-secondary);
                border-radius: 50px;
                padding-inline: 12px
            }

        .calendars .calendars-month-row .calendars-month span {
            text-align: center
        }

        .calendars .calendars-month-row .calendars-month thead th, .calendars .calendars-month-row .calendars-month thead a {
            background-color: #fff;
            color: #64748b;
            border: 0;
            text-align: center
        }

        .calendars .calendars-month-row .calendars-month .calendars-selected {
            background-color: #1b8354;
            color: #fff
        }

            .calendars .calendars-month-row .calendars-month .calendars-selected:hover {
                background-color: #166a45
            }

        .calendars .calendars-month-row .calendars-month .calendars-today {
            border: 2px solid #1b8354;
            color: #1b8354;
            font-family: "IBMArabic-Bold"
        }

            .calendars .calendars-month-row .calendars-month .calendars-today:hover {
                background-color: #dff6e7
            }

        .calendars .calendars-month-row .calendars-month .table tr td, .calendars .calendars-month-row .calendars-month table tr td, .calendars .calendars-month-row .calendars-month .MsoNormalTable tr td, .calendars .calendars-month-row .calendars-month table tr td {
            padding: 7px
        }

        .calendars .calendars-month-row .calendars-month tbody tr td {
            background-color: #fff;
            border-color: #fff;
            color: #161616;
            font-family: "IBMArabic-Regular"
        }

            .calendars .calendars-month-row .calendars-month tbody tr td a, .calendars .calendars-month-row .calendars-month tbody tr td span {
                background-color: rgba(0,0,0,0);
                text-align: center;
                font-family: "IBMArabic-Regular";
                color: #161616;
                padding: 5px 7px;
                border-radius: 50%;
                width: 48px;
                height: 48px;
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
                display: inline-block;
                line-height: 2.5
            }

                .calendars .calendars-month-row .calendars-month tbody tr td a:hover, .calendars .calendars-month-row .calendars-month tbody tr td span:hover {
                    background-color: #e5e7eb
                }

        .calendars .calendars-month-row .calendars-month tbody tr .calendars-other-month:hover {
            pointer-events: none;
            background-color: rgba(0,0,0,0)
        }

    .calendars .calendars-ctrl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: var(--color-secondary);
        display: none
    }

        .calendars .calendars-ctrl a.calendars-cmd {
            height: 3rem;
            width: 3rem;
            text-align: center;
            line-height: 3rem;
            padding: 0
        }

            .calendars .calendars-ctrl a.calendars-cmd:hover {
                background-color: rgba(0,0,0,.12)
            }

.nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 30px
}

    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        gap: 8px;
        white-space: nowrap;
        background-color: rgba(0,0,0,0);
        color: #384250;
        font-family: "IBMArabic-Medium";
        font-size: 1.25rem;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        border-color: rgba(0,0,0,0);
        position: relative;
        text-align: center;
        padding: 15px 12px;
        position: relative;
        z-index: 10
    }

        .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link:after {
            content: "";
            height: 4px;
            width: calc(100% - 24px);
            display: block;
            position: absolute;
            bottom: -1px;
            background-color: #161616;
            border-radius: 4px;
            z-index: 9;
            inset-inline-start: 13px;
            display: none
        }

@media(max-width: 991.98px) {
    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link {
        padding: 8px 24px 12px;
        font-size: .875rem
    }
}

.nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link:hover {
    background-color: #f3f4f6
}

    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link:hover:after {
        display: block
    }

.nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link.active {
    font-family: "IBMArabic-Bold";
    color: #161616;
    cursor: default
}

    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link.active:hover {
        background-color: rgba(0,0,0,0)
    }

    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link.active:after {
        content: "";
        height: 4px;
        width: calc(100% - 24px);
        display: block;
        position: absolute;
        bottom: 0px;
        background-color: #1b8354;
        border-radius: 4px;
        z-index: 9;
        inset-inline-start: 13px
    }

.widget .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link.active {
    background-color: rgba(0,0,0,0);
    border-bottom: 2px solid #fff
}

.nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) .nav-link.active svg {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

@media(max-width: 575.98px) {
    .nav-tabs:not(.card-tabs,.tabs-with-img,.media-center-tabs) {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 8px;
        border-radius: 20px;
        width: 100%;
        margin-bottom: 0
    }
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    isolation: auto
}

.nav-tabs {
    border-bottom: 0;
    position: relative
}

    .nav-tabs:after {
        content: "";
        height: 4px;
        width: 100%;
        display: block;
        position: absolute;
        bottom: 0px;
        background-color: #d2d6db;
        border-radius: 4px
    }

@media(max-width: 991.98px) {
    .nav-tabs:after {
        display: none
    }
}

.card-tabs {
    border: 0;
    gap: 12px;
    padding-bottom: 24px;
    overflow-x: auto;
    overflow-y: hidden
}

    .card-tabs::-webkit-scrollbar {
        width: 12px;
        height: 12px
    }

    .card-tabs::-webkit-scrollbar-thumb {
        background: #074d31
    }

    .card-tabs::-webkit-scrollbar-track {
        background: #fff
    }

    .card-tabs .nav-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .card-tabs .nav-item .nav-link {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 8px;
            padding: 24px;
            width: 100%;
            min-height: 160px;
            background-color: #fff;
            border: 1px solid #ebebeb;
            border-radius: 16px
        }

            .card-tabs .nav-item .nav-link .icon {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -ms-flex-negative: 0;
                flex-shrink: 0
            }

                .card-tabs .nav-item .nav-link .icon img {
                    display: block;
                    height: 42px
                }

            .card-tabs .nav-item .nav-link .title {
                color: #fff;
                display: none;
                font-family: "IBMArabic-Bold"
            }

            .card-tabs .nav-item .nav-link::after {
                position: absolute;
                inset-block-end: -16px;
                inset-inline-start: 32px;
                content: "";
                width: 0;
                height: 0;
                border-left: 16px solid rgba(0,0,0,0);
                border-right: 16px solid rgba(0,0,0,0);
                border-top: 16px solid var(--color-secondary);
                z-index: 2;
                display: none
            }

            .card-tabs .nav-item .nav-link.active {
                background-color: var(--color-secondary)
            }

                .card-tabs .nav-item .nav-link.active .icon img, .card-tabs .nav-item .nav-link.active .icon svg {
                    -webkit-filter: brightness(0) invert(1);
                    filter: brightness(0) invert(1)
                }

                .card-tabs .nav-item .nav-link.active .title {
                    display: block
                }

                .card-tabs .nav-item .nav-link.active::after {
                    display: block
                }

.tabs-with-img {
    border: 0;
    gap: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .tabs-with-img .nav-item .nav-link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 8px;
        padding: 15px 12px;
        color: #384250;
        font-family: "IBMArabic-Medium"
    }

        .tabs-with-img .nav-item .nav-link .icon {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

            .tabs-with-img .nav-item .nav-link .icon img {
                display: block;
                height: 70px;
                width: 100%
            }

        .tabs-with-img .nav-item .nav-link.active {
            font-family: "IBMArabic-Bold";
            color: #161616;
            border-color: rgba(0,0,0,0);
            background-color: rgba(0,0,0,0)
        }

            .tabs-with-img .nav-item .nav-link.active .icon img, .tabs-with-img .nav-item .nav-link.active .icon svg {
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1)
            }

            .tabs-with-img .nav-item .nav-link.active .title {
                color: #161616
            }

            .tabs-with-img .nav-item .nav-link.active::after {
                display: block
            }

.details-tab {
    overflow-x: auto;
    overflow-y: hidden;
    background-color: rgba(0,0,0,0);
    padding: 0;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
    margin: 0;
    gap: 16px
}

    .details-tab .nav-item .nav-link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: rgba(0,0,0,0);
        color: #384250;
        border: 0;
        font-size: .875rem;
        white-space: nowrap;
        font-family: "IBMArabic-Medium"
    }

        .details-tab .nav-item .nav-link .title {
            color: var(--color-secondary);
            font-family: "IBMArabic-Bold"
        }

        .details-tab .nav-item .nav-link.active {
            color: var(--color-primary)
        }

            .details-tab .nav-item .nav-link.active .icon img, .details-tab .nav-item .nav-link.active .icon svg {
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1)
            }

            .details-tab .nav-item .nav-link.active .title {
                color: #fff
            }

            .details-tab .nav-item .nav-link.active::after {
                display: block
            }

.nav-tabs.tabs-with-img:after {
    display: none
}

.nav-tabs.tabs-with-img .active:after {
    content: "";
    height: 4px;
    width: calc(100% - 24px);
    display: block;
    position: absolute;
    bottom: 0px;
    background-color: #1b8354;
    border-radius: 4px;
    z-index: 9;
    inset-inline-start: 13px
}

.nav-tabs.tabs-with-img .nav-link:after {
    content: "";
    height: 4px;
    width: calc(100% - 24px);
    display: block;
    position: absolute;
    bottom: 0px;
    background-color: #161616;
    border-radius: 4px;
    z-index: 9;
    inset-inline-start: 13px;
    display: none
}

.nav-tabs.tabs-with-img .nav-link:hover {
    background-color: #f3f4f6;
    border-color: rgba(0,0,0,0)
}

    .nav-tabs.tabs-with-img .nav-link:hover:after {
        display: block
    }

.programes .bg-img li:first-of-type .nav-link {
    position: relative;
    -webkit-padding-start: 30px;
    padding-inline-start: 30px
}

    .programes .bg-img li:first-of-type .nav-link:before {
        content: "";
        background-image: url("./images/person.svg");
        width: 20px;
        height: 20px;
        position: absolute;
        inset-inline-start: 10px;
        background-repeat: no-repeat;
        background-position: center
    }

.programes .bg-img li:last-of-type .nav-link {
    position: relative;
    -webkit-padding-start: 30px;
    padding-inline-start: 30px
}

    .programes .bg-img li:last-of-type .nav-link:before {
        content: "";
        background-image: url("./images/bulding.svg");
        width: 20px;
        height: 20px;
        position: absolute;
        inset-inline-start: 10px;
        background-repeat: no-repeat;
        background-position: center
    }

.programes .nav-link {
    font-size: 1rem !important
}

.programes .nav-tabs {
    margin: 10px 0px !important
}

.programes .inner-programTab .nav-link.active:after, .programes .inner-programTab .nav-link:hover:after {
    display: none
}

.programes .inner-programTab .nav-tabs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 0;
    margin: 25px 0px !important
}

    .programes .inner-programTab .nav-tabs .active, .programes .inner-programTab .nav-tabs:focus {
        background-color: #0d121c !important;
        color: #fff !important
    }

    .programes .inner-programTab .nav-tabs:after {
        display: none
    }

    .programes .inner-programTab .nav-tabs li:first-child a {
        border-radius: 0px 12px 12px 0px;
        -webkit-border-start: 0;
        border-inline-start: 0
    }

    .programes .inner-programTab .nav-tabs li:last-child a {
        border-radius: 12px 0px 0px 12px;
        -webkit-border-end: 0;
        border-inline-end: 0
    }

    .programes .inner-programTab .nav-tabs a {
        font-size: 1.125rem;
        color: #161616;
        font-family: "IBMArabic-Regular";
        background-color: #f3f4f6;
        padding: 15px 15px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-border-end: 1px solid #d2d6db;
        border-inline-end: 1px solid #d2d6db
    }

        .programes .inner-programTab .nav-tabs a:hover {
            color: #161616
        }

        .programes .inner-programTab .nav-tabs a::after {
            display: none
        }

.programes .inner-card-wrapper {
    gap: 35px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 992px) {
    .programes .inner-card-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.programes .inner-card-wrapper .about-card {
    -ms-flex-preferred-size: calc(33.3333333333% - 25px);
    flex-basis: calc(33.3333333333% - 25px);
    height: auto;
    padding: 0
}

@media(max-width: 992px) {
    .programes .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px)
    }
}

@media(max-width: 768px) {
    .programes .inner-card-wrapper .about-card {
        -ms-flex-preferred-size: calc(100% - 40px);
        flex-basis: calc(100% - 40px)
    }
}

.programes .inner-card-wrapper .about-card .description {
    -webkit-line-clamp: 3
}

.tags ul {
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .tags ul li {
        border: 2px solid #e5e7eb;
        border-radius: 4px;
        background-color: #f9fafb;
        padding: 5px 15px;
        color: #1f2a37;
        font-size: .75rem
    }

    .tags ul .active {
        border-color: #abefc6;
        color: #085d3a;
        background-color: #ecfdf3
    }

    .tags ul .blue {
        border-color: #b2ddff;
        color: #1849a9;
        background-color: #eff8ff
    }

.media-center {
    position: relative;
    isolation: isolate;
    z-index: 2
}

    .media-center::before {
        position: absolute;
        inset: 0;
        content: "";
        background: url("./images/media-center-bg.svg");
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        z-index: -1
    }

    .media-center .media-center-tabs {
        gap: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 60px;
        margin-bottom: 30px
    }

@media(max-width: 992px) {
    .media-center .media-center-tabs {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.media-center .media-center-tabs .nav-link.active:after, .media-center .media-center-tabs .nav-link:hover:after {
    display: none
}

.media-center .media-center-tabs .active, .media-center .media-center-tabs:focus {
    background-color: #0d121c;
    color: #fff;
    font-family: "IBMArabic-Regular"
}

.media-center .media-center-tabs:after {
    display: none
}

.media-center .media-center-tabs li:first-child button {
    border-radius: 0px 12px 12px 0px;
    -webkit-border-end: 0;
    border-inline-end: 0
}

[dir=ltr] .media-center .media-center-tabs li:first-child button {
    border-radius: 12px 0px 0px 12px
}

@media(max-width: 576px) {
    .media-center .media-center-tabs li:first-child button {
        border-radius: 0
    }

    [dir=ltr] .media-center .media-center-tabs li:first-child button {
        border-radius: 0 !important
    }
}

.media-center .media-center-tabs li:last-child button {
    border-radius: 12px 0px 0px 12px;
    -webkit-border-end: 0;
    border-inline-end: 0
}

[dir=ltr] .media-center .media-center-tabs li:last-child button {
    border-radius: 0px 12px 12px 0px
}

@media(max-width: 576px) {
    .media-center .media-center-tabs li:last-child button {
        border-radius: 0
    }
}

.media-center .media-center-tabs li:last-child button {
    -webkit-border-end: 1px solid rgba(0,0,0,0) !important;
    border-inline-end: 1px solid rgba(0,0,0,0) !important
}

.media-center .media-center-tabs button {
    font-size: 1.125rem;
    color: #0d121c;
    font-family: "IBMArabic-Regular";
    background-color: #f3f4f6;
    padding: 10px 15px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-border-end: 1px solid #d2d6db !important;
    border-inline-end: 1px solid #d2d6db !important;
    border-radius: 0;
    font-size: 1rem;
    border-color: #d2d6db !important;
    border: 0
}

@media(max-width: 576px) {
    .media-center .media-center-tabs button {
        font-size: 13px
    }
}

.media-center .media-center-tabs button:hover {
    color: #f3f4f6;
    background-color: #0d121c
}

.media-center .media-center-tabs button::after {
    display: none
}

.table-container .table-responsive::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

.table-container .table-responsive::-webkit-scrollbar-thumb {
    background: #074d31
}

.table-container .table-responsive::-webkit-scrollbar-track {
    background: #fff
}

.table, table, .MsoNormalTable, table {
    font-size: .875rem;
    background-color: #fff;
    border-color: #d2d6db
}

    .table thead, table thead, .MsoNormalTable thead, table thead {
        background-color: #f3f4f6;
        border-top: 0;
        border-radius: 0
    }

        .table thead tr th, .table thead tr td, table thead tr th, table thead tr td, .MsoNormalTable thead tr th, .MsoNormalTable thead tr td, table thead tr th, table thead tr td {
            padding: 8px 16px;
            color: #384250;
            border-top: 0;
            white-space: normal;
            font-weight: normal;
            text-align: center;
            vertical-align: middle;
            min-width: 150px
        }

    .table tr td, table tr td, .MsoNormalTable tr td, table tr td {
        padding: 4px 15px;
        color: var(--color-text-color);
        vertical-align: middle;
        font-size: .875rem;
        text-align: center
    }

    .table tbody, table tbody, .MsoNormalTable tbody, table tbody {
        border-end-start-radius: 0
    }

        .table tbody tr td, table tbody tr td, .MsoNormalTable tbody tr td, table tbody tr td {
            text-align: center;
            padding-block: 8px
        }

        .table tbody tr:nth-child(even), table tbody tr:nth-child(even), .MsoNormalTable tbody tr:nth-child(even), table tbody tr:nth-child(even) {
            background-color: #f3f4f6
        }

        .table tbody tr:last-of-type, table tbody tr:last-of-type, .MsoNormalTable tbody tr:last-of-type, table tbody tr:last-of-type {
            border-end-start-radius: 16px
        }

            .table tbody tr:last-of-type td:first-of-type, table tbody tr:last-of-type td:first-of-type, .MsoNormalTable tbody tr:last-of-type td:first-of-type, table tbody tr:last-of-type td:first-of-type {
                border-end-start-radius: 16px
            }

.td-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px
}

    .td-actions .btn {
        position: relative;
        font-size: 1rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

        .td-actions .btn.btn-icon {
            width: 32px;
            height: 32px;
            padding: 0
        }

            .td-actions .btn.btn-icon.outline-secondary {
                border: 1px solid var(--color-secondary)
            }

                .td-actions .btn.btn-icon.outline-secondary:is(:hover,:active,:focus) {
                    background-color: var(--color-secondary)
                }

            .td-actions .btn.btn-icon.outline-primary {
                border: 1px solid var(--color-primary)
            }

            .td-actions .btn.btn-icon.outline-danger {
                border: 1px solid var(--color-danger)
            }

                .td-actions .btn.btn-icon.outline-danger:is(:hover,:active,:focus) {
                    background-color: var(--color-danger)
                }

            .td-actions .btn.btn-icon svg, .td-actions .btn.btn-icon img {
                width: 14px
            }

td[rowspan] {
    font-family: "IBMArabic-Bold",sans-serif
}

.td-title {
    border-color: var(--color-border-color)
}

    .td-title tr td:first-of-type {
        background-color: #fafafd
    }

.td-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding: 4px;
    color: #161616
}

    .td-data svg {
        height: 20px
    }

    .td-data img {
        height: 40px;
        height: 40px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 50%
    }

    .td-data.td-dropdown .dropdown-toggle::after {
        display: none
    }

@media(max-width: 991px) {
    .table thead, .with-rich-data .MsoNormalTable thead {
        display: none
    }

    .table tr, .with-rich-data .MsoNormalTable tr {
        display: table;
        width: 100%
    }

        .table tr td, .with-rich-data .MsoNormalTable tr td {
            display: table-row;
            position: relative;
            width: 100%;
            vertical-align: top;
            min-height: 36px;
            border-bottom: 1px solid rgba(131,149,183,.25) !important
        }

            .table tr td:before, .with-rich-data .MsoNormalTable tr td:before {
                content: attr(data-th);
                border-left: 1px solid rgba(131,149,183,.25);
                display: table-cell;
                padding: 10px;
                width: 130px;
                line-height: 36px
            }

            .table tr td .td-data, .table tr td p, .table tr td span, .with-rich-data .MsoNormalTable tr td .td-data, .with-rich-data .MsoNormalTable tr td p, .with-rich-data .MsoNormalTable tr td span {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 8px
            }

            .table tr td .td-actions, .with-rich-data .MsoNormalTable tr td .td-actions {
                text-align: start;
                padding: 0 8px
            }

        .table tr:nth-of-type(odd) > *, .with-rich-data .MsoNormalTable tr:nth-of-type(odd) > * {
            border-bottom: 1px solid rgba(131,149,183,.25) !important
        }

    .table.no-responsive-bg-color tr td:first-child, .with-rich-data .MsoNormalTable.no-responsive-bg-color tr td:first-child {
        background-color: #fff;
        color: var(--color-primary)
    }

    .table.no-responsive-bg-color tr:not(:first-child) td:first-child, .with-rich-data .MsoNormalTable.no-responsive-bg-color tr:not(:first-child) td:first-child {
        background-color: #fff;
        color: var(--color-primary);
        border-top: 2px solid var(--color-border-color)
    }

    .table [dir=ltr] .table td:before, .with-rich-data .MsoNormalTable [dir=ltr] .table td:before {
        border-left: 0;
        border-right: 1px solid rgba(131,149,183,.25)
    }

    .with-rich-data .MsoNormalTable {
        display: block;
        width: 100% !important
    }

        .with-rich-data .MsoNormalTable tr td::before {
            display: none
        }
}

td.bg-green {
    background-color: #d4edda;
    color: #155724
}

td.bg-yellow {
    background-color: #fff3cd;
    color: #856404
}

td.bg-red {
    background-color: #f8d7da;
    color: #721c24
}

.status {
    padding: 8px 24px;
    border-radius: 50px;
    font-size: .875rem;
    white-space: nowrap;
    font-family: "IBMArabic-Medium"
}

.td-data .status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.status.success {
    background-color: #d4edda;
    color: #155724
}

.status.pending {
    background-color: #fff3cd;
    color: #856404
}

.status.rejected {
    background-color: #f8d7da;
    color: #721c24
}

.table-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px
}

.list-dropdown .dropdown-toggle {
    background-color: rgba(0,0,0,0);
    border: 0
}

    .list-dropdown .dropdown-toggle::after {
        background-image: url("./images/arrow_black.svg");
        width: 13px;
        height: 12px;
        background-repeat: no-repeat;
        background-size: contain;
        border: 0;
        margin-top: 10px
    }

.search-count {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-family: "HelveticaNeueLTArabic-Bold",sans-serif
}

    .search-count .title {
        font-size: .875rem;
        margin-bottom: 8px
    }

    .search-count .counter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: .875rem;
        padding-bottom: 4px;
        background-color: #e5efe3;
        color: var(--color-primary);
        border-radius: 50%
    }

.table-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

@media(max-width: 575.98px) {
    .table-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.table-footer .items-number {
    color: #81abc2;
    white-space: nowrap;
    font-size: .875rem
}

@media(max-width: 575.98px) {
    .table-footer .items-number {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }
}

.MsoNormalTable {
    min-width: 100%;
    border-color: #d2d6db !important
}

    .MsoNormalTable th {
        color: #fff;
        border-color: #d2d6db !important;
        font-family: "HelveticaNeueLTArabic-Bold",sans-serif !important
    }

    .MsoNormalTable th, .MsoNormalTable td {
        display: table-cell;
        border-color: #d2d6db !important;
        padding: 8px 16px !important
    }

        .MsoNormalTable th *, .MsoNormalTable td * {
            margin: 0
        }

.download-actions-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 !important;
    margin: 0 !important;
    gap: 10px
}

.download-actions-list__item .download-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    color: var(--color-text-color)
}

    .download-actions-list__item .download-action .download-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 8px 12px;
        width: 100%;
        gap: 8px;
        border-radius: 8px;
        background-color: #fff;
        border: 1px solid #d2d6db;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .download-actions-list__item .download-action .download-btn img {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            height: 28px
        }

        .download-actions-list__item .download-action .download-btn .count {
            color: var(--color-text-color);
            font-size: 1rem;
            font-family: "IBMArabic-Bold"
        }

        .download-actions-list__item .download-action .download-btn .icon svg {
            height: 16px;
            -webkit-margin-start: 16px;
            margin-inline-start: 16px
        }

    .download-actions-list__item .download-action:is(:hover,:active,:focus) .download-btn {
        background-color: var(--color-secondary);
        color: #fff;
        border-color: var(--color-secondary)
    }

    .download-actions-list__item .download-action:is(:hover,:active,:focus) .count {
        color: #fff
    }

    .download-actions-list__item .download-action:is(:hover,:active,:focus) img {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }

    .download-actions-list__item .download-action:is(:hover,:active,:focus) svg path {
        fill: #fff
    }

.partnership_tabel {
    border-radius: 25px;
    background-color: #fff
}

    .partnership_tabel .table {
        margin: 0
    }

    .partnership_tabel .table-striped > tbody > tr:nth-child(odd) > td, .partnership_tabel .table-striped > tbody > tr:nth-child(odd) > th {
        background-color: #fff !important;
        --bs-table-accent-bg: #fff;
        color: #161616
    }

    .partnership_tabel .table-striped > tbody > tr:nth-child(even) > td, .partnership_tabel .table-striped > tbody > tr:nth-child(even) > th {
        background-color: #f3f4f6 !important;
        --bs-table-accent-bg: #F3F4F6;
        color: #161616
    }

    .partnership_tabel .table > :not(caption) > * > * {
        font-size: 18px
    }

@media(max-width: 991px) {
    .partnership_tabel .table > :not(caption) > * > * {
        width: 33%;
        font-size: 13px;
        padding: 10px 8px
    }
}

.partnership_tabel .table > :not(:first-child) {
    border-top: 0
}

.partnership_tabel .table tbody tr:last-of-type td:first-of-type, .partnership_tabel .MsoNormalTable tbody tr:last-of-type td:first-of-type {
    border-end-start-radius: 0;
    border: 0
}

.partnership_tabel tbody, .partnership_tabel td, .partnership_tabel tfoot, .partnership_tabel th, .partnership_tabel thead, .partnership_tabel tr {
    border-color: #e0e9f0
}

.partnership_tabel .table tbody tr td, .partnership_tabel .MsoNormalTable tbody tr td {
    text-align: start;
    font-size: 17px;
    font-family: "IBMArabic-Medium"
}

@media(max-width: 991px) {
    .partnership_tabel .table tbody tr td, .partnership_tabel .MsoNormalTable tbody tr td {
        font-size: 15px
    }
}

.partnership_tabel .table {
    border-radius: 25px 25px 0 0;
    overflow: hidden
}

    .partnership_tabel .table thead tr th, .partnership_tabel .table .table thead tr td, .partnership_tabel .table .MsoNormalTable thead tr th, .partnership_tabel .table .MsoNormalTable thead tr td {
        padding: 15px 30px;
        font-size: 18px;
        font-family: "IBMArabic-Bold";
        text-align: start
    }

@media(max-width: 991px) {
    .partnership_tabel .table thead tr th, .partnership_tabel .table .table thead tr td, .partnership_tabel .table .MsoNormalTable thead tr th, .partnership_tabel .table .MsoNormalTable thead tr td {
        font-size: 15px;
        padding: 15px;
        text-align: center
    }
}

.partnership_tabel .table tbody tr {
    font-family: "IBMArabic-Bold";
    color: #1b8354;
    font-size: 16px;
    padding-bottom: 50px
}

@media(max-width: 991px) {
    .partnership_tabel .table thead, .partnership_tabel .with-rich-data .MsoNormalTable thead {
        display: block
    }

    .partnership_tabel .table tr, .partnership_tabel .with-rich-data .MsoNormalTable tr {
        display: table;
        width: 100%
    }

        .partnership_tabel .table tr td, .partnership_tabel .with-rich-data .MsoNormalTable tr td {
            display: block;
            position: relative;
            width: 100%;
            vertical-align: top;
            min-height: 36px;
            border-bottom: 0
        }

            .partnership_tabel .table tr td:before, .partnership_tabel .with-rich-data .MsoNormalTable tr td:before {
                content: attr(data-th);
                border-left: 1px solid rgba(131,149,183,.25);
                display: table-cell;
                padding: 10px;
                width: 130px;
                line-height: 36px;
                display: none
            }

            .partnership_tabel .table tr td .td-data, .partnership_tabel .table tr td p, .partnership_tabel .table tr td span, .partnership_tabel .with-rich-data .MsoNormalTable tr td .td-data, .partnership_tabel .with-rich-data .MsoNormalTable tr td p, .partnership_tabel .with-rich-data .MsoNormalTable tr td span {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 8px
            }

            .partnership_tabel .table tr td .td-actions, .partnership_tabel .with-rich-data .MsoNormalTable tr td .td-actions {
                text-align: start;
                padding: 0 8px
            }

            .partnership_tabel .table tr td:first-child, .partnership_tabel .with-rich-data .MsoNormalTable tr td:first-child {
                background: var(--color-secondary);
                --bs-table-accent-bg: #1B8354;
                color: #fff
            }

                .partnership_tabel .table tr td:first-child span, .partnership_tabel .with-rich-data .MsoNormalTable tr td:first-child span {
                    color: #fff
                }

    .partnership_tabel .table.no-responsive-bg-color tr td:first-child, .partnership_tabel .with-rich-data .MsoNormalTable.no-responsive-bg-color tr td:first-child {
        background-color: #fff;
        color: var(--color-primary)
    }

    .partnership_tabel .table.no-responsive-bg-color tr:not(:first-child) td:first-child, .partnership_tabel .with-rich-data .MsoNormalTable.no-responsive-bg-color tr:not(:first-child) td:first-child {
        background-color: #fff;
        color: var(--color-primary);
        border-top: 2px solid var(--color-border-color)
    }

    .partnership_tabel .table [dir=ltr] .table td:before, .partnership_tabel .with-rich-data .MsoNormalTable [dir=ltr] .table td:before {
        border-left: 0;
        border-right: 1px solid rgba(131,149,183,.25)
    }

    .partnership_tabel .with-rich-data .MsoNormalTable {
        display: table;
        width: 100% !important
    }

        .partnership_tabel .with-rich-data .MsoNormalTable tr td::before {
            display: none
        }
}

.table {
    margin: 0
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fff !important;
    --bs-table-accent-bg: #fff;
    color: #161616;
    font-family: "IBMArabic-Regular"
}

.tabla p {
    margin: 20px 0 !important
}

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color: #f3f5f7 !important;
    --bs-table-accent-bg: #F3F5F7;
    color: #1b8354;
    color: #161616;
    font-family: "IBMArabic-Regular"
}

.table > :not(caption) > * > * {
    padding: 20px 30px 50px 30px;
    font-size: 18px
}

@media(max-width: 991px) {
    .table > :not(caption) > * > * {
        width: 33%;
        font-size: 13px;
        padding: 10px 8px
    }
}

.table > :not(:first-child) {
    border-top: 0
}

.table tbody tr:last-of-type td:first-of-type, .MsoNormalTable tbody tr:last-of-type td:first-of-type {
    border-end-start-radius: 0;
    border: 0
}

tbody, td, tfoot, th, thead, tr {
    border-color: #d2d6db
}

.table tbody tr td, .MsoNormalTable tbody tr td {
    text-align: start;
    font-size: 17px;
    font-family: "IBMArabic-Medium"
}

@media(max-width: 991px) {
    .table tbody tr td, .MsoNormalTable tbody tr td {
        font-size: 15px;
        padding: 5px 0;
        -webkit-padding-start: calc(35% + 12px);
        padding-inline-start: calc(35% + 12px)
    }
}

@media(max-width: 992px) {
    table > :not(caption) > * {
        border-width: 0
    }
}

.three-tr thead tr th, .three-tr .table thead tr td, .three-tr .MsoNormalTable thead tr th, .three-tr .MsoNormalTable thead tr td {
    width: 33.33%
}

.table, table, .MsoNormalTable {
    border-radius: 8px;
    overflow: hidden;
    outline: 1px solid #ebebeb
}

    .table .three-tr thead tr th, .table .three-tr .table thead tr td, .table .three-tr .MsoNormalTable thead tr th, .table .three-tr .MsoNormalTable thead tr td, table .three-tr thead tr th, table .three-tr .table thead tr td, table .three-tr .MsoNormalTable thead tr th, table .three-tr .MsoNormalTable thead tr td, .MsoNormalTable .three-tr thead tr th, .MsoNormalTable .three-tr .table thead tr td, .MsoNormalTable .three-tr .MsoNormalTable thead tr th, .MsoNormalTable .three-tr .MsoNormalTable thead tr td {
        width: 33.33%
    }

    .table thead tr th, .table .table thead tr td, .table .MsoNormalTable thead tr th, .table .MsoNormalTable thead tr td, table thead tr th, table .table thead tr td, table .MsoNormalTable thead tr th, table .MsoNormalTable thead tr td, .MsoNormalTable thead tr th, .MsoNormalTable .table thead tr td, .MsoNormalTable .MsoNormalTable thead tr th, .MsoNormalTable .MsoNormalTable thead tr td {
        padding: 15px 15px;
        font-size: 14px;
        border-radius: 0px;
        overflow: hidden;
        border-spacing: 0;
        border-collapse: separate;
        text-align: start;
        -webkit-border-end: 1px solid #d2d6db;
        border-inline-end: 1px solid #d2d6db
    }

@media(max-width: 991px) {
    .table thead tr th, .table .table thead tr td, .table .MsoNormalTable thead tr th, .table .MsoNormalTable thead tr td, table thead tr th, table .table thead tr td, table .MsoNormalTable thead tr th, table .MsoNormalTable thead tr td, .MsoNormalTable thead tr th, .MsoNormalTable .table thead tr td, .MsoNormalTable .MsoNormalTable thead tr th, .MsoNormalTable .MsoNormalTable thead tr td {
        font-size: 15px;
        padding: 15px;
        text-align: center
    }
}

.table tbody tr, table tbody tr, .MsoNormalTable tbody tr {
    font-family: "IBMArabic-Bold";
    color: #1b8354;
    font-size: 16px;
    padding-bottom: 50px
}

@media(max-width: 991px) {
    .table thead, .with-rich-data .MsoNormalTable thead {
        display: block
    }

    .table tr, .with-rich-data .MsoNormalTable tr {
        display: table;
        width: 100%
    }

        .table tr td, .with-rich-data .MsoNormalTable tr td {
            display: block;
            position: relative;
            width: 100%;
            vertical-align: top;
            min-height: 36px;
            border-bottom: 0
        }

            .table tr td:before, .with-rich-data .MsoNormalTable tr td:before {
                content: attr(data-th);
                border-left: 1px solid rgba(131,149,183,.25);
                display: table-cell;
                padding: 10px;
                width: 130px;
                line-height: 20px;
                display: none;
                position: absolute;
                right: 0;
                top: 50%;
                right: 0;
                -webkit-transform: translate(0%, -50%);
                -ms-transform: translate(0%, -50%);
                transform: translate(0%, -50%)
            }

            .table tr td .td-data, .table tr td p, .table tr td span, .with-rich-data .MsoNormalTable tr td .td-data, .with-rich-data .MsoNormalTable tr td p, .with-rich-data .MsoNormalTable tr td span {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 8px;
                margin-bottom: 8px !important
            }

            .table tr td .td-actions, .with-rich-data .MsoNormalTable tr td .td-actions {
                text-align: start;
                padding: 0 8px
            }

    .table.no-responsive-bg-color tr td:first-child, .with-rich-data .MsoNormalTable.no-responsive-bg-color tr td:first-child {
        background-color: #fff;
        color: var(--color-primary)
    }

    .table.no-responsive-bg-color tr:not(:first-child) td:first-child, .with-rich-data .MsoNormalTable.no-responsive-bg-color tr:not(:first-child) td:first-child {
        background-color: #fff;
        color: var(--color-primary);
        border-top: 2px solid var(--color-border-color)
    }

    .table [dir=ltr] .table td:before, .with-rich-data .MsoNormalTable [dir=ltr] .table td:before {
        border-left: 0;
        border-right: 1px solid rgba(131,149,183,.25)
    }

    .with-rich-data .MsoNormalTable {
        display: table;
        width: 100% !important
    }

        .with-rich-data .MsoNormalTable tr td::before {
            display: none
        }
}

td p {
    margin-bottom: 0
}

table thead {
    height: 59px
}

@media(max-width: 992px) {
    table thead {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

.documents-list {
    width: 100%;
    -webkit-padding-end: 8px;
    padding-inline-end: 8px
}

.widget .documents-list {
    max-height: 150px;
    overflow-y: auto
}

    .widget .documents-list::-webkit-scrollbar {
        width: 4px;
        height: 4px
    }

    .widget .documents-list::-webkit-scrollbar-thumb {
        background: #074d31
    }

    .widget .documents-list::-webkit-scrollbar-track {
        background: #414e67
    }

.documents-list__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    gap: 12px;
    padding: 8px 0
}

    .documents-list__item:not(:last-child) {
        border-bottom: 1px solid #242e42
    }

    .documents-list__item .item-info {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .documents-list__item .item-info .category {
            font-size: .75rem
        }

        .documents-list__item .item-info .item-title {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: 1.5;
            overflow: hidden;
            word-wrap: break-word;
            text-overflow: ellipsis;
            font-size: .875rem;
            visibility: visible;
            color: var(--color-text-gray);
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

@supports not (-webkit-line-clamp: 2) {
    .documents-list__item .item-info .item-title {
        display: block;
        max-height: 42px;
        line-height: 1.5
    }
}

.documents-list__item .download-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .documents-list__item .download-btn:hover {
        background-color: var(--color-primary)
    }

    .documents-list__item .download-btn svg {
        width: 16px
    }

.documents-list__item:hover .item-info .item-title {
    color: #fff
}

.documents-list__item:hover .download-btn svg, .documents-list__item:hover .download-btn img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.error-container .error-img img {
    width: 100%;
    max-width: 550px
}

.error-container .error-title {
    font-size: 2rem;
    margin: 0
}

.error-container .error-desc {
    max-width: 60%;
    text-align: center;
    font-size: 1.25rem
}

@media(max-width: 575.98px) {
    .error-container .error-desc {
        max-width: 100%
    }
}

.error-page .error-content .ms-rtestate-field h2 {
    color: var(--color-primary);
    text-align: center
}

.error-page .error-content .ms-rtestate-field p {
    text-align: center
}

    .error-page .error-content .ms-rtestate-field p a {
        color: var(--color-primary)
    }

        .error-page .error-content .ms-rtestate-field p a:hover {
            color: var(--color-secondary)
        }

.tags-input {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    padding: 1rem !important;
    min-height: 130px;
    border: 1px solid var(--color-border-color);
    background-color: #fff;
    border-radius: 25px
}

.tags-input__tag {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    background: var(--color-primary) !important;
    color: #fff !important;
    font-weight: normal;
    padding: 8px 16px !important;
    gap: 6px;
    border-radius: 25px
}

.tags-input__tag-remove-btn {
    font-size: 18px !important;
    margin: 0 !important
}

    .tags-input__tag-remove-btn .sr-only {
        display: none
    }

.tags-input .tags-input__input-field {
    height: auto !important
}

.timeline-item {
    width: 100%
}

.timeline-item-header {
    position: relative;
    padding: 8px 10px 12px;
    -webkit-margin-end: 48px;
    margin-inline-end: 48px;
    height: 40px;
    margin-bottom: 8px;
    background-color: var(--color-secondary)
}

    .timeline-item-header::before, .timeline-item-header::after {
        content: " ";
        position: absolute;
        top: 0;
        inset-inline-end: -16px;
        width: 0;
        height: 0;
        border-top: 20px solid #a1b2c8;
        border-bottom: 20px solid #a1b2c8;
        border-right: 16px solid var(--color-secondary);
        z-index: 2;
        -webkit-transition: border-color .2s ease;
        transition: border-color .2s ease
    }

    .timeline-item-header::after {
        inset-inline-end: -32px;
        border-right: 16px solid #a1b2c8;
        border-top: 20px solid #a1b2c8;
        border-bottom: 20px solid #a1b2c8
    }

    .timeline-item-header .bg-arrow {
        position: absolute;
        top: 0;
        inset-inline-end: -48px;
        width: 0;
        height: 0;
        border-right: 16px solid #a1b2c8;
        border-top: 20px solid #f8fafe;
        border-bottom: 20px solid #f8fafe;
        z-index: 2;
        -webkit-transition: border-color .2s ease;
        transition: border-color .2s ease
    }

    .timeline-item-header .timeline-title {
        color: #fff;
        margin: 0;
        text-align: center;
        font-family: "IBMArabic-Bold",sans-serif
    }

    .timeline-item-header.primary {
        background-color: var(--color-primary)
    }

        .timeline-item-header.primary::before, .timeline-item-header.primary::after {
            border-top: 20px solid #a3ca82;
            border-bottom: 20px solid #a3ca82;
            border-right: 16px solid var(--color-primary)
        }

        .timeline-item-header.primary::after {
            border-right: 16px solid #a3ca82;
            border-top: 20px solid #c4e2ae;
            border-bottom: 20px solid #c4e2ae
        }

        .timeline-item-header.primary .bg-arrow {
            border-top: 20px solid #f8fafe;
            border-bottom: 20px solid #f8fafe;
            border-right: 16px solid #c4e2ae
        }

.timeline-item__body {
    padding-block: 24px;
    text-align: center
}

    .timeline-item__body .timeline-date {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        padding: 8px 16px 12px;
        background-color: #fff;
        font-size: .75rem;
        color: var(--color-gray-color);
        font-family: "IBMArabic-Bold",sans-serif;
        border-radius: 100px;
        -webkit-box-shadow: 0 0 20px rgba(114,167,66,.05);
        box-shadow: 0 0 20px rgba(114,167,66,.05)
    }

    .timeline-item__body .timeline-icon {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 16px 0
    }

        .timeline-item__body .timeline-icon::before {
            position: absolute;
            inset: 0;
            content: "";
            width: 100%;
            height: 2px;
            margin: auto;
            background-color: var(--color-secondary)
        }

        .timeline-item__body .timeline-icon::after {
            content: "";
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 26px;
            height: 26px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            border: 4px solid #fff;
            border-radius: 50%;
            background-color: var(--color-secondary);
            z-index: 2
        }

    .timeline-item__body .timeline-title {
        font-size: .875rem;
        font-family: "IBMArabic-Bold",sans-serif
    }

.timeline-item.primary .timeline-item__header {
    background-color: var(--color-primary)
}

    .timeline-item.primary .timeline-item__header::before, .timeline-item.primary .timeline-item__header::after {
        border-top: 20px solid #a3ca82;
        border-bottom: 20px solid #a3ca82;
        border-right: 16px solid var(--color-primary)
    }

    .timeline-item.primary .timeline-item__header::after {
        border-right: 16px solid #a3ca82;
        border-top: 20px solid #c4e2ae;
        border-bottom: 20px solid #c4e2ae
    }

    .timeline-item.primary .timeline-item__header .bg-arrow {
        border-top: 20px solid #f8fafe;
        border-bottom: 20px solid #f8fafe;
        border-right: 16px solid #c4e2ae
    }

.timeline-item.primary .timeline-icon::before {
    background-color: var(--color-primary)
}

.timeline-item.primary .timeline-icon::after {
    background-color: var(--color-primary)
}

.search-popup {
    position: fixed;
    inset-inline: 0;
    inset-block-start: 0;
    z-index: 99999;
    opacity: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    max-width: 1440px;
    margin: 0 auto;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.search-popup__container {
    position: relative;
    padding: 30px 25px;
    z-index: 2;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 32px 64px -12px rgba(16,24,40,.14);
    box-shadow: 0px 32px 64px -12px rgba(16,24,40,.14);
    margin: auto;
    width: 60%
}

@media(max-width: 992px) {
    .search-popup__container {
        width: 100%
    }
}

.search-popup__container .section-header {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin-bottom: 25px !important
}

@media(max-width: 991.98px) {
    .search-popup__container .section-header .header-actions {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.search-popup.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(65px);
    -ms-transform: translateY(65px);
    transform: translateY(65px)
}

.search-popup .section-title {
    color: #161616 !important
}

    .search-popup .section-title h3 {
        font-family: "IBMArabic-SemiBold";
        font-size: 1.75rem;
        margin-bottom: 0
    }

.search-popup .close-popup {
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    line-height: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .search-popup .close-popup img {
        width: 100%;
        height: 100%
    }

    .search-popup .close-popup:hover {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }

.site-search input {
    background-color: #fff !important;
    border: 1px solid #9da4ae !important;
    color: #384250 !important;
    font-family: "IBMArabic-Regular"
}

    .site-search input:focus {
        border: 1px solid #1b8354 !important
    }

    .site-search input::-webkit-input-placeholder {
        color: #384250 !important
    }

    .site-search input::-moz-placeholder {
        color: #384250 !important
    }

    .site-search input:-ms-input-placeholder {
        color: #384250 !important
    }

    .site-search input::-ms-input-placeholder {
        color: #384250 !important
    }

    .site-search input::placeholder {
        color: #384250 !important
    }

.site-search .title {
    display: none
}

.site-search .input-group {
    padding: 0px
}

    .site-search .input-group .btn {
        font-family: "IBMArabic-Medium"
    }

.swiper-button-next, .swiper-button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    outline: none;
    background-color: rgba(255,255,255,.5);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: none
}

    .swiper-button-next:after, .swiper-button-prev:after {
        display: none
    }

    .swiper-button-next:hover, .swiper-button-prev:hover {
        background-color: #fff
    }

@media(max-width: 575.98px) {
    .hero-slider .swiper-button-next, .hero-slider .swiper-button-prev {
        display: none
    }
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='arrow' d='M13.338,7.4,6.669,0,0,7.4l.72.72,5.949-4.07,5.552,4.07Z' transform='translate(8.123) rotate(90)' fill='%23224e85'/%3E%3C/svg%3E%0A")
}

[dir=ltr] .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='arrow' d='M13.338.72l-6.669,7.4L0,.72.72,0,6.669,4.07,12.221,0Z' transform='translate(8.123) rotate(90)' fill='%23224e85'/%3E%3C/svg%3E%0A")
}

.swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='arrow' d='M13.338.72l-6.669,7.4L0,.72.72,0,6.669,4.07,12.221,0Z' transform='translate(8.123) rotate(90)' fill='%23224e85'/%3E%3C/svg%3E%0A")
}

[dir=ltr] .swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.123' height='13.338' viewBox='0 0 8.123 13.338'%3E%3Cpath id='arrow' d='M13.338,7.4,6.669,0,0,7.4l.72.72,5.949-4.07,5.552,4.07Z' transform='translate(8.123) rotate(90)' fill='%23224e85'/%3E%3C/svg%3E%0A")
}

.swiper-pagination {
    padding: 5px 0 0
}

    .swiper-pagination .swiper-pagination-bullet {
        position: relative;
        width: 22px;
        height: 22px;
        opacity: 1;
        background-color: rgba(0,0,0,0);
        border: 1px solid rgba(0,0,0,0);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .swiper-pagination .swiper-pagination-bullet::after {
            position: absolute;
            inset: 0;
            content: "";
            width: 18px;
            height: 18px;
            margin: auto;
            background-color: #e5e7eb;
            border-radius: 50%
        }

        .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-color: rgba(0,0,0,0)
        }

            .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
                background-color: var(--color-secondary)
            }

.open-data .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--color-tertiary)
}

    .open-data .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        background-color: var(--color-tertiary)
    }

.section-footer .swiper-pagination {
    inset-inline-start: auto;
    inset-inline-end: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.hero-slider {
    height: 100%
}

    .hero-slider .swiper-wrapper {
        height: 100%
    }

        .hero-slider .swiper-wrapper .swiper-slide {
            height: 100%
        }

    .hero-slider .swiper-pagination {
        padding: 5px 0;
        bottom: 30px
    }

        .hero-slider .swiper-pagination .swiper-pagination-bullet::after {
            background-color: #fff;
            opacity: 1
        }

        .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-color: rgba(0,0,0,0)
        }

            .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
                background-color: #1b8354;
                opacity: 1
            }

.open-data .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--color-tertiary)
}

    .open-data .hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        background-color: var(--color-tertiary)
    }

.media-center .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    background-color: #54c08a
}

.sitemap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    gap: 1.25rem;
    padding: 0;
    margin: 0
}

    .sitemap ul a {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        font-size: .875rem !important;
        font-weight: normal !important;
        color: #fff;
        background-color: var(--color-primary);
        text-decoration: none;
        z-index: 1;
        overflow: hidden;
        padding: .594rem 1.5rem;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        border-radius: 50px;
        transition: all .3s ease-in-out
    }

        .sitemap ul a:is(:hover,:focus,:active) {
            background-color: #053622;
            color: #fff
        }

    .sitemap ul li ul {
        position: relative;
        padding-top: 1.25rem;
        -webkit-padding-start: 5rem;
        padding-inline-start: 5rem
    }

        .sitemap ul li ul::after {
            content: "";
            position: absolute;
            top: 0;
            inset-inline-start: 2.5rem;
            width: .125rem;
            height: calc(100% - 20px);
            background-color: var(--color-border-color)
        }

        .sitemap ul li ul li {
            position: relative
        }

            .sitemap ul li ul li::after {
                content: "";
                position: absolute;
                top: 50%;
                inset-inline-start: -2.5rem;
                width: 2.5rem;
                height: .125rem;
                background-color: var(--color-border-color);
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .sitemap ul li ul li a {
                background-color: rgba(0,0,0,0);
                color: var(--color-primary);
                border: 1px solid var(--color-primary);
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out
            }

                .sitemap ul li ul li a:is(:hover,:focus,:active) {
                    background-color: var(--color-primary);
                    color: #fff
                }

@media print {
    body {
        display: block !important;
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
        background-color: #fff
    }

    * {
        position: static;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        background-image: none !important;
        overflow: visible
    }

    header, footer, .comments, .page-review, .review-answer, .content-footer, .page-header, .page-banner, .loader, .pagination-main, .nav-tabs, .floating-links, .back-top-btn, .about-details__header, .swiper-pagination, .section-footer, .swiper-button-next, .swiper-button-prev, .reason-wrapper {
        display: none !important
    }

    img {
        max-width: 100% !important
    }

    img, svg {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }

    .container {
        max-width: 100% !important
    }

    [data-aos^=fade][data-aos^=fade] {
        opacity: 1;
        -webkit-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        transform: translate(0) !important
    }

    main.inner-page {
        padding-block: 24px
    }
}

@media(max-width: 767.98px) {
    .fc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 767.98px) {
    .fc .fc-header-toolbar {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        gap: 15px
    }
}

.fc .fc-header-toolbar .fc-button:is(:hover,:active,:focus,.fc-button-active) {
    color: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.fc .fc-toolbar-title {
    color: var(--color-text-color);
    font-size: 1.375rem;
    font-family: "IBMArabic-Bold"
}

.fc .fc-scrollgrid-sync-inner {
    text-align: center
}

.fc .fc-col-header-cell-cushion {
    color: #606161
}

.fc .fc-daygrid-day-number {
    font-family: "IBMArabic-Bold";
    font-size: 1.125rem;
    color: var(--color-text-color)
}

.fc .fc-scrollgrid-section-body td {
    border-width: 10px
}

.fc .fc-non-business {
    border-radius: 16px;
    padding: 10px
}

@media(max-width: 767.98px) {
    .fc .fc-daygrid-day-top {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.fc .fc-highlight {
    background-color: var(--color-success);
    border-radius: 16px
}

    .fc .fc-highlight .fc-daygrid-day-number {
        color: #fff
    }

.fc-daygrid-day-frame {
    background-color: #fff;
    border-radius: 16px;
    padding: 10px
}

.fc-day-today .fc-daygrid-day-frame {
    background-color: var(--color-secondary);
    border-radius: 16px
}

    .fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-number {
        color: #fff
    }

.fc-timegrid-event-harness {
    inset-inline: 0 !important
}

.fc-event {
    border: 0 !important;
    border-radius: 10px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .fc-event .fc-event-main {
        color: #fff;
        padding: 4px 12px 8px
    }

    .fc-event .fc-event-time {
        color: var(--color-text-color);
        background-color: #fff;
        padding: 3px 10px;
        border-radius: 97px;
        font-size: 12px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .fc-event .fc-daygrid-event-dot {
        display: none
    }

    .fc-event:hover:is(:hover,:active,:focus) {
        background-color: var(--color-primary) !important;
        color: #fff
    }

.details-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .details-page .item-date:not(.colored) svg path {
        fill: #979da2
    }

    .details-page .item-date:not(.colored) .date {
        color: #979da2
    }

    .details-page .item-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px;
        margin-bottom: 24px
    }

        .details-page .item-header .item-title {
            color: var(--color-text-color);
            margin-bottom: 12px;
            font-family: "IBMArabic-Bold"
        }

    .details-page .item-info p img {
        max-width: 100%
    }

    .details-page .item-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        background-color: var(--color-border-color);
        border-radius: 10px
    }

        .details-page .item-icon img {
            width: 32px
        }

    .details-page .item-img {
        position: relative;
        display: inline-block;
        max-height: 600px;
        width: 100%;
        -webkit-margin-end: 24px;
        margin-inline-end: 24px;
        margin-bottom: 24px;
        background-color: var(--color-primary);
        border-radius: 24px;
        overflow: hidden
    }

@media(max-width: 767.98px) {
    .details-page .item-img {
        width: 100%;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

[dir=ltr] .details-page .item-img {
    float: left
}

.details-page .item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.details-page .item-description, .details-page ul {
    display: block;
    padding-bottom: 32px;
    color: var(--color-text-gray);
    line-height: 1.7
}

    .details-page .item-description:only-child, .details-page ul:only-child {
        clear: none
    }

.card .details-page .item-description, .card .details-page ul {
    color: var(--color-text-color)
}

.programe-details iframe {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card .item-description, .card ul {
    color: var(--color-text-color)
}

.item-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--color-primary);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.edit_mode .item-location {
    display: block
}

.item-location svg {
    height: 18px
}

.edit_mode .item-location .location {
    height: auto
}

.details-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px
}

    .details-header .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 70px;
        height: 70px
    }

        .details-header .icon img {
            width: 100%;
            max-height: 100%
        }

    .details-header .item-title {
        font-family: "IBMArabic-Bold";
        margin: 0;
        color: #161616;
        font-size: 1.875rem
    }

.details-list li {
    margin-bottom: 12px
}

:root {
    --base-color: #b4872d;
    --disable-background-color: #eceeef
}

ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid var(--color-border-color) !important;
    border-radius: 25px !important;
    background-color: #fff;
    min-height: 45px;
    padding: .375rem .75rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: calc(100% - .75rem) 1rem;
    background-size: 16px 12px
}

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span {
        position: relative;
        font-size: .875rem;
        padding: 0 !important;
        color: var(--color-text-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn > span:last-of-type:not(.selected-item-container) {
            -webkit-margin-start: auto;
            margin-inline-start: auto
        }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item-container {
        font-size: .75rem
    }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
        position: relative !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: none !important;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 28px !important;
        padding: 0 !important;
        width: 24px !important;
        inset-block-end: 0 !important
    }

        ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before {
            position: relative !important;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: 28px !important;
            height: 16px !important;
            top: 0 !important;
            border: 0 !important;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right .75rem center;
            background-size: 16px 12px
        }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item {
        border: 1px solid var(--base-color) !important;
        -webkit-margin-end: 4px !important;
        margin-inline-end: 4px !important;
        background: var(--base-color) !important;
        border-radius: 25px !important
    }

        ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item:hover {
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-down {
        border-top: 10px solid var(--color-border-color) !important
    }

    ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-up {
        border-bottom: 10px solid var(--color-border-color) !important
    }

ng-multiselect-dropdown .multiselect-dropdown .disabled > span {
    background-color: var(--disable-background-color) !important
}

ng-multiselect-dropdown .dropdown-list {
    border: 1px solid var(--color-border-color) !important
}

    ng-multiselect-dropdown .dropdown-list .filter-textbox {
        border-bottom: 1px solid #ccc;
        position: relative;
        padding: 10px
    }

        ng-multiselect-dropdown .dropdown-list .filter-textbox input {
            height: auto
        }

            ng-multiselect-dropdown .dropdown-list .filter-textbox input:focus {
                outline: none
            }

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:focus + div:before, ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:hover + div:before {
    border-color: var(--base-color) !important;
    background-color: #fff
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:active + div:before {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:before {
    color: var(--base-color) !important;
    border: 2px solid var(--base-color) !important
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:after {
    content: "";
    background-color: var(--base-color) !important
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled + div:before {
    border-color: #ccc
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:focus + div:before .multiselect-item-checkbox input[type=checkbox]:disabled:hover + div:before {
    background-color: inherit
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:disabled:checked + div:before {
    background-color: #ccc
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:after {
    content: "";
    -webkit-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
    -webkit-transition: -webkit-transform 200ms ease-out;
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:before {
    background: var(--base-color) !important
}

ng-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:after {
    -webkit-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1)
}

@-webkit-keyframes borderscale {
    50% {
        -webkit-box-shadow: 0 0 0 2px var(--base-color) !important;
        box-shadow: 0 0 0 2px var(--base-color) !important
    }
}

@keyframes borderscale {
    50% {
        -webkit-box-shadow: 0 0 0 2px var(--base-color) !important;
        box-shadow: 0 0 0 2px var(--base-color) !important
    }
}

hijri-gregorian-datepicker .btn-sm {
    min-width: 100px
}

hijri-gregorian-datepicker .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    hijri-gregorian-datepicker .form-group > label {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    hijri-gregorian-datepicker .form-group .input-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: .625rem;
        font-size: 1rem;
        min-height: 45px;
        height: auto !important;
        padding-inline: 16px 4px;
        border: 1px solid #ced4da;
        color: var(--color-gray-color);
        border-radius: 25px !important
    }

    hijri-gregorian-datepicker .form-group .form-control {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-padding-start: 0;
        padding-inline-start: 0;
        outline: none;
        background-color: rgba(0,0,0,0) !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        hijri-gregorian-datepicker .form-group .form-control:focus {
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }

.is-invalid hijri-gregorian-datepicker .form-group .form-control {
    border-color: #dc3545
}

    .is-invalid hijri-gregorian-datepicker .form-group .form-control:focus {
        -webkit-box-shadow: 0 0 0 .25rem rgba(220,53,69,.2);
        box-shadow: 0 0 0 .25rem rgba(220,53,69,.2)
    }

[dir=ltr] hijri-gregorian-datepicker .form-group .form-control {
    background-position: right 15px center
}

hijri-gregorian-datepicker .form-group .form-control.hijriInput {
    width: 100%
}

hijri-gregorian-datepicker .input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    hijri-gregorian-datepicker .input-group-append .btn {
        min-width: auto;
        white-space: nowrap;
        font-size: .875rem;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        color: var(--color-primary);
        border: 1px solid var(--color-primary)
    }

        hijri-gregorian-datepicker .input-group-append .btn:is(.focus,:hover) {
            background-color: var(--color-primary);
            color: #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none
        }

        hijri-gregorian-datepicker .input-group-append .btn:first-child {
            border-start-start-radius: 1.5625rem !important;
            border-end-start-radius: 1.5625rem !important;
            border-start-end-radius: 0 !important;
            border-end-end-radius: 0 !important
        }

        hijri-gregorian-datepicker .input-group-append .btn:last-child {
            border-start-end-radius: 1.5625rem !important;
            border-end-end-radius: 1.5625rem !important;
            border-start-start-radius: 0 !important;
            border-end-start-radius: 0 !important
        }

hijri-gregorian-datepicker .hijriInput {
    border-radius: .875rem
}

hijri-gregorian-datepicker .ngb-dp-months {
    display: block
}

hijri-gregorian-datepicker .ngb-dp-week {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

hijri-gregorian-datepicker .ngb-dp-header {
    background-color: #fff;
    padding-top: 8px
}

hijri-gregorian-datepicker .ngb-dp-weekday, hijri-gregorian-datepicker .ngb-dp-week-number {
    font-style: normal !important;
    font-size: .75rem !important
}

hijri-gregorian-datepicker .ngb-dp-weekdays {
    background-color: #fff;
    padding: 4px 0;
    border-bottom: 1px solid var(--color-border-color)
}

    hijri-gregorian-datepicker .ngb-dp-weekdays .ngb-dp-weekday {
        color: var(--color-text-color)
    }

hijri-gregorian-datepicker .ngb-dp-day .btn-light {
    border: 0 !important
}

    hijri-gregorian-datepicker .ngb-dp-day .btn-light:hover {
        background-color: var(--color-primary)
    }

hijri-gregorian-datepicker .ngb-dp-today > .btn-light, hijri-gregorian-datepicker .ngb-dp-today [ngbDatepickerDayView] {
    background-color: var(--color-primary) !important;
    color: #fff;
    --bs-btn-color: #fff;
    --bs-btn-bg: color(primary);
    --bs-btn-hover-bg: color(primary)
}

    hijri-gregorian-datepicker .ngb-dp-today > .btn-light:hover, hijri-gregorian-datepicker .ngb-dp-today [ngbDatepickerDayView]:hover {
        background-color: var(--color-primary)
    }

ngb-datepicker {
    border-radius: 16px;
    border-color: #ced4da
}

hijri-date-picker {
    border-radius: 16px;
    border: 0
}

    hijri-date-picker > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }

hijri-date-picker {
    width: unset !important
}

.ngb-dp-arrow .ngb-dp-navigation-chevron {
    border-color: var(--color-primary)
}

ngb-datepicker-navigation {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px
}

    ngb-datepicker-navigation .ngb-dp-arrow-btn {
        min-width: auto;
        height: auto !important;
        padding: 0 !important
    }

    ngb-datepicker-navigation ngb-datepicker-navigation-select {
        gap: 8px
    }

        ngb-datepicker-navigation ngb-datepicker-navigation-select select {
            min-width: 85px
        }

[ngbDatepickerDayView]:hover:not(.bg-primary), [ngbDatepickerDayView].active:not(.bg-primary) {
    background-color: var(--color-primary);
    color: #fff
}

.dashboard-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 16px 24px
}

    .dashboard-title .icon svg {
        height: 50px
    }

.dashboard .icon-card .icon {
    height: 60px;
    width: 60px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

    .dashboard .icon-card .icon svg {
        height: 60px;
        width: auto;
        max-width: 60px
    }

        .dashboard .icon-card .icon svg path {
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out
        }

            .dashboard .icon-card .icon svg path.stroke.primary {
                stroke: var(--color-secondary)
            }

.theme-dark .dashboard .icon-card .icon svg path.stroke.primary {
    stroke: #fff
}

.dashboard .icon-card .icon svg path.stroke-minus {
    stroke: #fff
}

.theme-dark .dashboard .icon-card .icon svg path.stroke-minus {
    stroke: var(--color-secondary)
}

.dashboard .icon-card .icon svg path:not(.stroke).primary {
    fill: var(--color-secondary)
}

.theme-dark .dashboard .icon-card .icon svg path:not(.stroke).primary {
    fill: #fff
}

.dashboard .icon-card .item-title {
    color: var(--color-text-color);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.dashboard .icon-card .item-description {
    display: block;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1rem;
    visibility: visible;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

@supports not (-webkit-line-clamp: 2) {
    .dashboard .icon-card .item-description {
        display: block;
        max-height: 48px;
        line-height: 1.5
    }
}

@media(hover: hover) {
    .dashboard .icon-card {
        padding: 76px 24px 40px
    }

        .dashboard .icon-card .icon, .dashboard .icon-card .item-title {
            -webkit-transform: translateY(8px);
            -ms-transform: translateY(8px);
            transform: translateY(8px)
        }

        .dashboard .icon-card .item-description {
            -webkit-transform: translateY(8px);
            -ms-transform: translateY(8px);
            transform: translateY(8px);
            opacity: 0;
            visibility: hidden
        }

        .dashboard .icon-card:is(:hover,:focus,:active) {
            padding: 40px 24px
        }

            .dashboard .icon-card:is(:hover,:focus,:active) .icon, .dashboard .icon-card:is(:hover,:focus,:active) .item-title {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0)
            }

            .dashboard .icon-card:is(:hover,:focus,:active) .item-description {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
                visibility: visible
            }
}

.dashboard .icon-card:is(:hover,:focus,:active) .icon svg path.stroke.primary {
    stroke: #fff
}

.dashboard .icon-card:is(:hover,:focus,:active) .icon svg path.stroke-minus {
    stroke: var(--color-secondary)
}

.dashboard .icon-card:is(:hover,:focus,:active) .icon svg path:not(.stroke).primary {
    fill: #fff
}

.form-container {
    padding: 24px 60px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#eafaff), color-stop(#f1fbff), color-stop(#fafeff), color-stop(90%, #ffffff));
    background-image: linear-gradient(to top, #eafaff, #f1fbff, #fafeff, #ffffff 90%);
    border: 1px solid #e7e5f3;
    border-radius: 1.5rem;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 20px rgba(255,255,255,.4);
    box-shadow: 0 0 20px rgba(255,255,255,.4)
}

.register .form-container {
    background-color: #fff;
    background-image: none
}

@media(min-width: 992px) {
    .form-container {
        max-width: 75%
    }

    .register .form-container {
        max-width: 85%
    }
}

@media(max-width: 991.98px) {
    .form-container {
        padding: 24px 40px
    }
}

@media(max-width: 575.98px) {
    .form-container {
        padding: 24px
    }
}

.form-container__header .login-title {
    font-family: "IBMArabic-Bold"
}

.login-form__footer .login-help-btn {
    color: var(--color-secondary)
}

    .login-form__footer .login-help-btn:hover {
        color: var(--color-tertiary)
    }

.login-form__footer .help-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

.login-form__footer .help-btn {
    color: var(--color-tertiary)
}

    .login-form__footer .help-btn:hover {
        color: var(--color-primary)
    }

.illustartion-img img {
    width: 100%;
    max-width: 320px
}

.login-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.validation-hint {
    color: red
}

.required-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 8px 16px;
    background-color: rgba(131,149,183,.15);
    border-radius: 100px;
    color: var(--color-gray-color)
}

    .required-badge svg {
        height: 20px
    }

    .required-badge span {
        font-size: .875rem
    }

.loader {
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 999999999;
    -webkit-backdrop-filter: blur(40px) brightness(1);
    backdrop-filter: blur(40px) brightness(1)
}

.loading-text {
    top: 50% !important
}

@-webkit-keyframes loaderSpinner {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }

    50% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }
}

@keyframes loaderSpinner {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }

    50% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }
}

.fade-out {
    -webkit-animation: fadeOut 1s;
    animation: fadeOut 1s;
    opacity: 0;
    visibility: hidden
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

.sort-container, .export-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

@media(max-width: 992px) {
    .sort-container, .export-container {
        margin: auto
    }
}

.sort-container .title, .export-container .title {
    font-family: "IBMArabic-Bold",sans-serif
}

.sort-container .dropdown-toggle, .export-container .dropdown-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid #cee7fa;
    -webkit-box-shadow: inset 0 0 10px rgba(179,179,179,.16);
    box-shadow: inset 0 0 10px rgba(179,179,179,.16)
}

    .sort-container .dropdown-toggle::after, .export-container .dropdown-toggle::after {
        background-image: url("./images/arrow_black.svg");
        width: 13px;
        height: 12px;
        background-repeat: no-repeat;
        background-size: contain;
        border: 0;
        margin-top: 10px
    }

.sort-container .dropdown-menu, .export-container .dropdown-menu {
    width: 100%;
    background-color: #fff
}

    .sort-container .dropdown-menu .dropdown-item, .export-container .dropdown-menu .dropdown-item {
        font-family: "IBMArabic-Medium";
        border-radius: 0
    }

.action-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    list-style: none
}

.action-group__item .action-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: var(--color-primary);
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid rgba(255,255,255,.4);
    transition: all .3s ease-in-out
}

    .action-group__item .action-link img, .action-group__item .action-link svg {
        height: 18px
    }

    .action-group__item .action-link:is(:hover,:active,:focus) {
        background-color: rgba(255,255,255,.2)
    }

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 767.98px) {
    .flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.section-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    margin-bottom: 32px
}

    .section-header .header-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 30px
    }

        .section-header .header-info .section-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            gap: 8px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin: 0;
            color: var(--color-secondary)
        }

            .section-header .header-info .section-title svg {
                height: 24px
            }

            .section-header .header-info .section-title .title {
                font-size: 2.1875rem;
                color: #fff;
                text-align: initial;
                font-family: "IBMArabic-Bold";
                margin: 0
            }

@media(max-width: 767.98px) {
    .section-header .header-info .section-title .title {
        font-size: 1.375rem
    }
}

.section-header .header-info .section-title .description {
    margin: 0;
    font-size: 1.25rem;
    text-align: justify;
    margin: 8px 0;
    color: rgba(255,255,255,.8);
    font-family: "IBMArabic-Medium"
}

@media(max-width: 576px) {
    .section-header .header-info .section-title .description {
        font-size: 16px
    }
}

.section-header .header-actions {
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

@media(max-width: 991.98px) {
    .section-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .section-header .header-info {
            max-width: 100%;
            gap: 16px
        }

            .section-header .header-info .section-title {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

        .section-header .header-actions {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            -webkit-margin-start: 0;
            margin-inline-start: 0
        }
}

.sub-title {
    font-family: "IBMArabic-Bold"
}

.section-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0
}

.decimal-rating {
    font-size: 1.5rem
}

    .decimal-rating [data-star] {
        text-align: left;
        font-style: normal;
        display: inline-block;
        position: relative;
        unicode-bidi: bidi-override
    }

        .decimal-rating [data-star]::before {
            display: block;
            content: "★★★★★";
            color: #e5e7eb
        }

        .decimal-rating [data-star]::after {
            white-space: nowrap;
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            content: "★★★★★";
            width: 0;
            color: var(--color-secondary);
            overflow: hidden;
            height: 100%
        }

    .decimal-rating [data-star^="0.1"]::after, .decimal-rating [data-star^=".1"]::after {
        width: 2%
    }

    .decimal-rating [data-star^="0.2"]::after, .decimal-rating [data-star^=".2"]::after {
        width: 4%
    }

    .decimal-rating [data-star^="0.3"]::after, .decimal-rating [data-star^=".3"]::after {
        width: 6%
    }

    .decimal-rating [data-star^="0.4"]::after, .decimal-rating [data-star^=".4"]::after {
        width: 8%
    }

    .decimal-rating [data-star^="0.5"]::after, .decimal-rating [data-star^=".5"]::after {
        width: 10%
    }

    .decimal-rating [data-star^="0.6"]::after, .decimal-rating [data-star^=".6"]::after {
        width: 12%
    }

    .decimal-rating [data-star^="0.7"]::after, .decimal-rating [data-star^=".7"]::after {
        width: 14%
    }

    .decimal-rating [data-star^="0.8"]::after, .decimal-rating [data-star^=".8"]::after {
        width: 16%
    }

    .decimal-rating [data-star^="0.9"]::after, .decimal-rating [data-star^=".9"]::after {
        width: 18%
    }

    .decimal-rating [data-star^="1"]::after {
        width: 20%
    }

    .decimal-rating [data-star^="1.1"]::after {
        width: 22%
    }

    .decimal-rating [data-star^="1.2"]::after {
        width: 24%
    }

    .decimal-rating [data-star^="1.3"]::after {
        width: 26%
    }

    .decimal-rating [data-star^="1.4"]::after {
        width: 28%
    }

    .decimal-rating [data-star^="1.5"]::after {
        width: 30%
    }

    .decimal-rating [data-star^="1.6"]::after {
        width: 32%
    }

    .decimal-rating [data-star^="1.7"]::after {
        width: 34%
    }

    .decimal-rating [data-star^="1.8"]::after {
        width: 36%
    }

    .decimal-rating [data-star^="1.9"]::after {
        width: 38%
    }

    .decimal-rating [data-star^="2"]::after {
        width: 40%
    }

    .decimal-rating [data-star^="2.1"]::after {
        width: 42%
    }

    .decimal-rating [data-star^="2.2"]::after {
        width: 44%
    }

    .decimal-rating [data-star^="2.3"]::after {
        width: 46%
    }

    .decimal-rating [data-star^="2.4"]::after {
        width: 48%
    }

    .decimal-rating [data-star^="2.5"]::after {
        width: 50%
    }

    .decimal-rating [data-star^="2.6"]::after {
        width: 52%
    }

    .decimal-rating [data-star^="2.7"]::after {
        width: 54%
    }

    .decimal-rating [data-star^="2.8"]::after {
        width: 56%
    }

    .decimal-rating [data-star^="2.9"]::after {
        width: 58%
    }

    .decimal-rating [data-star^="3"]::after {
        width: 60%
    }

    .decimal-rating [data-star^="3.1"]::after {
        width: 62%
    }

    .decimal-rating [data-star^="3.2"]::after {
        width: 64%
    }

    .decimal-rating [data-star^="3.3"]::after {
        width: 66%
    }

    .decimal-rating [data-star^="3.4"]::after {
        width: 68%
    }

    .decimal-rating [data-star^="3.5"]::after {
        width: 70%
    }

    .decimal-rating [data-star^="3.6"]::after {
        width: 72%
    }

    .decimal-rating [data-star^="3.7"]::after {
        width: 74%
    }

    .decimal-rating [data-star^="3.8"]::after {
        width: 76%
    }

    .decimal-rating [data-star^="3.9"]::after {
        width: 78%
    }

    .decimal-rating [data-star^="4"]::after {
        width: 80%
    }

    .decimal-rating [data-star^="4.1"]::after {
        width: 82%
    }

    .decimal-rating [data-star^="4.2"]::after {
        width: 84%
    }

    .decimal-rating [data-star^="4.3"]::after {
        width: 86%
    }

    .decimal-rating [data-star^="4.4"]::after {
        width: 88%
    }

    .decimal-rating [data-star^="4.5"]::after {
        width: 90%
    }

    .decimal-rating [data-star^="4.6"]::after {
        width: 92%
    }

    .decimal-rating [data-star^="4.7"]::after {
        width: 94%
    }

    .decimal-rating [data-star^="4.8"]::after {
        width: 96%
    }

    .decimal-rating [data-star^="4.9"]::after {
        width: 98%
    }

    .decimal-rating [data-star^="5"]::after {
        width: 100%
    }

    .decimal-rating.page-rating [data-star]::after {
        color: var(--color-secondary)
    }

.hero {
    position: relative;
    background-color: var(--color-secondary);
    height: calc(100vh - 128px);
    padding: 0;
    min-height: 550px
}

@media(max-width: 1200px) {
    .hero {
        min-height: auto;
        height: 100vh;
        margin-top: 150px
    }
}

.hero__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding-inline: 24px
}

.hero-img {
    position: absolute;
    inset: 0;
    overflow: hidden
}

    .hero-img img, .hero-img video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

    .hero-img::before {
        position: absolute;
        inset: 0;
        content: "";
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.8)));
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        z-index: 1
    }

.hero-caption {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 50%;
    z-index: 2;
    margin: 0 60px
}

@media(max-width: 1200px) {
    .hero-caption {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0
    }
}

@media(max-width: 576px) {
    .hero-caption {
        margin: 0
    }
}

.hero-caption .hero-title {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 4.0625rem;
    visibility: visible;
    font-family: "IBMArabic-SemiBold";
    margin-bottom: 8px;
    text-shadow: 0 0 50px var(--color-secondary);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-line-clamp: 2
}

@supports not (-webkit-line-clamp: 3) {
    .hero-caption .hero-title {
        display: block;
        max-height: 292.5px;
        line-height: 1.5
    }
}

@media(max-width: 1200px) {
    .hero-caption .hero-title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 2.1875rem;
        visibility: visible
    }

    @supports not (-webkit-line-clamp: 3) {
        .hero-caption .hero-title {
            display: block;
            max-height: 178.5px;
            line-height: 1.7
        }
    }
}

@media(max-width: 991.98px) {
    .hero-caption .hero-title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1.5625rem;
        visibility: visible;
        font-family: "IBMArabic-Bold"
    }

    @supports not (-webkit-line-clamp: 3) {
        .hero-caption .hero-title {
            display: block;
            max-height: 127.5px;
            line-height: 1.7
        }
    }
}

.hero-caption .hero-description {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1.25rem;
    visibility: visible;
    margin-bottom: 24px;
    text-shadow: 0 0 50px var(--color-secondary);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: -webkit-transform .7s ease-in-out;
    transition: -webkit-transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out, -webkit-transform .7s ease-in-out;
    width: 80%
}

@supports not (-webkit-line-clamp: 2) {
    .hero-caption .hero-description {
        display: block;
        max-height: 68px;
        line-height: 1.7
    }
}

@media(max-width: 767.98px) {
    .hero-caption .hero-description {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.7;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        font-size: 1rem;
        visibility: visible;
        width: 100%
    }

    @supports not (-webkit-line-clamp: 2) {
        .hero-caption .hero-description {
            display: block;
            max-height: 54.4px;
            line-height: 1.7
        }
    }
}

.hero-caption .hero-action {
    border: 1px solid rgba(0,0,0,0);
    color: #161616;
    font-size: 1.25rem;
    font-family: "IBMArabic-Medium";
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: background-color .3s ease-in-out,color .3s ease-in-out,-webkit-transform 1s ease-in-out;
    transition: background-color .3s ease-in-out,color .3s ease-in-out,-webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out;
    transition: transform 1s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out,-webkit-transform 1s ease-in-out
}

    .hero-caption .hero-action:is(:hover,:active,:focus) {
        background-color: rgba(255,255,255,.8)
    }

.swiper-slide-active .hero-title, .swiper-slide-active .hero-description, .swiper-slide-active .hero-action {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    opacity: 1;
    visibility: visible
}

@-webkit-keyframes scale-background {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-background {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.about {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-top: 150px
}

@media(max-width: 992px) {
    .about {
        padding-top: 60px
    }
}

.about-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .about-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

@media(max-width: 992px) {
    .about-img img {
        width: 50%
    }
}

.about-description {
    margin: 0;
    font-size: 1.3125rem;
    font-family: "IBMArabic-Medium";
    width: 75%;
    color: #1b8354
}

@media(max-width: 767.98px) {
    .about-description {
        text-align: center;
        font-size: 1rem;
        width: 100%
    }
}

@media(max-width: 1200px) {
    .about-description {
        font-size: 1rem;
        width: 100%
    }
}

.about-details .title {
    font-family: "IBMArabic-Bold"
}

.about-details__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px
}

    .about-details__header .header-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

        .about-details__header .header-container .nav-tabs {
            margin-top: 0
        }

        .about-details__header .header-container .title {
            font-size: 2rem;
            color: #161616
        }

@media(max-width: 575.98px) {
    .about-details__header .header-container {
        width: 100%
    }
}

.about-details__header .header-container .program-tab {
    color: #1b8354
}

.about-details__header .header-container .program-img {
    width: 20px;
    height: 20px
}

.about-details__header .header-container .apps-btn {
    border: 0;
    padding-inline: 0px;
    padding: 12px 15px
}

    .about-details__header .header-container .apps-btn svg {
        height: 20px
    }

    .about-details__header .header-container .apps-btn span {
        color: var(--color-primary);
        font-family: "IBMArabic-Medium"
    }

    .about-details__header .header-container .apps-btn:is(:hover,:active,:focus,:focus-within) svg path {
        fill: var(--color-secondary)
    }

    .about-details__header .header-container .apps-btn:is(:hover,:active,:focus,:focus-within) span {
        color: var(--color-secondary)
    }

@media(max-width: 991.98px) {
    .about-details__header .header-container .apps-btn {
        background-color: #cee7fa
    }
}

@media(max-width: 575.98px) {
    .about-details__header .header-container .apps-btn {
        width: 100%
    }
}

@media(max-width: 991.98px) {
    .about-details__header .header-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 10px;
        background-color: rgba(0,0,0,0)
    }

        .about-details__header .header-container .apps-btn {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }
}

.media-center {
    position: relative;
    background-color: #1b8354;
    isolation: isolate;
    padding: 150px 0
}

@media(max-width: 992px) {
    .media-center {
        padding: 30px 0
    }
}

.media-center .select-media {
    margin: 20px 0 50px 0
}

.open-data {
    position: relative;
    background-color: rgba(0,0,0,0);
    isolation: isolate;
    padding: 100px 0 0 0
}

@media(max-width: 992px) {
    .open-data {
        padding: 20px 0
    }
}

.open-data .section-header .section-title .title, .open-data .section-header .section-title .description {
    color: #161616
}

.open-data .section-header .section-title .title {
    font-size: 2.1875rem
}

.open-data .section-header .section-title .description {
    font-family: "IBMArabic-Regular"
}

.date-time-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #161616;
    border-radius: 4px;
    overflow: hidden;
    font-size: 1.125rem;
    padding: 5px 15px
}

@media(max-width: 992px) {
    .date-time-container {
        font-size: 1rem
    }
}

.contact-us {
    position: relative;
    isolation: isolate;
    background-color: #ecfdf3;
    padding: 100px 0
}

    .contact-us .contact-us-title {
        font-size: 2.1875rem;
        color: #161616;
        font-family: "IBMArabic-Bold";
        margin-bottom: 6.25rem
    }

@media(max-width: 992px) {
    .contact-us .contact-us-title {
        margin-bottom: 25px;
        text-align: center
    }
}

.contact-us .description {
    min-height: 80px
}

.contact-us .about-card__body {
    height: 80%
}

.rw-conversation-container .rw-client, .rw-conversation-container .rw-header, .rw-conversation-container .rw-replies, .rw-conversation-container .rw-reply, .rw-conversation-container .rw-response, .rw-conversation-container .rw-title {
    font-family: "IBMArabic-Medium" !important
}

.rw-widget-container {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    right: auto !important;
    height: auto !important;
    width: auto !important;
    inset-block-end: 90px !important;
    left: 24px !important
}

    .rw-widget-container .rw-launcher {
        position: relative;
        inset: 0 !important;
        width: 53px !important;
        height: 53px !important;
        background-color: #fff !important;
        -webkit-box-shadow: 0 0 50px rgba(0,0,0,.35);
        box-shadow: 0 0 50px rgba(0,0,0,.35);
        background-image: url("./images/sms-icon.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px
    }

        .rw-widget-container .rw-launcher .rw-open-launcher__container .rw-open-launcher {
            display: none
        }

    .rw-widget-container.rw-chat-open {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

        .rw-widget-container.rw-chat-open .rw-launcher {
            background-image: none !important;
            background-color: var(--color-secondary) !important
        }

.rw-conversation-container .rw-message, .rw-group-message.rw-from-response {
    direction: ltr
}

.rw-carousel-card-subtitle, .rw-carousel-card-title, .rw-message-text {
    text-align: right;
    direction: rtl
}

.rw-reply {
    color: #fff !important
}

.rw-conversation-container .rw-header.rw-with-subtitle .rw-avatar {
    top: 13px !important;
    left: 6px !important
}

.rw-conversation-container .rw-title {
    font-size: 16px !important;
    margin: 0;
    position: absolute;
    left: 61px !important;
    font-weight: 700;
    line-height: 22px
}

.rw-conversation-container .rw-header.rw-with-subtitle span {
    bottom: 9px;
    position: absolute;
    font-size: 15px;
    left: 61px !important
}

.rw-conversation-container .rw-avatar {
    width: 45px !important;
    height: 45px !important;
    border-radius: 100%;
    margin-right: 6px;
    position: relative;
    bottom: 5px
}

.rw-conversation-container .rw-client, .rw-conversation-container .rw-reply {
    border: #2b4e80 !important;
    background-color: #2b4e80 !important
}

.rw-header.rw-with-subtitle {
    background-color: #f4f7f9
}

.rw-conversation-container .rw-header-buttons {
    right: 0 !important;
    top: 30px
}

.rw-conversation-container .rw-toggle-fullscreen {
    width: 25px !important;
    height: 25px !important
}

.rw-conversation-container .rw-reply {
    padding: 8px 10px !important
}

.rw-new-message {
    height: 35px !important
}

@media screen and (min-width: 800px) {
    .rw-messages-container {
        height: 510px
    }
}

@media screen and (max-width: 800px) {
    .rw-close-button {
        width: 16px !important
    }
}

#XociaWidget {
    right: auto !important;
    height: auto !important;
    width: auto !important;
    inset-block-end: 40px !important;
    left: 24px !important;
    z-index: 999
}

    #XociaWidget button {
        position: relative;
        inset: 0 !important;
        background-color: #fff !important;
        -webkit-box-shadow: 0 0 50px rgba(0,0,0,.35);
        box-shadow: 0 0 50px rgba(0,0,0,.35);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.5' height='37.101' viewBox='0 0 24.5 37.101'%3E%3Cpath id='sign-language' d='M12302.784,5505.912a10.028,10.028,0,0,1-9.638-7.332.573.573,0,1,1,1.1-.3,8.88,8.88,0,0,0,8.537,6.491h4a8.867,8.867,0,0,0,8.856-8.859v-3.731a6.243,6.243,0,0,0-1.84-4.445l-4.9-4.9a.571.571,0,0,0-.807,0,3.086,3.086,0,0,0-.009,4.365c2.067,2.1,2.37,2.3,2.714,3.137a3.58,3.58,0,0,1,.271,1.367.57.57,0,0,1-.5.565,8.019,8.019,0,0,0-6.934,7.929.57.57,0,1,1-1.141,0,9.169,9.169,0,0,1,7.382-8.974,2.453,2.453,0,0,0-.655-1.236l-1.951-1.981a4.2,4.2,0,0,1-1.23-2.983,4.021,4.021,0,0,1,1.6-3.267v-9.273a2,2,0,0,0-4,0v16.856a.572.572,0,1,1-1.144,0v-14a2,2,0,0,0-4,0v14a.572.572,0,1,1-1.144,0v-9.715a1.714,1.714,0,0,0-3.428,0v13.715a.572.572,0,0,1-1.145,0v-13.715a2.859,2.859,0,0,1,4.569-2.285v-2a3.146,3.146,0,0,1,5.146-2.423v-.436a659.543,659.543,0,0,0,9.5-1.744,3.147,3.147,0,0,1,1.926,2.887v12.621l.683.683a7.372,7.372,0,0,1,2.177,5.251v3.734a10.013,10.013,0,0,1-10,10Zm6-32.29v7.929a1.71,1.71,0,0,1,.928.476l3.072,3.076v-11.48a2,2,0,0,0-4,0Zm-16,22.593v-.59a.572.572,0,0,1,1.145,0c0,.272-.007.377,0,.553a.573.573,0,0,1-.554.59h-.018A.576.576,0,0,1,12292.784,5496.215Z' transform='translate(-12292.534 -5469.061)' fill='%23224e85' stroke='%23224e85' stroke-width='0.5'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-size: 18px
    }

    #XociaWidget #XociaWidgetStatment {
        display: none;
        opacity: 0;
        visibility: hidden
    }

#iframContainer {
    left: 0 !important;
    bottom: 150px !important;
    right: auto !important;
    background-color: #fff;
    border-radius: 16px
}

    #iframContainer iframe {
        border: 0;
        background-color: #fff;
        border-radius: 0 0 16px 16px
    }

.info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    background-color: #f7f7f7;
    padding: 24px;
    border-radius: 100px
}

    .info-container .value {
        font-family: "IBMArabic-Bold"
    }

@media(max-width: 767.98px) {
    .info-container {
        border-radius: 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .info-container * {
            text-align: center
        }
}

.details-grid__item .details-grid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 24px;
    color: var(--color-secondary);
    border-bottom: 1px solid #9dd9ff
}

    .details-grid__item .details-grid-container.with-border {
        -webkit-border-end: 1px solid #9dd9ff;
        border-inline-end: 1px solid #9dd9ff
    }

.details-grid__item .details-grid-title {
    font-family: "IBMArabic-Bold"
}

.details-grid__item .link {
    color: var(--color-success);
    font-family: "IBMArabic-Bold"
}

    .details-grid__item .link:hover {
        color: var(--color-primary)
    }

.details-grid__item:last-of-type .details-grid-container {
    border-bottom: 0
}

.gm-style .gm-style-iw-c {
    padding: 16px !important;
    border-radius: 16px
}

    .gm-style .gm-style-iw-c > button {
        top: 12px !important;
        left: 12px !important
    }

.branches-list {
    height: 100%;
    max-height: 720px;
    overflow-y: auto;
    -webkit-padding-end: 15px;
    padding-inline-end: 15px;
    padding-bottom: 25px
}

    .branches-list::-webkit-scrollbar-thumb {
        border-radius: 20px;
        padding: 10px;
        background: #b8eacb;
        height: 15PX !important;
        border: 2px solid #e5e7eb !important
    }

    .branches-list::-webkit-scrollbar-track {
        padding: 10px;
        border-radius: 20px;
        background: #f3f4f6 !important;
        height: 15PX !important;
        border: 1px solid #e5e7eb
    }

.branches-list-card {
    padding: 16px;
    background-color: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1);
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1)
}

.map .branches-list-card {
    padding: 0;
    border: 0
}

.branches-list-card:not(:last-of-type) {
    margin-bottom: 30px
}

.branches-list-card .item-title {
    font-family: "IBMArabic-Bold";
    color: #384250;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.branches-list-card .branch-location, .branches-list-card .branch-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px
}

    .branches-list-card .branch-location img, .branches-list-card .branch-location svg, .branches-list-card .branch-time img, .branches-list-card .branch-time svg {
        width: 16px
    }

    .branches-list-card .branch-location .title, .branches-list-card .branch-location a, .branches-list-card .branch-time .title, .branches-list-card .branch-time a {
        font-family: "IBMArabic-Medium";
        font-size: .875rem;
        color: #384250
    }

.branches-list-card .card-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 8px
}

    .branches-list-card .card-actions .actions-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background-color: #f7f7f7;
        border-radius: 50%;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .branches-list-card .card-actions .actions-btn img, .branches-list-card .card-actions .actions-btn svg {
            height: 16px;
            width: 16px;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .branches-list-card .card-actions .actions-btn:is(:hover,:active,:focus) {
            background-color: var(--color-primary)
        }

            .branches-list-card .card-actions .actions-btn:is(:hover,:active,:focus) img, .branches-list-card .card-actions .actions-btn:is(:hover,:active,:focus) svg {
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1)
            }

.branches-list-card:is(:hover) {
    border-color: var(--color-primary)
}

    .branches-list-card:is(:hover) .item-title {
        color: #384250
    }

.hint-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .hint-container .icon {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

        .hint-container .icon svg, .hint-container .icon img {
            height: 24px;
            width: 24px
        }

        .hint-container .icon.icon-lg svg, .hint-container .icon.icon-lg img {
            height: 40px;
            width: 40px
        }

    .hint-container .link {
        color: var(--color-success);
        font-family: "IBMArabic-Bold";
        -webkit-padding-start: 8px;
        padding-inline-start: 8px
    }

        .hint-container .link:is(:hover,:active,:focus) {
            color: var(--color-primary)
        }

.contact-list {
    background-color: #f5f5f5;
    border-radius: 20px;
    height: 100%;
    padding: 24px
}

.contact-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

    .contact-list__item .item-title {
        margin: 0;
        font-family: "IBMArabic-Bold";
        color: var(--color-secondary)
    }

    .contact-list__item .item-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 16px
    }

        .contact-list__item .item-content .icon {
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

            .contact-list__item .item-content .icon img, .contact-list__item .item-content .icon svg {
                width: 32px;
                height: 32px;
                margin-top: 8px
            }

        .contact-list__item .item-content .info {
            color: var(--color-secondary);
            font-size: .875rem
        }

    .contact-list__item:not(:last-of-type) {
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid #c2c2c2
    }

.popover {
    --bs-popover-max-width: 300px;
    --bs-popover-header-padding-y: 1rem;
    --bs-popover-border-color: #ebebeb;
    -webkit-box-shadow: 0 0 20px rgba(131,149,183,.15);
    box-shadow: 0 0 20px rgba(131,149,183,.15)
}

    .popover .calender_item {
        padding: 0
    }

        .popover .calender_item .item-title {
            font-family: "IBMArabic-Bold";
            color: var(--color-text-color)
        }

        .popover .calender_item .item-date {
            margin-bottom: 8px
        }

            .popover .calender_item .item-date span {
                color: #606161;
                font-size: .75rem
            }

            .popover .calender_item .item-date .divider {
                background-color: #606161
            }

        .popover .calender_item p {
            color: #606161;
            font-size: .875rem;
            margin-bottom: 12px
        }

        .popover .calender_item a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 8px;
            padding: .25rem 1rem .375rem;
            white-space: nowrap;
            text-align: center;
            position: relative;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: 0;
            font-family: inherit;
            font-family: "IBMArabic-Bold";
            font-size: .875rem;
            border: 1px solid rgba(0,0,0,0);
            border-radius: 50px;
            background-color: var(--color-primary);
            color: #fff;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

            .popover .calender_item a:is(:hover,:active,:focus) {
                background-color: #053622;
                -webkit-box-shadow: none;
                box-shadow: none
            }

.search-result-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    .search-result-list ul li {
        padding: 24px 16px;
        margin-top: 16px;
        border: 1px solid rgba(0,0,0,0);
        background-color: #fff;
        border-radius: 16px
    }

        .search-result-list ul li a, .search-result-list ul li a:visited {
            display: block
        }

            .search-result-list ul li a strong, .search-result-list ul li a:visited strong {
                font-size: 1.125rem;
                color: var(--color-text-color)
            }

            .search-result-list ul li a:hover strong, .search-result-list ul li a:visited:hover strong {
                color: var(--color-primary)
            }

        .search-result-list ul li:hover {
            border-color: var(--color-primary)
        }

.consulting-details .header-info {
    width: 60%
}

@media(max-width: 992px) {
    .consulting-details .header-info {
        width: 100%
    }
}

html[lang=en] #servey {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2509803922);
    top: 0;
    right: 0;
    text-align: center
}

html[lang=en] .cx-webchat .cx-form table th {
    padding-left: 8px;
    width: 100%;
    display: block;
    margin-bottom: 5px !important
}

html[lang=en] .cx-common-container .cx-titlebar {
    clear: both;
    border-width: 0 0 0 0;
    border-style: solid;
    padding: 5px 5px;
    background-color: #2b4e80;
    float: right;
    width: 100%
}

html[lang=en] .cx-common-container .cx-buttons-window-control button.test::before {
    display: inline-block !important;
    color: rgba(0,0,0,0) !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #ccc !important;
    position: absolute;
    content: "";
    right: 2.5px;
    top: 3px;
    border-radius: 2px;
    background: rgba(0,0,0,0)
}

html[lang=en] .cx-common-container .cx-titlebar .cx-icon {
    float: left;
    width: 110px !important;
    height: 65px !important;
    margin-top: -2px !important;
    background-size: 100% 100%
}

html[lang=en] .rt-class table {
    direction: ltr !important;
    text-align: left !important
}

html[lang=en] .rt-class.MAINCHATSERVICE .cx-widget table th {
    text-align: left !important
}

html[lang=en] .rt-class.MAINCHATSERVICE * {
    font-family: inherit;
    text-align: left
}

html[lang=en] .cx-common-container .cx-buttons-window-control button {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    background: rgba(0,0,0,0);
    border-radius: 3px;
    float: left
}

    html[lang=en] .cx-common-container .cx-buttons-window-control button.cx-button-minimize {
        float: right
    }

html[lang=en] .cx-webchat .cx-form table th, .cx-webchat .cx-form table td {
    padding: 0 !important;
    margin: 0 !important;
    text-align: left
}

html[lang=en] .full_screen {
    height: 100% !important;
    width: 100% !important;
    z-index: 999997;
    left: 0 !important;
    max-height: none !important
}

html[lang=en] .arabic__form {
    direction: ltr;
    text-align: center;
    font: normal normal normal 14px/21px KUffi
}

html[lang=en] .cx-inner-titlebar {
    text-align: left
}

html[lang=en] .cx-webchat.cx-theme-dark .cx-transcript .cx-name, .rt-class.MAINCHATSERVICE .cx-webchat.cx-theme-dark .cx-transcript .cx-message-textm, .rt-class.MAINCHATSERVICE .cx-webchat.cx-theme-dark .cx-transcript .cx-time, .rt-class.MAINCHATSERVICE .cx-webchat.cx-theme-dark .cx-transcript .cx-name, .rt-class.MAINCHATSERVICE .cx-webchat.cx-theme-dark .cx-transcript .cx-bubble .cx-message-text {
    text-align: left
}

html[lang=en] .cx-webchat .cx-transcript {
    text-align: left !important
}

html[lang=en] .rt-class.MAINCHATSERVICE .cx-wrapper p {
    text-align: left !important
}

html[lang=en] .rt-class.MAINCHATSERVICE .cx-message-input {
    text-align: left
}

html[lang=en] .cx-webchat .cx-menu li.cx-upload, .cx-webchat .cx-send {
    display: inline-block;
    list-style: none;
    height: 25px;
    width: 25px;
    margin-left: 18px;
    cursor: pointer;
    outline-style: none;
    background: #2b4e80;
    border-radius: 5px
}

html[lang=en] .cx-widget.cx-theme-dark.CALLBACKCHATSERVICE * {
    border: 0 !important
}

html[lang=en] .CALLBACKCHATSERVICE .cx-callback::-webkit-scrollbar-thumb {
    background-color: #7f9ea4 !important;
    outline: 1px solid #7f9ea4 !important;
    direction: ltr
}

html[lang=en] .cx-widget.cx-common-container.cx-callback {
    direction: ltr !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

html[lang=en] .CALLBACKCHATSERVICE.cx-titlebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px !important;
    background-color: #2b4e80 !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

    html[lang=en] .CALLBACKCHATSERVICE .cx-titlebar .cx-icon {
        float: left !important;
        width: 135px !important;
        height: auto !important;
        margin-top: 0 !important
    }

html[lang=en] .CALLBACKCHATSERVICE #cx-icon-reload {
    position: absolute;
    right: 12px;
    top: 33px
}

html[lang=en] .cx-callback table tr th {
    text-align: left !important
}

html[lang=en] .cx-callback .cx-content .cx-form table th .cx-control-label {
    color: #003767 !important;
    font-size: 13px
}

html[lang=en] .cx-inner-titlebar h3 {
    margin-top: 0;
    margin-bottom: 5px;
    color: #003767;
    font-size: 16px;
    text-align: left
}

html[lang=en] .cx-inner-titlebar p {
    color: #003767;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    text-align: left
}

html[lang=en] .cx-callback .cx-control-label span {
    color: #ff5757;
    line-height: 0;
    margin-left: 5px
}

html[lang=en] .cx-confirmation h3, .cx-confirmation h4, .cx-confirmation .cx-number-description {
    direction: ltr !important
}

html[lang=en] .cx-confirmation .cx-confirmation-wrapper .cx-number-description::after {
    color: #fff !important;
    content: "Thank you, the customer care team will contact you as soon as possible";
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px
}

html[lang=en] #myModal_for_servey .custom-control2-label::before {
    left: 0;
    right: auto;
    top: 5px
}

html[lang=en] #myModal_for_servey .custom-control2-label::after {
    left: 0;
    right: auto;
    top: 5px
}

html[lang=en] #myModal_for_servey .custom-control2-label {
    padding-left: 25px
}

html[lang=en] #myModal_for_servey .custom-control2 img {
    width: 40px;
    height: 40px;
    margin-left: -15px !important
}

html[lang=en] #myModal_for_servey .custom-control-label::before, #myModal_for_servey .custom-control2-label::before {
    left: 0;
    right: auto;
    top: -15px !important
}

html[lang=en] #myModal_for_servey .custom-control-label::after, #myModal_for_servey .custom-control2-label::after {
    left: 0;
    right: auto;
    top: -15px !important;
    border-radius: 50%
}

html[lang=en] #myModal_for_servey .custom-control-label {
    padding-left: 0 !important
}

html[lang=en] #myModal_for_servey .custom-control img {
    width: 40px;
    height: 40px;
    margin-left: -15px !important
}

html[lang=en] .custom-control-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0rem !important;
    padding: 0 1em !important
}

html[lang=ar] #servey {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2509803922);
    top: 0;
    left: 0;
    text-align: center
}

html[lang=ar] .cx-webchat .cx-form table th {
    padding-right: 8px;
    width: 100%;
    display: block;
    margin-bottom: 5px !important
}

html[lang=ar] .cx-common-container .cx-titlebar {
    clear: both;
    border-width: 0 0 0 0;
    border-style: solid;
    padding: 5px 5px;
    background-color: #2b4e80;
    float: left;
    width: 100%
}

html[lang=ar] .cx-common-container .cx-buttons-window-control button.test::before {
    display: inline-block !important;
    color: rgba(0,0,0,0) !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #ccc !important;
    position: absolute;
    content: "";
    left: 2.5px;
    top: 3px;
    border-radius: 2px;
    background: rgba(0,0,0,0)
}

html[lang=ar] .cx-common-container .cx-titlebar .cx-icon {
    float: right;
    width: 110px !important;
    height: 65px !important;
    margin-top: -2px !important;
    background-size: 100% 100%
}

html[lang=ar] .rt-class table {
    direction: rtl !important;
    text-align: right !important
}

html[lang=ar] .rt-class.MAINCHATSERVICE .cx-widget table th {
    text-align: right !important
}

html[lang=ar] .rt-class.MAINCHATSERVICE * {
    font-family: inherit;
    text-align: right
}

html[lang=ar] .cx-common-container .cx-buttons-window-control button {
    width: 18px;
    height: 18px;
    margin-left: 6px;
    background: rgba(0,0,0,0);
    border-radius: 3px;
    float: right
}

    html[lang=ar] .cx-common-container .cx-buttons-window-control button.cx-button-minimize {
        float: left
    }

html[lang=ar] .cx-webchat .cx-form table th, .cx-webchat .cx-form table td {
    padding: 0 !important;
    margin: 0 !important;
    text-align: right
}

html[lang=ar] .full_screen {
    height: 100% !important;
    width: 100% !important;
    z-index: 999997;
    right: 0 !important;
    max-height: none !important
}

html[lang=ar] .arabic__form {
    direction: rtl;
    text-align: center;
    font: normal normal normal 14px/21px KUffi
}

html[lang=ar] .cx-inner-titlebar {
    text-align: right
}

html[lang=ar] .rt-class.MAINCHATSERVICE .cx-webchat.cx-theme-dark .cx-transcript .cx-name, .rt-class.MAINCHATSERVICE .cx-webchat.cx-theme-dark .cx-transcript .cx-message-textm, .rt-class.MAINCHATSERVICE .cx-webchat.cx-theme-dark .cx-transcript .cx-time, .rt-class.MAINCHATSERVICE .cx-webchat.cx-theme-dark .cx-transcript .cx-name, .rt-class.MAINCHATSERVICE .cx-webchat.cx-theme-dark .cx-transcript .cx-bubble .cx-message-text {
    text-align: right
}

html[lang=ar] .cx-webchat .cx-transcript {
    text-align: right !important
}

html[lang=ar] .rt-class.MAINCHATSERVICE .cx-wrapper p {
    text-align: right !important
}

html[lang=ar] .rt-class.MAINCHATSERVICE .cx-message-input {
    text-align: right
}

html[lang=ar] .cx-webchat .cx-menu li.cx-upload, .cx-webchat .cx-send {
    display: inline-block;
    list-style: none;
    height: 25px;
    width: 25px;
    margin-right: 18px;
    cursor: pointer;
    outline-style: none;
    background: #2b4e80;
    border-radius: 5px
}

html[lang=ar] .cx-widget.cx-theme-dark.CALLBACKCHATSERVICE * {
    border: 0 !important
}

html[lang=ar] .cx-widget {
    font-family: "NotoKufiArabic-VariableFont"
}

html[lang=ar] .CALLBACKCHATSERVICE .cx-callback::-webkit-scrollbar-thumb {
    background-color: #7f9ea4 !important;
    outline: 1px solid #7f9ea4 !important;
    direction: rtl
}

html[lang=ar] .cx-widget.cx-common-container.cx-callback {
    direction: rtl !important;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px
}

html[lang=ar] .CALLBACKCHATSERVICE.cx-titlebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px !important;
    background-color: #2b4e80 !important;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px
}

    html[lang=ar] .CALLBACKCHATSERVICE .cx-titlebar .cx-icon {
        float: right !important;
        width: 135px !important;
        height: auto !important;
        margin-top: 0 !important
    }

html[lang=ar] .CALLBACKCHATSERVICE #cx-icon-reload {
    position: absolute;
    left: 12px;
    top: 33px
}

html[lang=ar] .cx-callback table tr th {
    text-align: right !important
}

html[lang=ar] .cx-callback .cx-content .cx-form table th .cx-control-label {
    color: #003767 !important;
    font-family: "NotoKufiArabic-VariableFont";
    font-size: 13px !important
}

html[lang=ar] .cx-inner-titlebar h3 {
    margin-top: 0;
    margin-bottom: 5px;
    color: #003767;
    font-size: 16px;
    font-family: "NotoKufiArabic-VariableFont";
    text-align: right
}

html[lang=ar] .cx-inner-titlebar p {
    color: #003767;
    margin: 0;
    font-size: 12px;
    font-family: "NotoKufiArabic-VariableFont";
    font-weight: bold;
    text-align: right
}

html[lang=ar] .cx-callback .cx-control-label span {
    color: #ff5757;
    line-height: 0;
    margin-right: 5px
}

html[lang=ar] .cx-confirmation h3, .cx-confirmation h4, .cx-confirmation .cx-number-description {
    direction: rtl !important
}

html[lang=ar] .cx-confirmation .cx-confirmation-wrapper .cx-number-description::after {
    color: #fff !important;
    content: "شكرًا لك، سيقوم فريق خدمة العملاء بالتواصل معك في أقرب وقت ممكن";
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px
}

html[lang=ar] #myModal_for_servey .custom-control2-label::before {
    right: 0;
    left: auto;
    top: 5px
}

html[lang=ar] #myModal_for_servey .custom-control2-label::after {
    right: 0;
    left: auto;
    top: 5px
}

html[lang=ar] #myModal_for_servey .custom-control2-label {
    padding-right: 25px
}

html[lang=ar] #myModal_for_servey .custom-control2 img {
    width: 40px;
    height: 40px;
    margin-right: -15px !important
}

html[lang=ar] #myModal_for_servey .custom-control-label::before, #myModal_for_servey .custom-control2-label::before {
    right: 0;
    left: auto;
    top: -15px !important
}

html[lang=ar] #myModal_for_servey .custom-control-label::after, #myModal_for_servey .custom-control2-label::after {
    right: 0;
    left: auto;
    top: -15px !important;
    border-radius: 50%
}

html[lang=ar] #myModal_for_servey .custom-control-label {
    padding-right: 0 !important
}

html[lang=ar] #myModal_for_servey .custom-control img {
    width: 40px;
    height: 40px;
    margin-right: -15px !important
}

html[lang=ar] .custom-control-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0rem !important;
    padding: 0 1em !important
}

.cx-message-text a {
    color: #000 !important
}

#servey form {
    background: #fff;
    margin: 80px auto;
    max-width: 45%;
    padding: 20px;
    border-radius: 5px;
    width: auto;
    display: inline-block;
    min-width: 400px
}

.MAINCHATSERVICE .input-group {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 20px 0
}

.cx-widget.MAINCHATSERVICE .cx-side-button-group {
    display: none
}

.cx-webchat .cx-form {
    padding: 10px 24px 0 24px;
    border-width: 0px
}

    .cx-webchat .cx-form table td {
        width: 100%;
        padding: 4px 0;
        display: block;
        margin-bottom: 5px !important
    }

.cx-widget.cx-theme-dark.MAINCHATSERVICE .cx-form-control, .cx-webchat .cx-body, .cx-webchat div.cx-input-container {
    margin: 16px 0 !important
}

.cx-webchat div.cx-input-container {
    margin: 0px auto 10px auto !important;
    max-width: 97% !important;
    border-width: 1px !important
}

.cx-webchat {
    position: fixed;
    bottom: 0;
    width: 320px;
    z-index: 1;
    max-height: 100%;
    overflow-y: auto
}

.cx-widget.cx-theme-dark.MAINCHATSERVICE .cx-btn-default {
    background: none;
    border-color: #003767 !important;
    color: #003767;
    background-color: #fff;
    border-radius: 20px
}

.cx-common-container .cx-buttons-window-control button.test {
    position: relative;
    display: inline-block !important;
    color: rgba(0,0,0,0) !important
}

.test + .test {
    display: none !important
}

.cx-footer {
    display: none !important
}

.cx-webchat .cx-form th .cx-control-label {
    color: #5c5c5c !important
}

.cx-webchat::-webkit-scrollbar {
    width: .5em !important
}

.cx-webchat::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #3c6eb2 !important
}

.cx-webchat::-webkit-scrollbar-thumb {
    background-color: #7f9ea4 !important;
    outline: 1px solid #7f9ea4 !important
}

.cx-webchat.cx-theme-dark .cx-transcript .cx-name, .cx-webchat.cx-theme-dark .cx-transcript .cx-message-textm, .cx-webchat.cx-theme-dark .cx-transcript .cx-time, .cx-webchat.cx-theme-dark .cx-transcript .cx-name, .cx-webchat.cx-theme-dark .cx-transcript .cx-bubble .cx-message-text {
    color: #5c5c5c !important;
    color: #000 !important
}

.cx-webchat.cx-theme-dark .cx-message.cx-participant.cx-them.cx-Agent.cx-agent .cx-bubble .cx-message-text, .cx-webchat.cx-theme-dark .cx-message.cx-participant.cx-you .cx-message-text, .cx-webchat.cx-theme-dark .cx-message.cx-participant.cx-you .cx-time, .cx-webchat.cx-theme-dark .cx-message.cx-participant.cx-them.cx-Agent.cx-agent .cx-bubble .cx-time {
    color: #fdfdfd !important
}

.MAINCHATSERVICE .cx-webchat .cx-body {
    border-radius: 0 !important;
    max-height: 60vh;
    overflow: auto
}

.cx-title {
    display: none !important
}

.MAINCHATSERVICE .cx-subtitle {
    margin-top: 18px;
    text-align: center;
    font: normal normal normal 14px/21px KUffi
}

#governmentagency {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-you .cx-bubble {
    background-color: #747474
}

    .cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-you .cx-bubble .cx-name {
        color: #fff !important;
        font-weight: 700;
        font-size: 16px
    }

.cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-them .cx-bubble {
    background-color: #41c2f3
}

    .cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-them .cx-bubble .cx-name {
        color: #fff
    }

.cx-widget.MAINCHATSERVICE svg:not(:root) {
    overflow: hidden;
    -webkit-transform: scale(1);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.cx-widget.cx-theme-dark.MAINCHATSERVICE .cx-buttons-window-control .cx-svg-icon-tone1 {
    fill: #ccc
}

.cx-common-container .cx-buttons-window-control button:hover {
    background: rgba(204,204,204,.5294117647)
}

#cx_webchat_form_lastname {
    display: none !important
}

.full_screen .cx-widget .cx-body {
    height: 100%;
    max-height: none
}

.custom-radio2 .custom-control2-input:checked ~ .custom-control2-label::before {
    background-color: #2b4e80 !important
}

.modal.show .form-control {
    font-size: .9rem
}

.inner___logo {
    max-width: 40px;
    height: 40px;
    border-radius: 200px
}

.cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you .cx-name, .cx-webchat .cx-transcript .cx-message-group > .cx-message.cx-participant.cx-you:first-child .cx-name {
    display: none !important
}

.dangerError {
    color: red;
    font-size: 10px;
    margin: -5px 0 10px 0
}

.cx-webchat.cx-theme-dark .cx-alert > .cx-wrapper {
    background-color: #163868 !important
}

.MAINCHATSERVICE.cx-widget.cx-theme-dark .cx-btn-primary {
    color: #fdfdfd;
    border-color: #2b4e80 !important;
    background: #2b4e80 !important;
    background: -webkit-linear-gradient(top, #2b4e80 0%, #2b4e80 100%) !important;
    border-radius: 15px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2b4e80), to(#2b4e80)) !important;
    background: linear-gradient(to bottom, #2b4e80 0%, #2b4e80 100%) !important;
    margin-bottom: 10px
}

.cx-widget.cx-theme-dark.MAINCHATSERVICE .cx-dock .cx-body .cx-alert .cx-wrapper .cx-button-group.cx-buttons-binary .cx-btn-primary, .cx-widget.cx-theme-dark.MAINCHATSERVICE .cx-dock .cx-body .cx-alert .cx-wrapper .cx-button-group.cx-buttons-binary .cx-btn-default {
    color: #000;
    border-color: #fff !important;
    background: #fff !important;
    background: -webkit-linear-gradient(top, #fff 0%, #fff 100%) !important;
    border-radius: 15px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) !important;
    background: linear-gradient(to bottom, #fff 0%, #fff 100%) !important;
    margin-bottom: 10px;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important
}

.cx-widget.cx-theme-dark.MAINCHATSERVICE .cx-smokescreen {
    opacity: 0 !important
}

.cx-widget.cx-toaster {
    display: none !important
}

.cx-webchat .cx-menu li.cx-emoji, .cx-webchat .cx-menu li.cx-cobrowse, .cx-webchat .cx-menu li.cx-char-count, .cx-webchat .cx-menu li.cx-icon.cx-branding-icon {
    display: none !important
}

.cx-webchat .cx-send {
    margin: 0
}

.CALLBACKCHATSERVICE .cx-callback .cx-body {
    border-radius: 0 !important;
    max-height: 60vh !important;
    overflow: auto !important
}

.CALLBACKCHATSERVICE .cx-callback {
    position: fixed;
    max-height: 100%;
    overflow-y: auto
}

    .CALLBACKCHATSERVICE .cx-callback .cx-content {
        padding: 10px 15px 5px 15px !important;
        height: 50vh
    }

.cx-title {
    display: none !important
}

.CALLBACKCHATSERVICE .cx-button-group.cx-buttons-window-control .cx-button-minimize, .CALLBACKCHATSERVICE .cx-button-group.cx-buttons-window-control .test {
    display: none !important
}

.CALLBACKCHATSERVICE #cx-icon-reload button {
    background-color: rgba(0,0,0,0) !important;
    border: 0 !important
}

.cx-callback table {
    width: 100% !important
}

    .cx-callback table tr {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100% !important;
        margin-top: 15px
    }

.cx-callback {
    background: #f0f0f0 !important
}

    .cx-callback table .cx-form-control {
        background-color: #fff !important;
        border: 1px solid rgba(0,55,103,.3019607843) !important;
        height: 40px;
        border-radius: 10px;
        color: #9d9d9d !important
    }

    .cx-callback .cx-form textarea {
        height: 150px !important
    }

    .cx-callback .cx-form .cx-button-group {
        overflow-x: hidden
    }

    .cx-callback .cx-buttons-binary .cx-btn-primary {
        border-color: #2b4e80 !important;
        background: #2b4e80 !important;
        margin-bottom: 10px;
        padding: 3px 30px;
        border-radius: 50px !important;
        border-radius: 10px !important
    }

.CALLBACKCHATSERVICE .cx-widget.cx-theme-dark .cx-btn-default {
    background: #fff !important;
    color: #2b4e80 !important;
    margin-bottom: 10px;
    border-radius: 10px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3px 30px;
    border-radius: 50px !important
}

.cx-confirmation-wrapper {
    background-color: #003767 !important;
    text-align: center;
    padding-top: 20px;
    border-radius: 10px !important
}

.cx-callback .cx-overlay {
    top: 0;
    position: sticky
}

.CALLBACKCHATSERVICE .cs-body > div:first-child {
    position: inherit !important
}

.cx-confirmation {
    position: relative
}

.cx-callback-done {
    position: absolute;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.cx-confirmation .cx-callback-done button {
    background-color: #a51717 !important
}

.cx-confirmation .cx-confirmation-wrapper .cx-confirm-description {
    color: rgba(0,0,0,0) !important;
    position: relative
}

.cx-confirmation .cx-confirmation-wrapper .cx-number-description, .cx-confirmation .cx-confirmation-wrapper .cx-number-confirm {
    color: rgba(0,0,0,0) !important;
    position: relative
}

.cx-callback-done .cx-btn.cx-btn-default {
    position: relative;
    color: rgba(0,0,0,0) !important
}

.CALLBACKCHATSERVICE .cx-powered-by, .noneDisplay, #cx_form_schedule_options, .cx-schedule, .cx-side-button-group, .cx-sidebar-button, .cx-branding {
    display: none !important
}

.custom-control2-inline {
    margin: 0 1.15em !important
}
/*# sourceMappingURL=styles.min.css.map */
.input-with-icon {
    position: relative;
    border: 1px solid #9da4ae;
    border-radius: 5px;
    padding-top: 7px
}

    .input-with-icon input {
        padding-right: 30px;
        border: none;
        padding: 10px;
        border-radius: 5px
    }

.VidlangEN .Vid_icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    pointer-events: none
}

.VidlangAR .Vid_icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none
}

#modalVidCall {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear .25s,opacity .25s 0s,transform .25s
}

    #modalVidCall.show-modal-VidCall {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transition: visibility 0s linear 0s,opacity .25s 0s,transform .25s;
        z-index: 100
    }

.VidlangEN #modalContentVidCall {
    position: absolute;
    top: 57%;
    right: 50%;
    transform: translate(50%,-50%);
    background-color: #fff;
    padding: 1rem 1.5rem;
    width: 40rem;
    border-radius: 8px;
    height: 82%;
    overflow: scroll
}

.VidlangEN #closeButtonVidCall {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    font-size: 1.5rem
}

    .VidlangEN #closeButtonVidCall:hover {
        background-color: #a9a9a9
    }

.VidlangEN .VidCallBTN {
    text-align: left
}

.VidlangEN .help-text {
    border-radius: 20px;
    height: 45px;
    width: 45px;
    border: 1px solid #000;
    background-color: transparent;
    cursor: pointer;
    outline: none
}

.VidlangEN #shadow {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    background-color: #000;
    opacity: .6
}

.VidlangEN .help.active {
    border-radius: 10px
}

.VidlangEN .help {
    top: 80%;
    right: 90%;
    position: absolute;
    font-family: sans-serif;
    z-index: 10;
    font-size: 0;
    transform: translate(50%,-50%);
    color: #3b70bf;
    text-align: center;
    background-color: #326a9d;
    border-radius: 15px;
    width: 120px;
    height: 120px
}

    .VidlangEN .help.inactive:hover {
        cursor: pointer
    }

    .VidlangEN .help > p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

.VidlangEN .helpbox {
    position: inherit;
    width: 100%
}

.VidlangEN.x {
    position: absolute;
    top: 5%;
    right: 92.5%;
    font-size: 20px;
    z-index: 10
}

.VidlangEN .help-form {
    margin-top: 20px;
    margin-left: 2px
}

.VidlangEN #VidCall-submit2 {
    margin-left: 10px !important;
    margin-top: 18px !important
}

.VidlangEN .VidCall-btn {
    background-color: #204e84;
    color: #404040;
    margin-top: 10px
}

.VidlangEN .VidCall-header-title {
    color: #1b8354;
    font-size: 15px;
    border-radius: 10px;
    direction: ltr;
    padding-left: 12px
}

.VidlangEN .online-form-title-Agree {
    color: #000;
    direction: ltr;
    margin-left: 12px
}

.VidlangEN .online-form-title {
    color: #161616;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
    padding-right: 11px !important;
    padding-left: 12px !important;
    margin: 0 !important;
    margin-right: 20px !important;
    direction: ltr
}

.VidlangEN .form-group-vid {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    direction: ltr;
    flex-direction: column;
    color: #161616
}

.vid-option:hover {
    background-color: #808080 !important
}

.vid-option {
    color: #1b8354
}

.VidlangEN .form-group-vid input {
    font-size: .8rem;
    font-weight: 500;
    color: var(--text-dark);
    padding: .5rem;
    border: 2px solid var(--primary-lighter);
    border-radius: .3rem;
    height: 32px !important;
    width: 100%;
    padding-left: 30px
}

.VidlangEN .form-group-vid label {
    font-size: .75rem
}

.VidlangEN .VidCall-btn.btn-text-chat {
    color: #fff
}

.modalContentVidCall-width {
    width: 90% !important
}

@media only screen and (max-width:768px) {
    .VidlangEN #modalContentVidCall {
        width: 90%;
        height: 90%;
        top: 50%;
        right: 50%;
        transform: translate(50%,-50%);
        padding: 1rem;
        overflow: scroll
    }

    .VidlangEN .VidCall-header-title {
        font-size: 1.2rem;
        padding-left: 10px
    }

    .VidlangEN .form-group-vid {
        padding-left: 5px;
        padding-right: 5px
    }

        .VidlangEN .form-group-vid input {
            font-size: .8rem;
            height: 40px !important
        }

    .VidlangEN #closeButtonVidCall {
        width: 2rem;
        line-height: 2rem
    }

    .VidlangEN .help {
        top: 70%;
        right: 80%;
        width: 100px;
        height: 100px
    }

        .VidlangEN .help > p {
            font-size: .8rem
        }

    .VidlangEN .x {
        font-size: 1.5rem
    }
}

.VidlangAR #modalContentVidCall {
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    padding: 1rem 1.5rem;
    width: 40rem;
    border-radius: 8px;
    height: 82%;
    overflow: scroll
}

.VidlangAR #closeButtonVidCall {
    float: left;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    font-size: 1.5rem
}

    .VidlangAR #closeButtonVidCall:hover {
        background-color: #a9a9a9
    }

.VidlangAR .VidCallBTN {
    text-align: right;
    margin-right: -4px
}

.VidlangAR .help-text {
    border-radius: 20px;
    height: 45px;
    width: 45px;
    border: 1px solid #000;
    background-color: transparent;
    cursor: pointer;
    outline: none
}

.VidlangAR #shadow {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    background-color: #000;
    opacity: .6
}

.VidlangAR .help.active {
    border-radius: 10px
}

.VidlangAR .help {
    top: 80%;
    left: 90%;
    position: absolute;
    font-family: sans-serif;
    z-index: 10;
    font-size: 0;
    transform: translate(-50%,-50%);
    color: #3b70bf;
    text-align: center;
    background-color: #326a9d;
    border-radius: 15px;
    width: 120px;
    height: 120px
}

    .VidlangAR .help.inactive:hover {
        cursor: pointer
    }

    .VidlangAR .help > p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

.VidlangAR .helpbox {
    position: inherit;
    width: 100%
}

.VidlangAR.x {
    position: absolute;
    top: 5%;
    left: 92.5%;
    font-size: 20px;
    z-index: 10
}

.VidlangAR .help-form {
    margin-top: 20px;
    margin-right: 15px
}

.VidlangAR #VidCall-submit2 {
    margin-right: 10px !important;
    margin-top: 18px !important
}

.VidlangAR .VidCall-btn {
    background-color: #204e84;
    color: #404040;
    margin-top: 10px
}

.VidlangAR .VidCall-header-title {
    color: #1b8354;
    font-size: 15px;
    border-radius: 10px;
    direction: rtl;
    padding-right: 20px
}

.VidlangAR .online-form-title-Agree {
    color: #000;
    margin: 0 !important;
    margin-right: 8px !important;
    direction: rtl
}

.VidlangAR .online-form-title {
    color: #161616;
    margin-right: 20px !important;
    direction: rtl
}

.VidlangAR .form-group-vid {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    direction: rtl;
    flex-direction: column
}

    .VidlangAR .form-group-vid input {
        font-size: .8rem;
        font-weight: 500;
        color: var(--text-dark);
        padding: .5rem;
        border: 2px solid var(--primary-lighter);
        border-radius: .3rem;
        height: 32px !important;
        width: 100%;
        padding-right: 30px
    }

    .VidlangAR.form-group-vid label {
        font-size: .75rem;
        color: #161616 !important
    }

.VidlangAR .VidCall-btn.btn-text-chat {
    color: #fff
}

@media only screen and (max-width:768px) {
    .VidlangAR #modalContentVidCall {
        width: 90% !important;
        height: 90%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 1rem;
        overflow: scroll
    }

    .VidlangAR .VidCall-header-title {
        font-size: 1.2rem;
        padding-right: 20px
    }

    .VidlangAR .form-group-vid {
        padding-left: 5px;
        padding-right: 5px;
        color: #161616
    }

        .VidlangAR .form-group-vid input {
            font-size: .8rem;
            height: 40px !important;
            padding-right: 30px !important
        }

    .VidlangAR #closeButtonVidCall {
        width: 2rem;
        line-height: 2rem
    }

    .VidlangAR .help {
        top: 70%;
        left: 80%;
        width: 100px;
        height: 100px
    }

        .VidlangAR .help > p {
            font-size: .8rem
        }

    .VidlangAR .x {
        font-size: 1.5rem
    }
}
.select2-container{
    display:none !important;
}

.digital-stamp-card {
    padding: 8px 32px;
    background: #f3f4f6;
}
    .digital-stamp-card .digital-stamp-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding-top: 0px;
        gap: 16px;
    }
    .digital-stamp-card .digital-stamp-body {
        padding-top: 40px;
        padding-bottom: 32px;
        display: none;
    }
    .digital-stamp-card .digital-stamp-header h6 {
        color: #161616;
        font-size: 14px;
        font-family: 'IBMArabic-Bold';
        font-weight: 500;
        line-height: 1.2;
        margin: 0;
    }
    .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
        cursor: pointer;
    }
        .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card span {
            color: #1b8354;
            font-size: 14px;
        }
        .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card img {
            transition: .3s;
        }
    .digital-stamp-card .digital-stamp-body {
        padding-top: 40px;
        padding-bottom: 32px;
        display: none;
    }
.digital-stamp-container {
    margin-bottom: 32px;
    display: flex;
    gap: 32px;
}
.digital-stamp-card .digital-stamp-body .digital-stamp-container .box {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    width: 50%;
}
    .digital-stamp-card .digital-stamp-body .digital-stamp-container .box h6 {
        margin-bottom: 12px;
        color: #161616;
        font-size: 18px;
        font-family: 'IBMArabic-Bold';
        font-weight: 400;
        line-height: 1.2;
    }
    .digital-stamp-card .digital-stamp-body .digital-stamp-container .box p {
        color: #384250;
        font-size: 16px;
        font-family: 'IBMArabic-Regular';
        line-height: 1.7;
    }
.digital-stamp-card .digital-stamp-body .stamp-link-box {
    padding: 8px 28px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    background: #fff;
}
    .digital-stamp-card .digital-stamp-body .stamp-link-box a {
        color: #1b8354;
        font-size: 16px;
        font-family: 'IBMArabic-Regular';
        text-decoration: underline;
    }
.digital-stamp-card .digital-stamp-header.open .btn-digital-stamp-card img {
    transform: rotate(180deg);
}

.footer-links-list__item .footer-link .icon-after-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(https://shc.gov.sa/SHCPortalNewID/2021/UI/Platform/FigmaIcons/LSQ.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
    color: #fff;
}