/*
Theme Name: Tadbir Theme
Theme URI: https://tadbirhesab.ir
Author: Harmony
Author URI: https://harmony.agency/
Description: سمفونــی هـــارمونیک فضـای دیجیتال و تبلیغات شمـــا
Version: 1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tadbir-theme
*/

*,
*::before,
*::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: inherit;
}

/* @font-face {
    font-family: "peyda";
    src: url("assets/fonts/PeydaWebFaNum-Regular.woff2");
    font-weight: 400;
}

@font-face {
    font-family: "peyda";
    src: url("assets/fonts/PeydaWebFaNum-Bold.woff2");
    font-weight: 700;
} */

@font-face {
    font-family: "ahang";
    src: url("assets/fonts/Ahang-Regular.woff");
    font-weight: 400;
}

@font-face {
    font-family: "ahang";
    src: url("assets/fonts/Ahang-Bold.woff");
    font-weight: 700;
}

:root {
    --primary-color: #00502d;
    --primary-light-color: #2c8a401a;
    --secondary-color: #c6a04b;
    --secondary-text-color: #28282880;
    --white-color: #fff;
    --black-color: #000;
    --light-gray-color: #778ea0;
    --transparent-white-color: #f4f5f82b;
}

body {
    font-family: "ahang", sans-serif;
    text-rendering: optimizeLegibility;
    font-kerning: none;
    min-height: 100dvh;
    overflow-x: hidden;
}

img,
video {
    max-width: 100%;
}

a {
    color: inherit;
}

ul {
    list-style: none;
}

main {
    padding-top: 77px;
}

body.home main {
    padding-top: 0;
}

/* Header styles */
header.has-bg {
    background-color: var(--white-color);
}

.main_menu .sub-menu .menu-item a {
    padding: 10px 16px;
    display: block;
}

.main_menu .menu-item {
    position: relative;
    transition: all 0.3s ease;
}

.main_menu .menu-item .sub-menu a {
    color: var(--black-color);
}

.main_menu .menu-item .sub-menu {
    position: absolute;
    top: 100%;
    background-color: var(--white-color);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 10px 0;
    border-radius: 12px;
    display: none;
    opacity: 0;
    visibility: hidden;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: column;
    width: 150px;
    right: 0;
    color: var(--black-color);
    transition: all 0.4s ease;
}

.main_menu .menu-item:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    display: block;
}

header .main_menu .menu {
    display: flex;
    gap: 20px;
}

.mobile_menu_body .menu-menu-container {
    width: 100%;
}

.mobile_menu_body .sub-menu {
    display: none;
}

.mobile_menu_body .sub-menu.active {
    display: block;
}

#wpadminbar {
    z-index: 99999999 !important;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
}

header .wrapper {
    max-width: 1380px;
    margin: 0 auto;
    padding: 18px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.mobile_menu_header .header-logo {
    display: block !important;
}

.container {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
}

a {
    text-decoration: none;
}

.btn {
    border: none;
    cursor: pointer;
    border-radius: 12px;
    color: inherit;
    display: inline-block;
}

.btn-secondary {
    background-color: var(--secondary-color);
    color: var(--white-color);
    padding: 8px 13px;
    display: inline-block;
    border-radius: 12px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

header .buttons-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

header.absolute {
    position: absolute;
    top: var(--wp-admin--admin-bar--height);
    left: 0;
    right: 0;
    width: 100%;
}

.hero_section {
    background-image: url("./assets/images/header-1.webp");
    height: 100dvh;
    background-repeat: no-repeat;
    display: flex;
    align-items: end;
    justify-content: flex-start;
    background-size: cover;
    position: relative;
    padding-bottom: 100px;
}

.hero_section .people_slider {
    z-index: 0;
}

.hero_section .container {
    z-index: 1;
}

.hero_section .people_slider img {
    position: absolute;
    left: 23%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 768px) {
    .hero_section .people_slider img {
        position: absolute;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        top: 50%;
        left: 50%;
        width: 285px;
        transform: translate(-50%, -50%);
        -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 98%);
        mask-image: linear-gradient(to bottom, black 85%, transparent 98%);
    }
}

.hero_section .people_slider img.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s;
}

header .main_menu_mobile {
    transform: translateX(100%);
    transition: transform 0.3s ease;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    min-width: 300px;
    background-color: var(--white-color);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

header .main_menu_mobile.show {
    transform: translateX(0);
    opacity: 1;
}

header .main_menu {
    display: block;
}

header {
    border-bottom: 1px solid #ffffff21;
}

body.admin-bar header.sticky .main_menu_mobile {
    padding: 0 !important;
}

.menu-icon {
    display: none;
}

.mobile_menu_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding: 16px;
    background-color: #f5f5f5;
}

.mobile_menu_body {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding-top: 16px;
    overflow-y: auto;
    height: calc(100% - 60px);
}

.mobile_menu_body li {
    color: inherit;
    padding: 16px;
}

.main_menu {
    color: var(--white-color);
}

body.admin-bar .main_menu_mobile {
    padding-top: 32px;
}

@media screen and (min-width: 768px) {
    body.admin-bar header {
        top: 32px !important;
    }
}

.hero_section .hero_content {
    color: var(--white-color);
    max-width: 500px;
    width: 100%;
    margin-inline-end: auto;
}

@media screen and (min-width: 768px) and (max-width: 1360px) {
    .hero_section .hero_content {
        margin-bottom: -85px;
    }
}

.hero_content .content_title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
}

.hero_content .content_title span {
    color: var(--secondary-color);
}

.hero_content .content_description {
    font-size: 18px;
    margin-bottom: 40px;
    text-align: justify;
    line-height: 30px;
}

header.home-header {
    background: transparent;
}

header {
    transition: background-color 0.3s ease;
    background-color: var(--white-color);
}

header.sticky {
    background-color: var(--white-color);
    box-shadow: 0px 4px 16px 0px #e3e5e3;
}

header.sticky..home-header {
    box-shadow: none;
}

header .main_menu a {
    transition: color 0.3s ease;
}

header.home-header .main_menu a {
    color: var(--white-color);
}

header .main_menu a {
    color: var(--black-color);
}

header .main_menu a:hover {
    color: var(--secondary-color) !important;
}

header.sticky .main_menu a {
    color: var(--black-color);
}

.header-colored-logo {
    display: none;
}

header.home-header .header-colored-logo {
    display: none;
}

header.home-header .header-logo {
    display: block;
}

header .header-colored-logo {
    display: block;
}

header .header-logo {
    display: none;
}

header.sticky .header-colored-logo {
    display: block;
}

header.sticky .header-logo {
    display: none;
}

header .btn-outline-white {
    background: var(--transparent-white-color);
    border: 1px solid var(--white-color);
    padding: 8px 25px;
}

header .btn-outline-white {
    background-color: transparent;
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}

header.home-header .btn-outline-white {
    background-color: var(--transparent-white-color);
    border-color: var(--white-color);
    color: var(--white-color);
}

header.sticky .btn-outline-white,
header.home-header.sticky .btn-outline-white {
    background-color: transparent;
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}

@media screen and (max-width: 1024px) {
    header .buttons-group .btn-outline-white {
        display: none;
    }

    header .main_menu {
        display: none;
    }

    header .header-logo {
        width: 100px;
    }

    header .main_menu_mobile {
        display: block;
    }

    body.admin-bar .main_menu_mobile {
        padding-top: 46px;
    }

    body.admin-bar header {
        top: 46px;
    }

    .menu-icon {
        display: block;
    }

    .glide_arrows {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .hero_section {
        background-image: url("./assets/images/hero.webp");
        min-height: 700px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .hero_section {
        display: flex;
        align-items: end;
        padding: 24px;
    }

    .hero_section .content_title {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .hero_section .content_description {
        font-size: 14px;
        line-height: normal;
        margin-bottom: 10px;
    }
}

.home_counter_boxes {
    display: grid;
    align-items: stretch;
    justify-content: center;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 100px;
}

@media screen and (max-width: 768px) {
    .home_counter_boxes .box:last-child {
        grid-column: span 2;
    }
}

.home_counter_boxes .box {
    padding: 24px 16px;
    background-color: #2c8a401a;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}

.home_counter_boxes .box .box_number {
    font-size: 42px;
    color: #282828;
}

.home_counter_boxes .box .box_title {
    font-size: 20px;
    color: #28282880;
}

@media screen and (max-width: 768px) {
    .home_counter_boxes .box .box_number {
        font-size: 20px;
    }

    .home_counter_boxes .box .box_title {
        font-size: 16px;
    }
}

@media screen and (max-width: 1200px) {
    .home_counter_boxes {
        grid-template-columns: repeat(2, 1fr);
    }

    .home_counter_boxes {
        margin-top: 100px;
    }
}

.lined_title,
.one_lined_title {
    position: relative;
    color: #778ea0;
    text-align: center;
    font-size: 18px;
    display: inline-block;
}

.lined_title {
    margin-right: 45px;
}

.home_services {
    margin-top: 100px;
    text-align: center;
}

.lined_title::after {
    left: 0 !important;
    transform: translate(-40px, -50%) !important;
}

.lined_title::before {
    right: 0;
    transform: translate(40px, -50%) !important;
}

.one_lined_title::after {
    left: -35%;
    content: "";
    position: absolute;
    bottom: 50%;
    left: -35%;
    transform: translateY(-50%);
    width: 32px;
    height: 2px;
    background-color: #778ea0;
}

.lined_title::after,
.lined_title::before {
    content: "";
    position: absolute;
    bottom: 50%;
    left: -35%;
    transform: translateY(-50%);
    width: 32px;
    height: 2px;
    background-color: #778ea0;
}

.services_title {
    font-size: 32px;
    font-weight: 700;
    margin-top: 4px;
}

.services_title span {
    color: var(--secondary-color);
}

.home_services_boxes_wrapper {
    background-color: #2c8a401a;
    margin-top: 126px;
    height: 180px;
}

.home_services_boxes_wrapper .box .box_desc {
    color: #28282880;
    font-size: 16px;
}

.home_services_boxes_wrapper .box .box_title {
    color: #282828;
    font-size: 18px;
    margin-bottom: 22px;
}

.home_services_boxes_wrapper .box {
    position: relative;
}

.home_services_boxes_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    transform: translateY(-33%);
}

.home_services_boxes_wrapper .box_icon {
    background-color: var(--primary-color);
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 12px;
    position: absolute;
    left: 12px;
    top: 50px;
}

body.admin-bar header.sticky {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .home_services_boxes_grid {
        grid-template-columns: repeat(2, 1fr);
        transform: translateY(0);
        text-align: center;
    }
}

@media screen and (max-width: 640px) {
    .home_services_boxes_grid {
        transform: translateY(0);
        display: block;
        text-align: center;
    }
}

@media screen and (max-width: 1200px) {
    .home_services_boxes_wrapper .box {
        /* width: max-content; */
        margin: 0 auto;
    }

    .home_services_boxes_wrapper .box svg {
        width: 100%;
    }

    .home_services_boxes_wrapper {
        height: auto;
    }

    .home_services_boxes_wrapper .box_icon {
        width: 55px;
        height: 55px;
        left: 25px;
        top: 25px;
    }

    .home_services_boxes_wrapper .box_icon img {
        width: 30px;
        height: 30px;
    }
}

.video-section {
    margin-top: 100px;
    text-align: center;
}

.video-section video {
    margin-top: 50px;
}

.video-section .video_title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 12px;
}

.video-section .video_description {
    color: #28282880;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
}

.about-us-wrapper,
.financial-wrapper,
.consulting-wrapper {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 64px;
    margin-top: 100px;
}

.financial-wrapper {
    max-width: 1150px;
    padding: 0 25px;
}

.consulting-wrapper .consulting_title,
.financial-wrapper .financial_title,
.about-us-wrapper .about_us_title {
    color: #282828;
    text-align: start;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 12px;
}

.about-us-wrapper .about_us_description :is(h1, h2, h3, h4, h5, h6) {
    color: #282828;
    text-align: start;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
    .about-us-wrapper .about_us_description :is(h1, h2, h3, h4, h5, h6) {
        font-size: 18px;
    }
    .consulting-wrapper .consulting_title,
    .financial-wrapper .financial_title,
    .about-us-wrapper .about_us_title {
        font-size: 18px;
    }
}

.about-us-wrapper .about_us_description {
    margin-bottom: 24px;
}

.about-us-wrapper .about_us_description :is(p, li) {
    color: #28282880;
    font-size: 14px;
    text-align: start;
    font-weight: 400;
    margin-bottom: 12px;
}

.consulting-wrapper .consulting_description,
.financial-wrapper .financial_description {
    color: #28282880;
    font-size: 14px;
    text-align: start;
    font-weight: 400;
    margin-bottom: 12px;
}

.about_us_list_title {
    color: #282828;
    text-align: start;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
}

.about_us_list {
    list-style: disc;
    color: #28282880;
    list-style-position: inside;
    margin-bottom: 24px;
}

.about-us-button,
.consulting-button,
.financial-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: max-content;
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 8px 24px;
    border-radius: 12px;
}

.consulting-wrapper .consulting_description {
    margin-bottom: 24px;
}

.video2-section {
    margin-top: 100px;
    background-color: #2c8a401a;
    min-height: 574px;
    text-align: center;
    padding-top: 44px;
}

.video2-section .video2-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #282828;
    line-height: 67px;
}

.users-comments-section {
    margin-top: 100px;
}

.users-comments-section .users-comments-title span {
    color: var(--secondary-color);
}

.users-comments-section .users-comments-title {
    text-align: start;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #282828;
    line-height: 67px;
}

.users-comments-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.users-comments-content-wrapper .users-comments-description {
    color: #28282880;
    font-size: 16px;
    text-align: start;
    font-weight: 400;
    max-width: 520px;
    line-height: 22px;
}

.video_box {
    position: relative;
    height: 200px;
    overflow: hidden;
    border-radius: 12px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 12px;
}

.video_box::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 20px, rgba(0, 0, 0, 0) 20%);
    user-select: none;
    touch-action: none;
    pointer-events: none;
}

.video_box .play_button::after {
    background: rgba(255, 255, 255, 0.2);
    content: "";
    position: absolute;
    inset: 0;
    width: 85px;
    height: 85px;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(10px);
    z-index: 9998;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.video_box .play_button_manager::after{
    background: rgba(255, 255, 255, 0.2);
    content: "";
    position: absolute;
    inset: 0;
    width: 85px;
    height: 85px;
    border-radius: 100%;
    top: 50%;
    transform: translate(12%, -50%);
    backdrop-filter: blur(10px);
    z-index: 9998;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.video_box .play_button , .video_box .play_button_manager {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 64px;
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    z-index: 9999;
    border-radius: 100%;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.video_box .play_button:hover::after {
    width: 64px;
    height: 64px;
}

.video_box .video_cover {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.video_box .box_content .job_title {
    color: #ffffffa3;
    font-size: 14px;
}

.video_box .box_content .person_name {
    color: var(--white-color);
    font-size: 16px;
    font-weight: 700;
}

.video_box .box_content::after {
    right: -7px;
}

.video_box .box_content::before {
    right: -14px;
    width: 4px !important;
}

.video_box .box_content::after,
.video_box .box_content::before {
    content: "";
    width: 2px;
    height: 55px;
    background-color: var(--secondary-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 99px;
}

.users-glide {
    margin-top: 32px;
}

.glide__track {
    position: relative;
    z-index: 9999;
}

.glide__bullets {
    position: absolute;
    bottom: -40px !important;
    z-index: 9999 !important;
}

.glide__bullet {
    background-color: #d2ab6e;
    opacity: 0.5;
}
.glide__bullet--active {
    background-color: var(--secondary-color);
    opacity: 1;
    width: 42px;
    border-radius: 99px;
}

.video_box .box_content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: flex-start;
    align-items: start;
    position: relative;
    z-index: 99999;
    text-align: start;
    direction: rtl;
}

.glide_arrows button {
    background-color: #f4f5f8;
    border: none;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    cursor: pointer;
}

.glide_arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 112%;
    left: -70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 99;
}

.video-modal {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    overflow: hidden;
    backdrop-filter: blur(4px);
}

.video-modal.show {
    visibility: visible;
    opacity: 1;
}

.video-modal .modal-content video {
    width: 100%;
    height: 100%;
}

.video-modal .modal-content {
    position: relative;
    width: 100%;
    max-width: 900px;
    height: 100%;
    max-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 12px;
    overflow: hidden;
}

.partners-section {
    margin-top: 100px;
    text-align: center;
}

.partners_title span {
    color: var(--secondary-color);
}

.partners_title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #282828;
    line-height: 67px;
}

.partners-glide1 {
    margin-top: 50px;
}

.partners-glide2 {
    margin-top: 12px;
}

.partner_box {
    border-radius: 8px 32px 8px 32px;
    filter: grayscale(1);
    width: 230px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(#d2ab6e1a, #6464641a);
    transition: all 0.3s ease;
}

.partner_box:hover {
    filter: grayscale(0);
}

@media screen and (max-width: 768px) {
    .partner_box {
        width: auto;
        height: auto;
    }

    .partner_box img {
        width: 70px;
    }
}

body.home .form-section {
    max-width: 1800px;
}

.form-section {
    height: 320px;
    max-width: 1400px;
    border-radius: 12px;
    margin: 164px auto 0 auto;
    width: 100%;
    background-image: url("./assets/images/form-section-bg.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.form-content-wrapper {
    max-width: 1000px;
    padding: 0 10px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.form-content-wrapper .section-content {
    max-width: 570px;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .form-content-wrapper .section-content {
        text-align: start;
    }
}

.form-wrapper {
    background-color: var(--white-color);
    border-radius: 18px;
    padding: 16px 24px;
    max-width: 360px;
    width: 100%;
    box-shadow: 0px 0px 32px 0px #8d8d8d2b;
}

.form-wrapper .form-title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 42px;
}

.form-wrapper .form-desc {
    color: #28282880;
    font-size: 14px;
    text-align: center;
}

.form-wrapper form {
    width: 100%;
    margin-top: 24px;
}

.form-group,
#efbform div.efbField {
    margin-bottom: 12px !important;
    padding: 0 !important;
}

#efbform,
#body_efb {
    padding: 0 !important;
}

.form-group .myInput,
#efbform .efbField :is(input, textarea) {
    background-color: #f4f5f8 !important;
    outline-color: var(--secondary-color) !important;
    border: 1px solid transparent !important;
    transition: all 0.3s ease !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    width: 100% !important;
    font-size: 14px !important;
    color: #282828 !important;
    caret-color: var(--secondary-color) !important;
}

.form-group .myInput:focus,
#efbform .efbField input:focus {
    border: 1px solid var(--secondary-color) !important;
}

.form-wrapper .submit_button,
#efbform #btn_send_efb {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    gap: 4px !important;
    border: none !important;
    font-size: 16px !important;
    margin-top: 24px !important;
}

.form_section_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 67px;
    color: var(--white-color);
}

.form_section_description {
    font-size: 14px;
    line-height: 28px;
    color: #ffffff80;
}

.blog-section {
    margin-top: 100px;
    text-align: center;
}

.blog-section .lined_title::after {
    left: -50%;
}

.blog-section .lined_title::before {
    right: -50%;
}

.blog-section .blog_title span {
    color: var(--secondary-color);
}

.blog-section .blog_title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #282828;
    line-height: 67px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .blog-section .blog_title {
        font-size: 18px;
    }
    .footer-column-1 {
        padding-bottom: 16px;
        border-bottom: 2px solid;
    }
}

.blog-wrapper {
    margin-top: 50px;
}

.blog-card {
    background-color: #f2f2f2;
    border-radius: 18px;
    padding: 0 18px 25px 18px;
    max-width: 380px;
    width: 100%;
    margin-top: 100px;
}

.blog-card-image {
    transform: translateY(-50px);
    margin-bottom: -50px;
}

.meta-data .category::before {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    width: 2px;
    height: 100%;
    background-color: var(--secondary-color);
    border-radius: 99px;
}

.meta-data .category {
    margin-inline-start: 8px;
    position: relative;
    color: var(--secondary-color);
}

.blog-card-content {
    text-align: start;
}

.meta-data .dot-divider {
    background-color: #778ea0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
}

.blog-card .meta-data {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 10px 0 18px 0;
}

.blog-card-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: start;
}

.blog-card-desc {
    color: #28282880;
    font-size: 14px;
    line-height: 28px;
    /* limit to one line */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: start;
    margin-top: 14px;
}

.blog-card .read-more {
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 2px;
    display: inline-block;
    margin-top: 20px;
}

.meta-data .reading-time {
    font-size: 12px;
    color: #778ea0;
}

.more_blogs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: var(--white-color);
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    border-radius: 12px;
    padding: 12px 24px;
    background-color: var(--primary-color);
    width: max-content;
    margin: 50px auto 0 auto;
}

footer {
    margin-top: 100px;
    background-image: url("./assets/images/Footer.png");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 514px;
    padding-top: 52px;
    color: #ffffffa3;
}

footer .wp-block-separator {
    margin: 20px 0;
}

.footer-wrapper {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

.footer-description {
    font-size: 14px;
    line-height: 28px;
    color: #ffffff80;
    margin-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #a5a5a5;
}

.footer-content {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 10px;
}

footer .widget_block.widget_text {
    font-size: 14px;
    line-height: 28px;
}

footer .widget_block.widget_text {
    margin: 9px 0;
}

footer .wp-block-media-text__content {
    padding: 0 !important;
}

.footer-content .wp-block-heading {
    margin-bottom: 24px;
}

footer .wp-block-media-text {
    margin: 9px 0;
}

footer .wp-block-media-text__media img {
    width: 24px;
}

.wp-block-media-text {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-end;
}

.footer-content .wp-block-heading::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background-color: var(--secondary-color);
    border-radius: 100%;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.footer-content .wp-block-heading {
    font-size: 16px;
    padding-right: 10px;
    position: relative;
    color: var(--white-color);
}

.wp-container-core-columns-is-layout-1 {
    justify-content: flex-start;
}

footer {
    position: relative;
}

.back-top {
    position: absolute;
    top: -30px;
    right: 50%;
    transform: translateX(50%);
    width: 50px;
    height: 50px;
    background-color: #d3dad7;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .form-section {
        height: auto;
        padding: 24px 0;
    }

    .form-section .one_lined_title::after {
        left: -50%;
    }

    .form-section .form-wrapper {
        margin-top: 32px;
    }

    .form-content-wrapper {
        flex-direction: column;
    }

    footer {
        height: auto;
        background-image: url("./assets/images/Footer-mobile.png");
    }
    .footer-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .glide_arrows {
        display: none;
    }

    .one_lined_title {
        font-size: 14px;
    }

    .about-us-wrapper {
        flex-direction: column-reverse;
    }

    .about-us-wrapper .about_us_title {
        font-size: 18px;
    }

    .financial-wrapper {
        flex-direction: column-reverse;
    }

    .consulting-wrapper {
        flex-direction: column;
    }

    .video2-section .video2-title {
        font-size: 18px;
    }

    .lined_title {
        font-size: 14px;
    }

    .users-comments-content-wrapper {
        flex-direction: column;
        align-items: start;
    }

    .users-comments-content-wrapper .users-comments-title {
        font-size: 18px;
        line-height: 37px;
    }

    .partners_title {
        font-size: 18px;
    }
}

/* Job Offer */
.job-offer-hero-section {
    background-image: url("./assets/images/job-offer.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 500px;
}

.job-offer-hero-section .hero_title {
    font-size: 36px;
    line-height: 75px;
    font-weight: 700;
    color: var(--white-color);
}

.job-offer-hero-section .one_lined_title::after {
    background-color: var(--white-color);
}

.job-offer-hero-section .one_lined_title {
    color: var(--white-color);
}

.job-offer-hero-section .hero_button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--white-color);
    color: var(--primary-color);
    border-radius: 12px;
    padding: 12px 24px;
    gap: 4px;
    border: none;
    font-size: 16px;
    margin-top: 24px;
    width: max-content;
}

.job-offer-about-wrapper {
    max-width: 1024px;
    padding: 0 12px;
    margin: 100px auto 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 64px;
}

.job-offer-about-wrapper .one_lined_title::after {
    left: -70%;
}

.job-offer-about-wrapper .job-offer-about-title {
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
    color: #282828;
    margin-bottom: 24px;
}

.job-offer-about-wrapper .job-offer-text {
    font-size: 18px;
    line-height: 36px;
    color: #28282880;
    text-align: justify;
}

.why-tadbir.job-offer {
    margin: 170px auto 0 auto;
}

.why-tadbir {
    text-align: center;
    max-width: 1024px;
    padding: 0 12px;
}

.why-tadbir .lined_title::before {
    right: -16%;
}

.why-tadbir .lined_title::after {
    left: -16%;
}

.why-tadbir .section_title {
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
    color: #282828;
    margin-bottom: 24px;
}

.why-tadbir .section_text {
    font-size: 18px;
    line-height: 36px;
    color: #28282880;
    text-align: center;
}

.why-tadbir-tabs {
    margin-top: 100px;
}

.why-tadbir-tabs .tabs-head {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.why-tadbir-tabs .tabs-head .tab {
    position: relative;
    cursor: pointer;
    padding: 0 24px 6px 24px;
    color: #282828a3;
}

.why-tadbir-tabs .tabs-head .tab::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--primary-color);
    content: "";
    transition: all 0.3s ease-in-out;
    width: 100%;
    opacity: 0;
}

.why-tadbir-tabs .tabs-head .tab.active::after {
    opacity: 1;
}

.why-tadbir-tabs .tabs-head .tab.active {
    color: var(--primary-color);
}

.why-tadbir-tabs .tab-content {
    transition: all 0.3s ease-in-out;
    display: none;
}

.why-tadbir-tabs .tab-content.active {
    display: block;
}

.why-tadbir .tab-item {
    background-color: #f4f5f8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 32px;
    border-radius: 12px;
    margin-top: 24px;
    position: relative;
}

.why-tadbir .tab-item .show-more {
    color: var(--primary-color);
    display: inline-block;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid var(--primary-color);
}

.why-tadbir .tab-item {
    color: #282828a3;
}

.why-tadbir .tab-item .job-skill.sm {
    display: none;
}

.show-more-sm {
    display: none;
}

@media screen and (max-width: 768px) {
    .why-tadbir .tab-item .show-more {
        display: none;
    }
    .why-tadbir .tab-item .job-divider {
        display: none;
    }

    .why-tadbir .tab-item .job-skill.lg {
        display: none;
    }

    .why-tadbir .tab-item .job-skill.sm {
        display: block;
    }

    .show-more-sm {
        display: block;
        position: absolute;
        left: 8px;
        top: 8px;
    }

    .why-tadbir .tab-item .tab-title {
        font-weight: 400;
    }

    .why-tadbir .tab-item .job-name {
        font-weight: 700;
    }

    @media screen and (max-width: 768px) {
        .why-tadbir .tab-item .job-name,
        .why-tadbir .tab-title {
            font-size: 14px;
        }
        .job-offer-hero-section .hero_title {
            font-size: 24px;
        }
        .job-offer-hero-section .hero_button {
            padding: 7px 12px;
        }
    }

    .job-offer-hero-section {
        background-image: url("./assets/images/job-offer-sm.png");
        height: 700px;
        align-items: end;
        padding-bottom: 32px;
    }

    .job-offer-about-wrapper {
        flex-direction: column-reverse;
    }

    .job-offer-about-wrapper .job-offer-about-title,
    .why-tadbir .section_title {
        font-size: 18px;
    }

    .why-tadbir-tabs .tabs-head {
        width: 100%;
        overflow-x: auto;
        display: block;
        white-space: nowrap;
    }

    .why-tadbir-tabs .tabs-head .tab {
        display: inline-block;
        width: max-content;
    }
}

.job-details-header {
    background-image: url("./assets/images/page-head-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.job-details-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
}

.job-content-wrapper {
    display: grid;
    grid-template-columns: 3fr minmax(450px, 1fr);
    max-width: 1400px;
    padding: 0 20px;
    margin: 100px auto 0 auto;
    width: 100%;
    gap: 32px;
}

@media screen and (max-width: 768px) {
    .job-content-wrapper {
        grid-template-columns: 1fr;
    }
}

.job-details-content p {
    color: #28282880;
    line-height: 40px;
}

.job-offer-form {
    border: 1px solid #00502d1f;
    padding: 32px 24px 32px 24px;
    border-radius: 12px;
}

.job-offer-form .efb.form-control {
    background-color: #f4f5f8 !important;
    outline-color: var(--secondary-color) !important;
    border: 1px solid transparent !important;
    transition: all 0.3s ease !important;
    border-radius: 4px !important;
    padding: 14px !important;
    width: 100% !important;
    font-size: 14px !important;
    color: #282828 !important;
    caret-color: var(--secondary-color) !important;
    margin: 6px 0 !important;
}

.job-offer-form .efb.form-control:focus {
    border-color: var(--secondary-color) !important;
    box-shadow: none !important;
}

.job-offer-form #btn_send_efb {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    gap: 4px !important;
    border: none !important;
    font-size: 16px !important;
    margin-top: 24px !important;
}

.job-offer-form .form-desc {
    color: #28282880;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    margin-top: 4px;
}

.job-offer-form .form-title {
    color: #282828;
    font-size: 20px;
    line-height: 42px;
    font-weight: 700;
    text-align: center;
}

.blog-hero {
    background-image: url("./assets/images/blog-hero-bg.png");
    background-size: cover;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--white-color);
}

.blog-hero__title {
    font-size: 36px;
    font-weight: bold;
}

.blog-hero__content {
    max-width: 820px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

.blog-hero__description {
    font-size: 24px;
    line-height: 44px;
    color: #ffffff80;
    margin-top: 6px;
}

@media screen and (max-width: 768px) {
    .blog-hero__title {
        font-size: 24px;
        font-weight: bold;
    }

    .blog-hero__description {
        font-size: 18px;
    }
}

.blog-hero__search {
    background-color: #90b1a7;
    border-radius: 14px;
    width: 100%;
    margin-top: 42px;
    color: var(--white-color);
    caret-color: var(--primary-color);
    padding: 21px 25px;
    box-shadow: 0px 15px 32px 0px #0000001a, 0px 59px 59px 0px #00000017, 0px 133px 80px 0px #0000000d, 0px 236px 94px 0px #00000003, 0px 368px 103px 0px #00000000;
    border: none;
    outline-color: var(--secondary-color);
}

.blog-hero__search::placeholder {
    color: var(--white-color);
}

.latest-posts {
    margin-top: 100px;
}

.latest-posts__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
}

.latest-posts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 24px;
}

.blog-post-card {
    background-color: #f8f8f8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 16px;
}

.blog-post-card__img,
.blog-post-card__img img {
    border-radius: 12px;
    max-height: 230px;
    width: 100%;
    object-fit: fill;
}

.blog-post-card__category {
    padding-right: 10px;
    font-size: 13px;
    line-height: 20px;
    color: var(--secondary-color);
    border-right: 2px solid var(--secondary-color);
    font-weight: 700;
    margin-top: 20px;
    display: inline-block;
}

.blog-post-card__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    color: #282828;
    margin-top: 14px;
}

.blog-post-card__title.sm {
    font-size: 16px;
}

.blog-post-card__description {
    font-size: 14px;
    line-height: 28px;
    color: #28282880;
    margin-top: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
}

.blog-post-card__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    color: #00000099;
    font-size: 16px;
}

.all-posts {
    margin-top: 100px;
}

.all-posts__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
}

.all-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 40px;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.page-numbers.next,
.page-numbers.prev {
    display: none;
}

.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: #f4f5f8;
    color: #28282880;
}

.page-numbers.current {
    color: var(--white-color);
    background-color: var(--secondary-color);
}

.form-section.blog-section {
    border-radius: 12px;
}

.blog-search-wrapper {
    position: relative;
}

.blog-search-wrapper #search-results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0 0 12px 12px;
    box-shadow: 0px 15px 32px 0px #0000001a, 0px 59px 59px 0px #00000017, 0px 133px 80px 0px #0000000d, 0px 236px 94px 0px #00000003, 0px 368px 103px 0px #00000000;
    z-index: 1;
    padding: 12px 0;
    opacity: 0;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    backdrop-filter: blur(8px);
    max-height: 500px;
    overflow-y: auto;
    display: flex;
    transition: all 0.3s ease;
}

.blog-search-wrapper #search-results a {
    color: var(--black-color);
    padding: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;
    font-size: 16px;
}

.blog-search-wrapper #search-results::-webkit-scrollbar {
    width: 8px;
}

.blog-search-wrapper #search-results::-webkit-scrollbar-thumb {
    background-color: var(--secondary-color);
    border-radius: 4px;
}

.blog-search-wrapper #search-results::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.3);
}

.blog-search-wrapper #search-results a:hover {
    color: var(--primary-color);
}

.blog-search-wrapper #search-results.show {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 768px) {
    .latest-posts__title {
        font-size: 18px;
    }
    .blog-post-card__title {
        font-size: 18px;
    }
}

.blog-single-wrapper {
    position: relative;
    overflow: hidden;
}

.blog-single-wrapper .shap-img {
    position: absolute;
    top: -50%;
    left: -50%;
    z-index: 1;
    object-fit: cover;
    height: 1076px;
    height: 1113px;
}

.blog-single-wrapper {
    padding-top: 110px;
    padding-bottom: 64px;
}

.blog-single-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 86px;
    color: #282828;
}

.breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 3px;
    color: #778ea0;
    font-size: 20px;
}

.blog-single-img-wrapper {
    margin-top: 42px;
}

.blog-single-img-wrapper img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0px 15px 32px 0px #0000001a;
}

.meta-data-single-blog {
    margin-top: 42px;
    color: #00000099;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.single-post-divider {
    margin: 16px 0;
    width: 100%;
    height: 1px;
    background-color: #0000001a;
    color: #0000001a;
}

.single-post-grid {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    justify-content: space-between;
}

.blog-single-container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.single-post-grid .sidebar-content {
    border: 1px solid #e3e3e3;
    padding: 32px 24px;
    border-radius: 20px;
    min-height: 400px;
}

.single-post-grid .sidebar {
    max-width: 400px;
    width: 100%;
}

.single-post-grid .sidebar-footer .sf_title {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
}

.single-post-grid .sidebar-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.single-post-grid .sidebar-icons a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f4f5f8;
    border-radius: 100%;
}

.single-post-grid .sidebar-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.single-post-grid .toc {
    font-size: 18px;
    line-height: 44px;
    color: #28282880;
}

.single-post-grid .toc li {
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all 0.3s ease;
}

.single-post-grid .toc li:hover {
    color: var(--secondary-color);
}

.single-post-grid .sidebar_title {
    color: #282828;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px;
}

.single-main-content :is(h1, h2, h3, h4, h5, h6, b, strong) {
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px;
}

.single-main-content p {
    font-size: 16px;
    color: #28282880;
    line-height: 40px;
    text-align: justify;
}

.single-main-content h1 {
    font-size: 38px;
}

.single-main-content h2 {
    font-size: 32px;
}

.single-main-content h3 {
    font-size: 26px;
}

@media screen and (max-width: 768px) {
    .single-post-grid {
        flex-direction: column;
    }
    .single-main-content p {
        font-size: 14px;
    }

    .single-main-content h1 {
        font-size: 24px;
    }

    .single-main-content h2 {
        font-size: 18px;
    }

    .single-main-content h3 {
        font-size: 16px;
    }
}

.about-us-container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.about-hero .one_lined_title {
    color: var(--white-color);
}

.about-hero .one_lined_title::after {
    left: -50%;
    background: var(--white-color);
}

.about-hero {
    height: 500px;
    background-image: url("./assets/images/about-us-banner.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--white-color);
    text-align: start;
    width: 100%;
}

.about-hero .hero_title {
    font-size: 36px;
    line-height: 75px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 4px;
}

@media screen and (max-width: 768px) {
    .about-hero .hero_title {
        font-size: 24px;
    }
}

.hero-button {
    display: block;
    max-width: max-content;
    padding: 10px 24px;
    border-radius: 12px;
    color: var(--primary-color);
    background-color: #f4f5f8;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.about-us-content {
    text-align: center;
    max-width: 1000px;
    margin: 100px auto 0 auto;
}

.about-us-content .lined_title::after {
    left: -70%;
}

.about-us-content .lined_title::before {
    right: -70%;
}

.about-us-content .about-text {
    color: #28282880;
    font-size: 18px;
    line-height: 36px;
    text-align: justify;
}

.about-us-content .about-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 67px;
    color: #282828;
    margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
    .about-us-content .about-title {
        font-size: 18px;
    }
    .about-buttons-group img {
        display: none;
    }
}

.about-buttons-group {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.about-buttons-group .about-link-button {
    background-color: transparent;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 12px;
    font-size: 14px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    max-width: 200px;
    width: 100%;
}

.about-grid-2 {
    margin-top: 100px;
    display: flex;
    gap: 90px;
    align-items: center;
    justify-content: center;
}

.about-grid-2-img {
    max-width: 570px;
    width: 100%;
}

.about-grid-2-content {
    position: relative;
}

.about-grid-2-content .content-button {
    background-color: var(--primary-color);
    border-radius: 12px;
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: max-content;
    height: max-content;
    position: absolute;
    right: 80px;
    bottom: 50px;
    padding: 10px 16px;
    font-size: 14px;
}

.about-grid-2-content svg {
    max-width: 100%;
}

.about-section-2 {
    margin-top: 100px;
    /*height: 645px;*/
    /*background: linear-gradient(*/
    /*  109.82deg,*/
    /*  rgba(4, 82, 48, 0.24) -1.67%,*/
    /*  rgba(11, 36, 17, 0) 53.63%,*/
    /*  rgba(4, 82, 48, 0.12) 119.77%*/
    /*);*/
}

.about-section-2 .about-us-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 87px;
    height: 100%;
}

.about-section-3 {
    margin-top: 100px;
}

.about-section-3 .about-us-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 87px;
}

.about-grid-2-content.sm {
    display: none;
}

@media screen and (max-width: 1024px) {
    .about-section-3 .about-us-container,
    .about-grid-2 {
        flex-direction: column;
    }

    .about-section-3 .about-us-container {
        gap: 10px;
    }

    .about-section-2 .about-us-container {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .about-grid-2-content {
        display: none;
    }

    .about-grid-2-content.sm {
        display: block;
    }

    .about-grid-2-content.sm .content-button {
        right: 10%;
        bottom: 45px;
        padding: 7px 25px;
        font-size: 14px;
    }

    .about-section-2 {
        height: auto;
    }
}

.team {
    /* background-image: url("./assets/images/our-team-banner.webp"); */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 100px 0;
    min-height: 500px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative
}

.team div:first-child {
    z-index: 1
}

.team:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background: linear-gradient(99.62deg, #00502D -15.67%, #1E6953 52.81%, #00502D 118.76%);
    mask: linear-gradient(86.12deg, rgba(217, 217, 217, 0.24) 0%, #737373 63.48%);
}

.team:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='974' height='501' viewBox='0 0 974 501' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.02' filter='url(%23filter0_f_78_1186)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M712.133 728.333L592.63 608.83C589.873 606.073 585.36 606.022 582.56 608.823L540.832 650.551C538.079 653.304 538.034 657.817 540.839 660.621L660.342 780.124C663.099 782.881 667.612 782.932 670.412 780.131L712.14 738.403C714.893 735.65 714.938 731.137 712.133 728.333ZM327.098 553.312L407.705 472.705C408.749 471.66 410.221 471.329 411.599 471.947C412.93 472.518 413.786 473.754 413.834 475.227L413.888 555.887C413.889 557.882 412.323 559.449 410.327 559.447L329.667 559.394C328.242 559.393 326.959 558.584 326.388 557.159C325.817 555.828 326.101 554.308 327.145 553.264L327.098 553.312ZM407.845 682.859L327.13 602.145C326.085 601.099 325.751 599.626 326.368 598.249C326.937 596.919 328.171 596.065 329.644 596.019L410.304 596.072C412.3 596.074 413.868 597.642 413.87 599.638L413.923 680.298C413.924 681.723 413.118 683.005 411.693 683.574C410.363 684.144 408.843 683.858 407.797 682.812L407.845 682.859ZM456.678 682.892L537.285 602.285C538.329 601.241 538.661 599.768 538.042 598.39C537.471 597.06 536.236 596.204 534.763 596.155L454.103 596.102C452.107 596.1 450.541 597.667 450.542 599.662L450.596 680.323C450.597 681.748 451.453 683.078 452.831 683.602C454.161 684.173 455.681 683.889 456.725 682.844L456.678 682.892ZM537.252 553.452L456.538 472.737C455.492 471.692 454.019 471.358 452.642 471.975C451.312 472.544 450.458 473.778 450.412 475.251L450.465 555.911C450.467 557.907 452.035 559.475 454.03 559.477L534.691 559.53C536.116 559.531 537.446 558.677 537.967 557.3C538.536 555.97 538.251 554.45 537.205 553.404L537.252 553.452ZM462.629 417.875L562.605 317.9C563.649 316.856 565.121 316.524 566.499 317.142C567.83 317.713 568.686 318.949 568.734 320.422L568.918 524.828C568.919 526.253 568.112 527.535 566.735 528.152C565.405 528.721 563.885 528.435 562.839 527.389L462.684 427.993C461.305 426.615 460.591 424.952 460.59 422.957C460.589 420.962 461.3 419.299 462.677 417.923L462.629 417.875ZM712.077 572.949L670.294 531.166C667.537 528.409 663.024 528.359 660.223 531.159L618.496 572.887C615.742 575.64 615.698 580.153 618.503 582.958L660.286 624.741C663.043 627.498 667.555 627.548 670.356 624.748L712.084 583.02C714.837 580.267 714.882 575.754 712.077 572.949ZM789.797 650.669L748.014 608.886C745.256 606.129 740.744 606.078 737.943 608.879L696.215 650.607C693.462 653.36 693.417 657.873 696.222 660.677L738.005 702.461C740.762 705.218 745.275 705.268 748.076 702.467L789.803 660.74C792.557 657.986 792.601 653.474 789.797 650.669ZM867.413 573.053L825.63 531.27C822.873 528.513 818.36 528.462 815.559 531.263L773.831 572.991C771.078 575.744 771.034 580.257 773.838 583.061L815.621 624.844C818.378 627.601 822.891 627.652 825.692 624.851L867.42 583.124C870.173 580.37 870.217 575.857 867.413 573.053ZM789.693 495.333L747.91 453.55C745.153 450.793 740.64 450.743 737.839 453.543L696.112 495.271C693.358 498.024 693.314 502.537 696.119 505.342L737.902 547.125C740.659 549.882 745.172 549.932 747.972 547.132L789.7 505.404C792.453 502.651 792.498 498.138 789.693 495.333ZM711.932 426.877L611.957 526.852C610.913 527.896 609.44 528.228 608.062 527.61C606.732 527.039 605.876 525.803 605.828 524.33L605.644 319.924C605.643 318.499 606.45 317.217 607.827 316.6C609.156 316.031 610.677 316.317 611.722 317.363L711.878 416.759C713.257 418.137 713.97 419.8 713.972 421.795C713.973 423.791 713.262 425.453 711.885 426.829L711.932 426.877ZM634.517 806.044L515.014 686.541C512.257 683.784 507.744 683.733 504.944 686.534L463.216 728.262C460.463 731.015 460.418 735.528 463.223 738.332L582.726 857.835C585.483 860.592 589.996 860.643 592.796 857.842L634.524 816.114C637.277 813.361 637.322 808.848 634.517 806.044Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M410.366 425.694L290.863 306.192C288.106 303.434 283.593 303.384 280.792 306.185L239.064 347.912C236.311 350.666 236.267 355.179 239.071 357.983L358.574 477.486C361.331 480.243 365.844 480.293 368.645 477.493L410.372 435.765C413.126 433.012 413.17 428.499 410.366 425.694ZM25.3301 250.673L105.937 170.066C106.981 169.022 108.454 168.691 109.832 169.309C111.162 169.88 112.018 171.116 112.067 172.588L112.12 253.249C112.122 255.244 110.555 256.81 108.56 256.809L27.8994 256.755C26.4742 256.754 25.1912 255.946 24.6202 254.521C24.0493 253.19 24.3332 251.67 25.3776 250.626L25.3301 250.673ZM106.077 380.221L25.3627 299.507C24.317 298.461 23.9834 296.988 24.6 295.611C25.1692 294.281 26.4037 293.427 27.8763 293.38L108.537 293.434C110.532 293.435 112.101 295.004 112.102 296.999L112.156 377.66C112.157 379.085 111.35 380.367 109.925 380.936C108.596 381.505 107.075 381.219 106.03 380.173L106.077 380.221ZM154.91 380.253L235.517 299.647C236.562 298.602 236.893 297.13 236.275 295.752C235.704 294.421 234.468 293.566 232.995 293.517L152.335 293.463C150.34 293.462 148.773 295.029 148.775 297.024L148.828 377.684C148.829 379.109 149.685 380.44 151.063 380.963C152.393 381.534 153.913 381.25 154.958 380.206L154.91 380.253ZM235.485 250.813L154.77 170.099C153.725 169.053 152.252 168.72 150.875 169.336C149.545 169.905 148.691 171.14 148.644 172.613L148.698 253.273C148.699 255.268 150.268 256.837 152.263 256.838L232.924 256.892C234.349 256.893 235.678 256.039 236.2 254.662C236.769 253.332 236.483 251.812 235.437 250.766L235.485 250.813ZM160.862 115.237L260.837 15.2616C261.881 14.2172 263.354 13.8856 264.732 14.504C266.062 15.075 266.918 16.3107 266.967 17.7833L267.15 222.19C267.151 223.615 266.344 224.897 264.967 225.514C263.638 226.083 262.117 225.797 261.072 224.751L160.916 125.355C159.537 123.977 158.824 122.313 158.823 120.318C158.821 118.323 159.533 116.661 160.909 115.284L160.862 115.237ZM410.31 270.311L368.526 228.528C365.769 225.771 361.256 225.72 358.456 228.521L316.728 270.249C313.975 273.002 313.93 277.515 316.735 280.319L358.518 322.103C361.275 324.86 365.788 324.91 368.589 322.109L410.316 280.382C413.07 277.628 413.114 273.116 410.31 270.311ZM488.029 348.031L446.246 306.247C443.489 303.49 438.976 303.44 436.175 306.241L394.448 347.968C391.694 350.722 391.65 355.234 394.454 358.039L436.238 399.822C438.995 402.579 443.507 402.63 446.308 399.829L488.036 358.101C490.789 355.348 490.834 350.835 488.029 348.031ZM565.645 270.415L523.862 228.631C521.105 225.874 516.592 225.824 513.791 228.625L472.064 270.352C469.31 273.106 469.266 277.618 472.071 280.423L513.854 322.206C516.611 324.963 521.124 325.014 523.924 322.213L565.652 280.485C568.405 277.732 568.45 273.219 565.645 270.415ZM487.926 192.695L446.143 150.912C443.386 148.155 438.873 148.104 436.072 150.905L394.344 192.633C391.591 195.386 391.546 199.899 394.351 202.703L436.134 244.486C438.891 247.244 443.404 247.294 446.205 244.493L487.932 202.766C490.686 200.012 490.73 195.499 487.926 192.695ZM410.165 124.238L310.189 224.214C309.145 225.258 307.673 225.59 306.295 224.971C304.964 224.4 304.108 223.165 304.06 221.692L303.876 17.2853C303.875 15.8602 304.682 14.5782 306.059 13.9616C307.389 13.3924 308.909 13.6784 309.955 14.7242L410.111 114.12C411.489 115.499 412.203 117.162 412.204 119.157C412.205 121.152 411.494 122.814 410.117 124.191L410.165 124.238ZM332.75 503.405L213.247 383.903C210.49 381.146 205.977 381.095 203.176 383.896L161.449 425.623C158.695 428.377 158.651 432.889 161.455 435.694L280.958 555.197C283.715 557.954 288.228 558.004 291.029 555.204L332.756 513.476C335.51 510.723 335.554 506.21 332.75 503.405Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M712.133 123.81L592.63 4.30706C589.873 1.55003 585.36 1.49941 582.56 4.30024L540.832 46.0278C538.079 48.7812 538.034 53.2941 540.839 56.0986L660.342 175.601C663.099 178.358 667.612 178.409 670.412 175.608L712.14 133.88C714.893 131.127 714.938 126.614 712.133 123.81ZM327.098 -51.2112L407.705 -131.818C408.749 -132.862 410.221 -133.194 411.599 -132.575C412.93 -132.005 413.786 -130.769 413.834 -129.296L413.888 -48.6358C413.889 -46.6406 412.323 -45.0741 410.327 -45.0754L329.667 -45.1291C328.242 -45.13 326.959 -45.9384 326.388 -47.3639C325.817 -48.6943 326.101 -50.2143 327.145 -51.2587L327.098 -51.2112ZM407.845 78.3364L327.13 -2.37781C326.085 -3.42358 325.751 -4.89651 326.368 -6.27369C326.937 -7.6034 328.171 -8.45755 329.644 -8.50407L410.304 -8.45038C412.3 -8.44907 413.868 -6.88041 413.87 -4.88526L413.923 75.7754C413.924 77.2005 413.118 78.4825 411.693 79.0516C410.363 79.6207 408.843 79.3347 407.797 78.289L407.845 78.3364ZM456.678 78.369L537.285 -2.23778C538.329 -3.28216 538.661 -4.75465 538.042 -6.13265C537.471 -7.46311 536.236 -8.31893 534.763 -8.36741L454.103 -8.42112C452.107 -8.42244 450.541 -6.85588 450.542 -4.86075L450.596 75.7998C450.597 77.2249 451.453 78.5555 452.831 79.0789C454.161 79.6499 455.681 79.3659 456.725 78.3215L456.678 78.369ZM537.252 -51.0712L456.538 -131.785C455.492 -132.831 454.019 -133.165 452.642 -132.548C451.312 -131.979 450.458 -130.744 450.412 -129.272L450.465 -48.6114C450.467 -46.6162 452.035 -45.0476 454.03 -45.0462L534.691 -44.9924C536.116 -44.9914 537.446 -45.8457 537.967 -47.2229C538.536 -48.5526 538.251 -50.0729 537.205 -51.1187L537.252 -51.0712ZM462.629 -186.648L562.605 -286.623C563.649 -287.667 565.121 -287.999 566.499 -287.38C567.83 -286.809 568.686 -285.574 568.734 -284.101L568.918 -79.6946C568.919 -78.2695 568.112 -76.9874 566.735 -76.3708C565.405 -75.8017 563.885 -76.0876 562.839 -77.1334L462.684 -176.529C461.305 -177.908 460.591 -179.571 460.59 -181.566C460.589 -183.561 461.3 -185.223 462.677 -186.6L462.629 -186.648ZM712.077 -31.5734L670.294 -73.3565C667.537 -76.1135 663.024 -76.1642 660.223 -73.3633L618.496 -31.6358C615.742 -28.8824 615.698 -24.3695 618.503 -21.565L660.286 20.2181C663.043 22.9752 667.555 23.0257 670.356 20.2248L712.084 -21.5027C714.837 -24.2561 714.882 -28.7688 712.077 -31.5734ZM789.797 46.1462L748.014 4.363C745.256 1.60598 740.744 1.55547 737.943 4.35629L696.215 46.0839C693.462 48.8372 693.417 53.35 696.222 56.1545L738.005 97.9378C740.762 100.695 745.275 100.745 748.076 97.9445L789.803 56.2169C792.557 53.4636 792.601 48.9508 789.797 46.1462ZM867.413 -31.4699L825.63 -73.2531C822.873 -76.0102 818.36 -76.0606 815.559 -73.2598L773.831 -31.5322C771.078 -28.7789 771.034 -24.2661 773.838 -21.4616L815.621 20.3217C818.378 23.0787 822.891 23.1292 825.692 20.3284L867.42 -21.3992C870.173 -24.1525 870.217 -28.6653 867.413 -31.4699ZM789.693 -109.19L747.91 -150.973C745.153 -153.73 740.64 -153.78 737.839 -150.979L696.112 -109.252C693.358 -106.499 693.314 -101.986 696.119 -99.1811L737.902 -57.398C740.659 -54.6409 745.172 -54.5904 747.972 -57.3913L789.7 -99.1188C792.453 -101.872 792.498 -106.385 789.693 -109.19ZM711.932 -177.646L611.957 -77.6708C610.913 -76.6264 609.44 -76.2948 608.062 -76.9133C606.732 -77.4842 605.876 -78.7198 605.828 -80.1924L605.644 -284.599C605.643 -286.024 606.45 -287.306 607.827 -287.923C609.156 -288.492 610.677 -288.206 611.722 -287.16L711.878 -187.764C713.257 -186.386 713.97 -184.723 713.972 -182.727C713.973 -180.732 713.262 -179.07 711.885 -177.693L711.932 -177.646ZM634.517 201.521L515.014 82.0181C512.257 79.2611 507.744 79.2106 504.944 82.0114L463.216 123.739C460.463 126.492 460.418 131.005 463.223 133.81L582.726 253.312C585.483 256.069 589.996 256.12 592.796 253.319L634.524 211.592C637.277 208.838 637.322 204.326 634.517 201.521Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1014.89 425.694L895.382 306.192C892.625 303.434 888.112 303.384 885.312 306.185L843.584 347.912C840.831 350.666 840.786 355.179 843.591 357.983L963.094 477.486C965.851 480.243 970.363 480.293 973.164 477.493L1014.89 435.765C1017.65 433.012 1017.69 428.499 1014.89 425.694ZM629.85 250.673L710.456 170.066C711.501 169.022 712.973 168.691 714.351 169.309C715.682 169.88 716.538 171.116 716.586 172.588L716.64 253.249C716.641 255.244 715.075 256.81 713.079 256.809L632.419 256.755C630.994 256.754 629.711 255.946 629.14 254.521C628.569 253.19 628.853 251.67 629.897 250.626L629.85 250.673ZM710.596 380.221L629.882 299.507C628.837 298.461 628.503 296.988 629.12 295.611C629.689 294.281 630.923 293.427 632.396 293.38L713.056 293.434C715.051 293.435 716.62 295.004 716.621 296.999L716.675 377.66C716.676 379.085 715.87 380.367 714.445 380.936C713.115 381.505 711.595 381.219 710.549 380.173L710.596 380.221ZM759.43 380.253L840.037 299.647C841.081 298.602 841.413 297.13 840.794 295.752C840.223 294.421 838.988 293.566 837.515 293.517L756.854 293.463C754.859 293.462 753.293 295.029 753.294 297.024L753.348 377.684C753.349 379.109 754.205 380.44 755.583 380.963C756.913 381.534 758.433 381.25 759.477 380.206L759.43 380.253ZM840.004 250.813L759.29 170.099C758.244 169.053 756.771 168.72 755.394 169.336C754.064 169.905 753.21 171.14 753.164 172.613L753.217 253.273C753.219 255.268 754.787 256.837 756.782 256.838L837.443 256.892C838.868 256.893 840.198 256.039 840.719 254.662C841.288 253.332 841.002 251.812 839.957 250.766L840.004 250.813ZM765.381 115.237L865.356 15.2616C866.401 14.2172 867.873 13.8856 869.251 14.504C870.582 15.075 871.438 16.3107 871.486 17.7833L871.67 222.19C871.671 223.615 870.864 224.897 869.487 225.514C868.157 226.083 866.637 225.797 865.591 224.751L765.436 125.355C764.057 123.977 763.343 122.313 763.342 120.318C763.341 118.323 764.052 116.661 765.429 115.284L765.381 115.237ZM1014.83 270.311L973.046 228.528C970.289 225.771 965.776 225.72 962.975 228.521L921.248 270.249C918.494 273.002 918.45 277.515 921.254 280.319L963.038 322.103C965.795 324.86 970.307 324.91 973.108 322.109L1014.84 280.382C1017.59 277.628 1017.63 273.116 1014.83 270.311ZM1092.55 348.031L1050.77 306.247C1048.01 303.49 1043.5 303.44 1040.69 306.241L998.967 347.968C996.214 350.722 996.169 355.234 998.974 358.039L1040.76 399.822C1043.51 402.579 1048.03 402.63 1050.83 399.829L1092.56 358.101C1095.31 355.348 1095.35 350.835 1092.55 348.031ZM1170.16 270.415L1128.38 228.631C1125.62 225.874 1121.11 225.824 1118.31 228.625L1076.58 270.352C1073.83 273.106 1073.79 277.618 1076.59 280.423L1118.37 322.206C1121.13 324.963 1125.64 325.014 1128.44 322.213L1170.17 280.485C1172.92 277.732 1172.97 273.219 1170.16 270.415ZM1092.45 192.695L1050.66 150.912C1047.91 148.155 1043.39 148.104 1040.59 150.905L998.864 192.633C996.11 195.386 996.066 199.899 998.871 202.703L1040.65 244.486C1043.41 247.244 1047.92 247.294 1050.72 244.493L1092.45 202.766C1095.21 200.012 1095.25 195.499 1092.45 192.695ZM1014.68 124.238L914.709 224.214C913.665 225.258 912.192 225.59 910.814 224.971C909.484 224.4 908.628 223.165 908.58 221.692L908.396 17.2853C908.395 15.8602 909.202 14.5782 910.579 13.9616C911.908 13.3924 913.429 13.6784 914.474 14.7242L1014.63 114.12C1016.01 115.499 1016.72 117.162 1016.72 119.157C1016.72 121.152 1016.01 122.814 1014.64 124.191L1014.68 124.238ZM937.269 503.405L817.766 383.903C815.009 381.146 810.496 381.095 807.696 383.896L765.968 425.623C763.215 428.377 763.17 432.889 765.975 435.694L885.478 555.197C888.235 557.954 892.747 558.004 895.548 555.204L937.276 513.476C940.029 510.723 940.074 506.21 937.269 503.405Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_78_1186' x='8.29102' y='-304.211' width='1179.96' height='1180.13' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='8' result='effect1_foregroundBlur_78_1186'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.team-hero {
    height: 100%;
}

.team-container {
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}

.team-container.hero {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.team-hero .one_lined_title {
    color: var(--white-color);
}

.team-hero .one_lined_title::after {
    left: -60%;
    background-color: var(--white-color);
}

.team-hero .hero_title {
    color: var(--white-color);
    line-height: 75px;
    margin-bottom: 16px;
    font-size: 36px;
    font-weight: 700;
}

.team-hero .hero-button {
    background-color: var(--white-color);
    color: var(--primary-color);
    border-radius: 12px;
    padding: 8px 24px;
    gap: 4px;
    border: none;
    font-size: 16px;
    margin-top: 24px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-team-grid {
    display: block;
    margin-top: 100px;
}
.team-row-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: start;
    gap: 48px;
    justify-content: start;
    margin-top: 30px;
}

@media screen and (max-width: 768px) {
    .team-row-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.team-member-image {
    position: relative;
    overflow: hidden;
}

.social-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 123, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
}

.social-icons {
    display: flex;
    gap: 15px;
}

.social-icons a img {
    width: 30px;
    height: 30px;
}

.our-team-card:hover .social-overlay {
    opacity: 1;
}

.our-team-card {
    background-color: #f8f9fb;
    border-radius: 12px;
}

.our-team-card .team-member-image img {
    width: 100%;
    border-radius: 12px 12px 0 0;
}

.our-team-card .team-member-info {
    padding: 16px 12px;
}

.our-team-card .team-member-name {
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    font-weight: 700;
    color: #282828;
}

.our-team-card .team-member-job-title {
    font-size: 14px;
    line-height: 32px;
    color: var(--primary-color);
    text-align: center;
    font-weight: 700;
}

.our-team-card .team-member-desc {
    color: #28282880;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-top: 16px;
}

.our-team-card .social-sec {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.our-team-card .social-title {
    color: #778ea0;
    font-size: 14px;
    line-height: 32px;
    font-weight: 700;
}

.our-team-card .social-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.our-team-card .social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}
.our-team-card .social-icons img {
    border-radius: unset;
}
.join-our-team {
    margin-top: 100px;
}

.join-our-team .join-card {
    background: linear-gradient(97.78deg, rgba(148, 128, 98, 0.9) -0.79%, rgba(139, 139, 139, 0.9) 237.96%);
    border-radius: 18px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 370px;
}

.join-content {
    padding: 0 100px;
}

.join-our-team .join-title {
    color: var(--white-color);
    font-size: 32px;
    line-height: 66px;
    font-weight: 700;
}

.join-our-team .join-desc {
    color: #ffffff80;
    font-size: 21px;
    line-height: 44px;
    margin-bottom: 24px;
}

.join-our-team .join-button {
    color: var(--white-color);
    background-color: var(--secondary-color);
    padding: 8px 24px;
    border-radius: 12px;
    border: none;
    font-size: 16px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .our-team-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .our-team-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .our-team-card .social-title {
        display: none;
    }

    .our-team-card .team-member-name,
    .our-team-card .team-member-job-title {
        line-height: normal;
    }

    .join-our-team {
        display: none;
    }

    .our-team-card .team-member-desc {
        font-size: 12px;
        margin-top: 8px;
    }

    .our-team-card .social-sec {
        margin-top: 8px;
        justify-content: center;
    }

    .our-team-card .team-member-info {
        padding: 4px 6px;
    }
}

.terms-hero {
    height: 160px;
    background-image: url("assets/images/terms-banner.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-content {
    margin-top: 100px;
}

.terms-content h1 {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 24px;
}

.terms-content h2 {
    font-size: 24px;
    line-height: 44px;
    margin-bottom: 24px;
}

.terms-content h3 {
    font-size: 18px;
    line-height: 44px;
    margin-bottom: 24px;
}

.terms-content p {
    font-size: 16px;
    color: #00000099;
    line-height: 40px;
    text-align: justify;
    margin-bottom: 24px;
}

.terms-container {
    max-width: 1400px;
    margin: 100px auto 0 auto;
    padding: 0 20px;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .terms-hero {
        background-image: url("assets/images/terms-banner-sm.png");
        height: 120px;
    }
    .terms-container {
        margin: 64px auto 0 auto;
    }
}

.contact-us-hero {
    height: 160px;
    background-image: url("assets/images/terms-banner.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-us-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.contact-us-container {
    max-width: 1400px;
    margin: 100px auto 0 auto;
    padding: 0 20px;
    width: 100%;
}

.contact-info {
    border-radius: 24px;
    padding: 42px 24px;
    background-color: #f8f9fb;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 60px;
    flex-direction: column;
}

.contact-info__item .contact-info__item-img {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-info__item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
}

.contact-info__item-text .item--desc {
    font-size: 16px;
    line-height: 32px;
    color: #28282880;
    max-width: 320px;
    width: 100%;
    display: block;
}

.contact-info__item-text .item--title {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #282828;
}

.contact-map {
    height: 100%;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .contact-us-content {
        grid-template-columns: 1fr;
    }
}

.services-hero {
    height: 700px;
    background-image: url("assets/images/services-banner.webp");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.services-hero-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}

.services-hero-content .services-hero__title span {
    color: var(--secondary-color);
}

.services-hero-content .services-hero__title {
    color: var(--white-color);
    font-size: 42px;
    line-height: 75px;
    font-weight: 700;
    margin-bottom: 10px;
    max-width: 560px;
}

.services-hero-content .services-hero__desc {
    color: var(--white-color);
    font-size: 18px;
    line-height: 36px;
    max-width: 560px;
    text-align: justify;
    margin-bottom: 36px;
}

.services-hero-content .services-hero__btn {
    background-color: var(--secondary-color);
    padding: 8px 12px;
    border-radius: 12px;
    color: var(--white-color);
    font-size: 16px;
    display: block;
    max-width: max-content;
}

.services-section-one,
.services-section-two,
.section-three-wrapper {
    max-width: 1400px;
    margin: 200px auto 0 auto;
    padding: 0 20px;
    width: 100%;
    text-align: center;
}

.service-section-title span {
    color: var(--secondary-color);
    font-weight: 700;
}

.service-section-title {
    font-size: 32px;
    line-height: 67px;
    margin-bottom: 20px;
    font-weight: 700;
    margin-top: 4px;
}

.services-section-desc {
    color: #778ea0;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 30px;
}

.services-section-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.services-section-card {
    box-shadow: 0px 5px 24px 0px #080f340a;
    padding: 28px;
    border-radius: 12px;
    background-color: var(--white-color);
    border: 1px solid #00000014;
    text-align: start;
    width: 360px;
    /*height: 300px;*/
}

.services-section-card .card_icon {
    display: block;
}

.services-section-card .card_icon_hover {
    display: none;
}

.services-section-card:hover .card_icon {
    display: none;
}

.services-section-card:hover .card_icon_hover {
    display: block;
}

.services-section-card:hover .services-section-card__img {
    background-color: #fff;
}

.services-section-card:hover .services-section-card__title {
    color: #fff;
}
.services-section-card:hover .services-section-card__desc {
    color: #ffffff80;
}

.services-section-card:hover {
    background: linear-gradient(124.83deg, #105d41 1.27%, #2c775d 49.49%, #19654c 97.7%);
    transition: all 0.3s ease;
}

.services-section-card__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.services-section-card__img {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-grow: 1; */
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.services-section-card__title {
    color: #282828;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    transition: all 0.3s ease;
}

.services-section-card__desc {
    color: #28282880;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    transition: all 0.3s ease;
}

.services-cards-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 24px;
}

.services-cards-wrapper2 .services-section-card .services-section-card__img {
    flex-grow: 0;
    flex-shrink: 0;
}

.services-cards-wrapper2 .services-section-card {
    width: 100%;
    /*height: 230px;*/
}

.services-section-wrapper .service-img-1 {
    max-width: 600px;
}

.services-cards-wrapper2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 24px;
}

.services-section-two-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 20px;
}

.services-section-two-content :is(li, p) {
    color: #778ea0;
    font-size: 18px;
    line-height: 36px;
}

.services-section-two-content li {
    /* list-style-image: url("assets/images/list-icon-check.svg"); */
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: start;
    text-align: start;
}

.services-section-three {
    margin-top: 200px;
    background: linear-gradient(-109.82deg, rgba(4, 82, 48, 0.24) -1.67%, rgba(11, 36, 17, 0) 88.8%);
    height: 580px;
}

.section-three-wrapper {
    text-align: start;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 57px;
}

.section-three-wrapper .lined_title {
    margin-right: 45px;
}

.section-three-wrapper .service-section-title span {
    color: var(--primary-color);
}

.section-three-content {
    max-width: 460px;
}

.services-section-btn {
    background-color: var(--primary-color);
    padding: 8px 12px;
    border-radius: 12px;
    color: var(--white-color);
    font-size: 16px;
    display: block;
    max-width: max-content;
}

.services-glide {
    overflow: hidden;
}

.why-tadbir-services {
    max-width: 1400px;
    margin: 120px auto 0 auto;
    padding: 0 20px;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .why-tadbir-services {
        margin: 64px auto 0 auto;
    }
}

.why-tadbir-title span {
    color: var(--secondary-color);
    font-weight: 700;
}

.why-tadbir-title {
    font-size: 32px;
    line-height: 67px;
    margin-bottom: 20px;
    font-weight: 700;
}

.accordion-item {
    box-shadow: 0px 4px 20px 0px #080f340d;
    border-radius: 12px;
    padding: 24px;
}

.accordion-item__content {
    color: #778ea0;
}

.accordion-item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.accordion-item__content {
    text-align: start;
    margin-top: 20px;
    display: none;
}

.accordion-item .minus-btn {
    cursor: pointer;
    display: none;
}

.accordion-item .plus-btn {
    cursor: pointer;
    display: block;
}

.accordion-item.active .minus-btn {
    display: block;
}

.accordion-item.active .plus-btn {
    display: none;
}

.accordion-item.active .accordion-item__content {
    display: block;
}

.why-tadbir-accordion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.accordion-item__title {
    font-weight: 400;
    text-align: start;
}

.contact-us-location iframe {
    max-width: 100%;
}

@media screen and (max-width: 1024px) {
    .join-content {
        padding: 32px;
    }

    .join-our-team .join-title {
        font-size: 18px;
    }

    .join-our-team .join-desc {
        font-size: 14px;
    }

    .join-our-team .join-button {
        font-size: 16px;
    }

    .services-section-two-wrapper {
        flex-direction: column;
    }

    .services-section-wrapper,
    .services-cards-wrapper2 {
        flex-direction: column;
    }

    .services-hero-wrapper {
        flex-direction: column-reverse;
    }
}

.section-two-image-sm {
    display: none;
}

.section-two-image {
    display: block;
}

@media screen and (max-width: 768px) {
    .section-two-image-sm {
        display: block;
    }

    .section-two-image {
        display: none;
    }

    .all-posts-grid,
    .latest-posts-grid {
        grid-template-columns: 1fr 1fr;
    }

    .services-hero {
        background-image: url("assets/images/services-banner-sm.png");
    }

    .service-section-title {
        font-size: 18px;
    }

    .services-section-desc {
        font-size: 14px;
    }

    .services-section-wrapper .service-img-1 {
        order: -1;
        max-width: 100%;
    }

    .services-section-card__title {
        font-size: 16px;
    }

    .services-section-card__desc {
        font-size: 14px;
    }

    .services-cards-wrapper2 {
        flex-direction: column;
    }

    .services-cards-wrapper2 .services-section-card {
        height: auto;
    }

    .services-section-two-content ul {
        list-style-position: inside;
    }

    .section-three-wrapper {
        flex-direction: column;
    }

    .services-section-three {
        padding: 20px 0 50px 0;
        height: auto;
    }

    .section-three-wrapper {
        margin: 0 auto;
    }

    .why-tadbir-accordion {
        grid-template-columns: 1fr;
    }

    .why-tadbir-title {
        font-size: 18px;
    }

    .accordion-item__title {
        font-size: 14px;
    }

    .accordion-item__content {
        font-size: 12px;
    }

    .service-section-title {
        line-height: 37px;
    }

    .services-section-btn {
        font-size: 14px;
    }

    .services-section-two-content :is(li, p) {
        font-size: 14px;
        line-height: normal;
    }

    .services-section-two-content li {
        margin-bottom: 4px;
    }

    .services-hero {
        height: auto;
        padding: 20px 0;
    }

    .services-hero-content .services-hero__title {
        font-size: 20px;
        line-height: normal;
    }

    .services-hero-content .services-hero__desc {
        font-size: 14px;
    }

    .services-hero-content .services-hero__btn {
        font-size: 14px;
    }

    .services-section-one,
    .services-section-two,
    .section-three-wrapper {
        margin: 100px auto 0 auto;
    }
}

@media screen and (max-width: 640px) {
    .all-posts-grid,
    .latest-posts-grid {
        grid-template-columns: 1fr;
    }

    .blog-single-title,
    .form_section_title {
        font-size: 18px;
    }

    .breadcrumb-item {
        font-size: 14px;
    }
}

.footer-foot .right-side .social-media {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}

.footer-foot .right-side {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.footer-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.right-side-sm {
    display: none;
}

.wp-block-separator.sm {
    display: none;
}

footer .right-side-title {
    color: var(--white-color);
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .footer-foot .right-side {
        display: none;
    }

    .right-side-sm {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .wp-block-separator.sm {
        display: block;
    }

    .footer-foot {
        padding-bottom: 20px;
        justify-content: center;
    }
}

.last-word-container {
    max-width: 1400px;
    margin: 100px auto 0 auto;
    padding: 0 20px;
    width: 100%;
    text-align: center;
}

/*.last-word {*/
/*    border: 1px solid lightgray;*/
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
/*    border-radius: 8px;*/
/*    padding: 16px 8px;*/
/*}*/

.last-word-container span {
    color: var(--secondary-color);
}

.last-word p {
    margin-top: 20px;
    line-height: 30px;
}

.last-word h3 {
    font-size: 32px;
}

/*@media screen and (max-width:768px){.last-word-container{padding:16px;}}*/

.services-section-two-content .check-list-items {
    text-align: start;
    color: #778ea0;
    font-size: 18px;
    line-height: 36px;
}

.services-section-two-content img {
    vertical-align: middle;
}

.video_wrapper {
    margin-top: 20px;
}
.box .description-wrapper p {
    color: #28282880;
    font-size: 14px;
}
.box .title {
    height: 1rem;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: right;
}

.home_services_boxes_wrapper .box {
    width: 300px;
    min-height: 232px;
    background: url('data:image/svg+xml;utf8,<svg width="339" height="232" viewBox="0 0 339 232" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_2328_1511)"><path d="M315 185C315 194.941 306.941 203 297 203H42C32.0589 203 24 194.941 24 185V107.42C24 97.4788 32.0589 89.4199 42 89.4199H76.4199C86.361 89.4199 94.4199 81.361 94.4199 71.4199V37C94.4199 27.0589 102.479 19 112.42 19H297C306.941 19 315 27.0589 315 37V185Z" fill="white"/></g><defs><filter id="filter0_d_2328_1511" x="0" y="0" width="339" height="232" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="5"/><feGaussianBlur stdDeviation="12"/><feColorMatrix type="matrix" values="0 0 0 0 0.0323264 0 0 0 0 0.0598209 0 0 0 0 0.204167 0 0 0 0.04 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2328_1511"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2328_1511" result="shape"/></filter></defs></svg>')
        no-repeat center center;
    position: relative;
    padding: 90px 25px 70px 30px;
    box-sizing: border-box;
}
.toggle-description {
    background: none;
    border: none;
    color: #c6a04b;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    margin-top: 5px;
}
@media (max-width: 768px) {
    .home_services_boxes_wrapper .box {
        padding: 65px 15px 30px 15px;
    }
    .home_services_boxes_wrapper .box_icon {
        left: 10px;
    }
}

.our-team-card {
    max-width: 300px;
}
.glide__slides {
    flex-direction: row-reverse;
}

.manager-hero {
    height: 575px;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.manager-hero-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}
.manager-hero-content .manager-hero__title {
    color: var(--white-color);
    font-size: 42px;
    line-height: 75px;
    font-weight: 700;
    margin-bottom: 10px;
    max-width: 560px;
}
.manager-hero-content .manager-hero__desc {
    color: var(--white-color);
    font-size: 24px;
}
.manager-section-one,
.manager-section-two,
.manager-section-three {
    max-width: 1400px;
    margin: 80px auto 0 auto;
    padding: 0 20px;
    width: 100%;
    text-align: center;
}
.manager-section-desc {
    color: #778ea0;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 30px;
}
.section-manager-video {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
}
.section-manager-video .video_box {
    height: 300px;
    width: 100%;
    margin-left: 20px;
    justify-content: flex-start;
    padding: 20px;
    height: auto;
    aspect-ratio: 16/9
}
.manager-section-quarterly h3.title, .manager-section-three h3 {
    font-size: 32px;
    font-weight: 700;
    margin-top: 4px;
    text-align: center;
}
.manager-section-quarterly h3.title span, .manager-section-three h3 span {
    color: var(--secondary-color);
}
.manager-section-quarterly h3.title {
    margin: 1rem auto
}

.manager-section-quarterly .section-text {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.lined_title_manager {
    position: relative;
    color: #778ea0;
    text-align: center;
    font-size: 18px;
    display: inline-block;
}

.manager-section-quarterly .lined_title_manager::after {
    content: "";
    position: absolute;
    bottom: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 2px;
    left: -35%;
    background-color: #778ea0;
}
.manager-hero .lined_title_manager::after {
    content: "";
    position: absolute;
    bottom: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 2px;
    left: -35%;
    background-color: #fff;
}
.manager-section-quarterly .lined_title_manager::after {
    left: -70%;
    background-color: #778ea0;
}
.quarterly-card {
    /*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
    border-radius: 12px;
    background-color: #fff;
}
.quarterly-card-title {
    font-size: 14px;
    text-align: right;
}
.quarterly-card-image img {
    border-radius: 12px;
    width: 100%;
}
.section-text .right {
    text-align: right;
}
.section-text .left p {
    max-width: 520px;
    text-align: right;
    color: #778ea0;
}
.quarterly-card-content {
    padding: 16px;
    text-align: right;
}
.quarterly-card .meta-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    color: #00000099;
    font-size: 16px;
}
.manager-section-quarterly {
    background: #045230;
    background: linear-gradient(90deg, rgb(4 82 48 / 15%) 0%, rgba(0, 0, 0, 0.06) 100%);
    padding: 4rem;
}
.manager-section-one img {
    margin-bottom: 2rem;
}
.manager-section-quarterly .download-link {
    color: var(--primary-color);
    display: flex;
    font-size: 14px;
}
.quarterly-post-card__date {
    font-size: 14px;
}
.manager-section-quarterly .download-link img {
    width: 15px;
    transform: rotate(330deg);
    margin-right: 3px;
}
.quarterly-card-image {
    max-height: 215px;
}
.container-manager {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .manager-hero-content .manager-hero__title {
        font-size: 36px;
    }
    .manager-section-quarterly .section-text {
        flex-direction: column;
    }
    .manager-section-quarterly {
        padding: 1rem;
    }
    .section-manager-video {
        flex-direction: column;
    }
    .section-manager-video .video_box {
        margin-bottom: 1rem;
    }
    .manager-section-three h3 {
        font-size: 28px;
    }
}

.page-template-manager .h_iframe-aparat_embed_frame {
    position: static !important
}

#view-efb h4#doneTitleEfb {
    font-size: 1.5rem!important;
}
#view-efb h4#doneTitleEfb #DoneIconEfb {
    font-size: 1.5rem!important;
}

#view-efb h3#doneMessageEfb {
    font-size: 1.2rem!important;
}

#view-efb h5#doneTrackEfb {
    font-size: 1.1rem!important;
}

#view-efb button.efb.btn.efb-square.efb.btn-primary.text-white.efb-btn-lg.my-3.fs-5, button.efb.btn.efb-square.efb.btn-primary.text-white.efb-btn-lg.my-3.fs-5 i {
    font-size: 1rem!important;
}