/* ===========================
   Global Styles
   =========================== */
.swiper-slide .about {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropMenu ul li {
  padding: 10px;
}

.offcanvas_body_direction .dropMenu ul {
  gap: 10px;
  flex-wrap: wrap;
}

/* ===========================
   Responsive Styles
   =========================== */

/* --- For screen sizes up to 1285px --- */
@media (max-width: 1285px) {
  .abt p.p {
    font-size: 12px;
  }
  .comapnys .cardd h3 {
    font-size: 14px;
  }
  .cardProgramming {
    height: 440px;
  }
  /* 
  الملاحظات التالية معلقة (يمكن تفعيلها إذا لزم الأمر):
  .cardVisionMision h2,
  .cardVision h2 {
    font-size: 22px !important;
  }
  .cardVisionMision,
  .cardVision {
    height: 85%;
  }
  .aboutUs a {
    margin-top: 3px !important;
  }
  */
  body[dir="'ltr'"] .ceo-director .div-member {
    position: absolute;
    left: 85% !important;
    transform: translate(-50%, -50%);
    margin-left: -101px !important;
    top: 30% !important;
}
body[dir="'ltr'"] .ceo-director .projectManeger.Maneger .img.img2::before {
    height: 105px !important;
    bottom: -131px !important;
}
body[dir="'ltr'"] .ceo-section .div-member {
    margin-left: -257px !important;
    top: 30% !important;
    position: absolute;
    left: 100% !important;
    transform: translate(-50%, -50%)
}
body[dir="'ltr'"] .ceo-section.projectManeger.Maneger .img.img2::before {
    height: 109px !important;
    bottom: -136px !important;
}


}

/* --- For screen sizes up to 1199px --- */
@media (max-width: 1199px) {
  h2.h2 {
    font-size: 36px;
  }
  p.p {
    font-size: 12px;
  }
  .projectManeger.Maneger h2.h2 {
    font-size: 38px;
  }
  .contactHome .div h5 {
    font-size: 18px;
  }
  footer ul li {
    font-size: 12px;
    white-space: nowrap;
  }
  .cardProgramming h3 {
    font-size: 14px;
  }
  p.p {
    font-size: 14px;
  }
  body[dir="'ltr'"] .ceo-director .projectManeger.Maneger .img.img2::before {
    height: 168px !important;
    bottom: -179px !important;
}
body[dir="'ltr'"] .ceo-director .div-member {
    position: absolute;
    left: 85% !important;
    transform: translate(-50%, -50%);
    margin-left: -39px !important;
    top: 30% !important;
}
    body[dir="'ltr'"] .ceo-section .div-member {
        margin-left: -166px !important;
        top: 30% !important;
        position: absolute;
        left: 100% !important;
        transform: translate(-50%, -50%);
    }
        body[dir="'ltr'"] .ceo-section.projectManeger.Maneger .img.img2::before {
        height: 156px !important;
        bottom: -182px !important;
    }
}
@media (max-width: 1099px) {
        body[dir="'ltr'"] .ceo-director .projectManeger.Maneger .img.img2::before {
        height: 84px !important;
        bottom: -102px !important;
    }
        body[dir="'ltr'"] .ceo-director .div-member {
        position: absolute;
        left: 85% !important;
        transform: translate(-50%, -50%);
        margin-left: -39px !important;
        top: 37% !important;
    }
}
/* للشاشات من 1032 بكسل إلى 1084 بكسل */
@media  (min-width: 1030px) and (max-width: 1085px) {
    .gridImgs {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
    .projectManeger.Maneger .gridImgs .img, .projectManeger.Maneger .gridImgs img {
    transition: var(--transition);
    object-fit: cover;
    height: 220px;
    width: 100% !important;
    max-width: none !important;

}
    .heroPage {
    height: 35vh;
    }
form.formHero{
    display: none;
}
.gridImgs {
    padding-top: 24px;
    margin-top: 0;
}

body[dir="'ltr'"] .ceo-section .div-member{
    left: 110%;
    top: 32%;
}
}

/* --- For screen sizes up to 1024px --- */

@media (min-width: 992px) and (max-width: 1024px) {
    .comapnys .cardd {
        max-width: 100%;
        height: auto; 
        margin: 15px 0;
        padding: 20px; 
        font-size: 16px;
    }
    .heroPage {
    height: 35vh;
    }
    .dropMenu ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
    }
    .gridImgs {
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    }
    .projectManeger.Maneger .gridImgs .img, .projectManeger.Maneger .gridImgs img {
    transition: var(--transition);
    object-fit: cover;
    height: 220px;
    width: 100% !important;
    max-width: none !important;
}
body[dir="'ltr'"] .gridImgs {
    padding-top: 24px;
    margin-top: 0px;
}
body[dir="'ltr'"] .ceo-director .div-member {
    position: absolute;
    left: 85% !important;
    transform: translate(-50%, -50%);
    margin-left: -40px !important;
    top: 32% !important;
}
body[dir="'ltr'"] .dropMenu ul {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
}
.projectManeger p {
    text-align: justify;
}
.aboutUs .img img{
    object-fit: fill;
}
}
.projectManeger p {
    text-align: justify;
}

/* --- For screen sizes up to 999px --- */
@media (max-width: 999px) {
  .nav_bottom,
  .nav_mobile {
    display: flex !important;
  }
  .labl-1 p,
  .labl-2 p {
    font-size: 17px !important;
  }
  .offcanvas-body .offcanvas_body_direction {
    justify-content: space-between;
  }
  .offcanvas-body li {
    padding: 0;
  }
  .offcanvas-top {
    height: 20vh;
  }
  .dropMenu ul {
    gap: 10px;
  }
  .map_icon_card {
    display: flex;
    gap: 10px;
  }
  .map_icon_card .div {
    gap: 5px;
    padding: 7px;
  }
  .map_icon_card .div h4,
  .map_icon_card .div p {
    font-size: 9px;
  }
  .map_icon_card img {
    max-width: 18px;
  }
  .map_div {
    min-height: 65vh;
  }
  .fixed-navbar {
    justify-content: space-between;
  }
  .hero_img {
    margin-bottom: 0;
  }
  .about h2 {
    max-width: 100%;
  }
  .y {
    display: block !important;
  }
  .y.lang-nav {
    display: flex !important;
  }
}

/* --- For screen sizes up to 991px --- */
@media (max-width: 991px) {
  .hero h1 {
    font-size: 46px;
  }
  .aboutUs .img img{
      
  }
  .ceo-section.projectManeger.Maneger .img .content {
        height: 75%;
        left: 0px;
        width: 61%;
    }
  .ceo-section .gridImgs .img img {
    max-width: 100% !important;
}
.ceo-section .div-member {
    margin-left: -215px;
    top: 38%;
}
  .verify {
    padding: 50px 0;
  }
  .plan .card-info p {
    color: #FFFFFF;
    font-size: 14px;
  }
  .iconFixed {
    flex-direction: row;
    gap: 15px;
    right: 32%;
    top: 133%;
    transform: translate(-50%, -50%);
  }
  .iconFixed .icon {
    width: 30px;
    height: 30px;
  }
  .aboutUs .img img {
    height: 320px;
  }
  h2.h2 {
    font-size: 24px;
  }
  p.p {
    font-size: 10px;
  }
  .nav-tabs li button {
    padding: 15px 30px !important;
  }
  .contactHome .div h5 {
    font-size: 12px;
  }
  .footer p.p {
    font-size: 12px;
  }
  .footer {
    padding: 35px;
  }
  .foot-puiux {
    padding: 15px 0;
  }
  /* إخفاء أسهم الـ Owl Carousel عند التعطيل */
  .makers .owl-carousel .owl-nav.disabled,
  .building .owl-carousel .owl-nav.disabled,
  .training .owl-carousel .owl-nav.disabled,
  .services-cards .owl-carousel .owl-nav.disabled,
  .activiy .owl-carousel .owl-nav.disabled {
    display: none !important;
  }
  .building p,
  .building span {
    font-size: 16px;
  }
  .cooperative .coo-share p {
    font-size: 12px;
  }
  .goals .cards p {
    font-size: 14px;
  }
  .education .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    font-size: 12px;
  }
  .reading .info h3 {
    font-size: 22px;
  }
  .reading .info p {
    font-size: 12px;
  }
  .hiring .cards h3 {
    font-size: 20px;
  }
  .hiring .cards p {
    font-size: 12px;
  }
  .single-activity .owl-item {
    opacity: 100%;
  }
  .owl-carousel.owl-rtl .owl-item {
    max-width: 640px;
  }
  .single-activity .owl-carousel img {
    width: 100%;
    height: 340px;
  }
  .iconFixed {
    top: 155%;
  }
  .navbar-toggler:focus {
    text-decoration: none;
    box-shadow: none !important;
  }
  .ui-datepicker-calendar .ui-state-default {
    width: 47px;
    height: 27px;
    padding: 24px;
    font-size: 15px;
  }
  a.ui-state-default.ui-state-active {
    width: 47px;
    height: 27px;
  }
  .ui-widget.ui-widget-content {
    width: 100%;
  }
  .plan .right {
    margin-right: 0px !important;
  }
  .nav-bar .ul li a {
    font-size: 12px;
  }
  .nav-bar .ul {
    gap: 12px;
  }
  .logo-main {
    max-width: 120px;
  }
     .projectManeger.Maneger .img img {
        height: 143px;
        max-width: 60%;
        margin: auto;
        /*object-fit: contain !important;*/
    }
      .gridImgs .img img {
        height: 153px !important;
        max-width: 101% !important;
    }
    .projectManeger.Maneger .img .content {
    height: 80%;
    left: 81px;
    width: 61%;
}
    .gridImgs {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    margin-top: 15px;
    }
    .projectManeger.Maneger .img.img2::before {
    height: 89px;
    bottom: -39px;
}
.projectManeger.Maneger .img.img2::before {
    left: 64%;
}
.gridImgs .img .content {
    left: 0px !important;
    width: 100% !important;
    height: 81% !important;
}
.div-member {
    left: 50%;
    margin-left: -216px;
        top: 37%;
}
.div-member .img::before {
    width: 140px;
    right: -103%;
    top: 56%;
}
.div-member .img::after {
    bottom: 81px;
        right: -74%;
}
.projectManeger.Maneger h2.h2 {
    font-size: 16px;
}
.ceo-director .div-member {
            margin-left: -286px !important;
        top: 95%;
}
.iconFixed {
    right: 27% !important;
}
body[dir="'ltr'"] .ceo-director .projectManeger.Maneger .img.img2::before {
    height: 88px !important;
    bottom: -39px !important;
            left: 34%;

}
body[dir="'ltr'"] .ceo-director .div-member {
    left: 111% !important;
}
  body[dir="'ltr'"] .ceo-director .projectManeger.Maneger .img .content {
        height: 75%;
        left: -3px;
        width: 100%;
    }
      body[dir="'ltr'"] .ceo-section.projectManeger.Maneger .img.img2::before {
        height: 91px !important;
        bottom: -40px !important;
        left: 35%;
    }
body[dir="'ltr'"] .ceo-section .div-member {
    margin-left: 258px;
    top: 40%;
}
body[dir="'ltr'"] .iconFixed {
    left: 360px !important;
}
/*التنسيق الاصح والاخير */
.ceo-director .div-member {
    position: absolute;
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin-left: -216px !important;
    top: 37% !important;
}
.ceo-director .gridImgs .img img {
    max-width: 99% !important;
}
body[dir="'ltr'"] .ceo-director .div-member {
    position: absolute;
    left: 80% !important;
    transform: translate(-50%, -50%);
    margin-left: 46px !important;
        top: 38% !important;
}
body[dir="'ltr'"] .ceo-director .gridImgs .img img {
    max-width: 99% !important;
}
body[dir="'ltr'"] .ceo-director .projectManeger.Maneger .img.img2::before {
           height: 89px !important;
        bottom: -39px !important;
}
/*الاخير صفحه رئيسيه*/
.ceo-section .div-member {
    position: absolute;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin-left: -217px !important;
    top: 34% !important;
}
    body[dir="'ltr'"] .ceo-section .div-member {
        margin-left: -76px !important;
        top: 40% !important;
        position: absolute;
        left: 100% !important;
        transform: translate(-50%, -50%);
    }
}

/* --- For screen sizes up to 768px --- */
@media (max-width: 768px) {
.comapnys .cardd {
        max-width: 100%; /* لضمان ملء العرض الكامل للشاشة */
        height: auto; /* الارتفاع يتكيف تلقائيًا */
        margin: 10px 0; /* هامش علوي وسفلي للفصل بين البطاقات */
        padding: 15px; /* بطانة داخلية لتحسين المظهر */
        font-size: 14px; /* تقليل حجم النصوص إذا كانت كبيرة جدًا */
    }
    .sub-head h5 {
    margin: 20px 0 10px 0 !important;
    font-size: 20px;
  }
      .cardVision, .cardVisionMision {
        padding: 13px;
    }

      .ceo-director .projectManeger.Maneger .img .content {
        height: 112%;
    }
    /*    body[dir="'ltr'"] .ceo-director .div-member {*/
    /*    left: 122% !important;*/
    /*}*/
        body[dir="'ltr'"] .ceo-director .projectManeger.Maneger .img.img2::before {
        height: 63px !important;
        bottom: -51px !important;
        left: 34%;
    }
        body[dir="'ltr'"] .ceo-section .div-member {
        top: 33%;
    }
        body[dir="'ltr'"] .ceo-section.projectManeger.Maneger .img.img2::before {
        height: 50px !important;
        bottom: -39px !important;
    }
    body[dir="'ltr'"] .iconFixed {
        left: 260px !important;
    }
    body[dir="'ltr'"]  .ceo-section.projectManeger.Maneger .img .content {
        left: 1px;
    }
    .ceo-image img {
    height: 300px !important;
}
.cardProgramming p {
    min-height: 30px;
}
    .aboutUs .buttom_fill {
        margin-top: 5px !important;
    }
        .aboutUs .right p {
        font-size: 8px !important;
        max-width: 510px;
        text-align: center;
    }

    .projectManeger.Maneger .img .content {
        height: 94% !important;
    }
      .ceo-section .div-member {
        margin-left: -215px;
        top: 33%;
    }
        .ceo-director .gridImgs {
        margin-top: 25px;
    }
          .ceo-director .projectManeger.Maneger .img.img2::before {
        height: 61px;
        bottom: -49px;
    }
   .ceo-director .div-member {
        margin-left: -269px !important;
        top: 100% !important;
    }
    .ceo-director .gridImgs .img img {
    max-width: 97% !important;
}
        .ceo-director p {
        max-width: 210px;
    }
  .plan .card-info p {
    color: #FFFFFF;
    font-size: 14px !important;
  }
  .hero h1 {
    font-size: 32px !important;
  }
  .row {
    gap: 20px;
  }
  .icon_vedio {
    right: 27.5%;
  }
  p {
    font-size: 12px !important;
  }
  h2 {
    font-size: 22px !important;
  }
  h1 {
    font-size: 42px !important;
  }
  .iconFixed {
    right: 25%;
  }
  .nav-bar .ul a {
    gap: 4px;
}
  form.formHero {
    /*transform: translateX(-100%);*/
    display:none;
  }
  .nav-tabs li button {
    padding: 10px 10px !important;
  }
  .aboutUs .row {
    /*flex-direction: column-reverse;*/
    gap: 8px;
  }
  .aboutUs .img img {
    height: 400px;
  }
  .about-tab .img img {
    height: 220px;
    object-fit:contain;
}
  .aboutUs .img .phooto {
    height: 180px !important;
  }
  .aboutUs p {
    font-size: 10px !important;
  }
  .aboutUs .buttom_fill {
    margin-top: 10px !important;
  }
  .contactHome .col-md-8 .row {
    gap: 0;
    margin-top: 15px !important;
  }
  .contactHome .div a {
    font-size: 12px;
  }
  .abt .img img {
    height: 400px;
  }
  .teamCard img {
    height: 400px;
  }
  .building span {
    font-size: 12px;
  }
  .cardProgramming {
    height: 380px;
  }
  .cooperative .coo-share {
    padding: 40px;
  }
  .goals .left {
    margin-right: 15px !important;
}
  .goals::before {
    display: none !important;
  }
  .education .flex_tap {
    padding-right: 0 !important;
  }
  .education .div_img_logo {
    padding: 30px;
  }
  .education .text span {
    font-size: 12px;
  }
  .reading .image {
    padding: 10px;
  }
  .reading img {
    width: auto;
    height: auto;
    max-width: 20px;
  }
  .wizard-form.py-4.my-2 {
    padding: 0 !important;
    margin: 0 !important;
  }
  .step-wizzard ul::before {
    width: 99%;
    left: 50%;
    border-width: 1px;
    transform: translateX(-50%);
  }
  .step-wizzard .title-head h2 {
    font-size: 42px;
    margin: 20px 0 !important;
  }
  .step-wizzard ul {
    gap: 10px;
  }
  .reading {
    padding: 20px;
    gap: 10px;
  }
  .verify .first-nums {
    display: block !important;
  }
  .cardVision,
  .cardVisionMision {
    padding: 20px;
  }
  .contactHome {
    padding: 30px 0;
  }
  .footer img.logo {
    max-width: 40%;
    margin: auto;
    display: block;
  }
  .offcanvas-body .offcanvas_body_direction {
    font-size: 12px;
  }
  .gridImgs {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
  .projectManeger.Maneger .img {
    height: 154px;
  }
  .cardNews .content h4 {
    font-size: 12px;
  }
  .contactHome .icon {
    width: 35px;
    height: 35px;
  }
  .contactHome .div h5 {
    padding-bottom: 0 !important;
  }
  .footer p.p {
    margin: 0 auto !important;
  }
  .wizzard.p-5 {
    padding: 10px !important;
  }
  .buttom_fill {
    text-align: center;
    padding: 10px 19px;
    font-size: 12px;
    white-space: nowrap;
  }
  .search-navbar {
    display: none !important;
  }
  .nav-bar .ul li a {
    font-size: 9px;
  }
  .nav-bar .ul {
    gap: 9px;
  }
  .hiringGate .abt-image {
    height: 425px !important;
}
.nav-tabs .nav-link {
    font-size: 12px;
}
.nav-tabs .active {
    font-size: 12px;
}
.projectManeger.Maneger h2.h2{
    font-size:14px !important;
}
        .projectManeger.Maneger .img.img2::before {
        height: 49px;
        bottom: -39px;
    }
    .gridImgs .img img {
        height: 140px !important;
        max-width: 90% !important;
    }
        .gridImgs {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        margin-bottom: -104px;
    }
    .ceo-tab .img img {
    height: 250px !important;
    object-fit: contain !important;
    }
    .cardVisionMision h2 {
    font-size:14px !important;
}
    .right {
            display: flex;
    flex-direction: column;
    align-items: center;
    }
        .div-member {
        top: 33%;
    }
    .ceo-row .row{
                flex-direction: column !important;
    }
    .div-member .img::before {
        top: 86%;
    }
        .div-member .img::after {
        bottom: 18px;
    }
    /*التنسيق الاصح والاخير */
        .ceo-director .div-member {
        position: absolute;
        left: 50% !important;
        transform: translate(-50%, -50%);
        margin-left: -216px !important;
        top: 30% !important;
    }
    body[dir="'ltr'"] .ceo-director .div-member {
        position: absolute;
        left: 80% !important;
        transform: translate(-50%, -50%);
        margin-left: 30px !important;
        top: 30% !important;
    }
    body[dir="'ltr'"] .ceo-director .div-member .img::before {
    left: -28% !important;
    width: 122px !important;
}
body[dir="'ltr'"] .ceo-director .div-member .img::after {
    right: 153% !important;
}
       .ceo-section .div-member {
        position: absolute;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin-left: -217px !important;
        top: 30% !important;
    }
        body[dir="'ltr'"] .ceo-section .div-member {
        margin-left: -30px !important;
        top: 32% !important;
    }
    .ceo-director .gridImgs {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        margin-bottom: -42px;
    }
    body[dir="'ltr'"] .div-member .img::before {
    left: -35% !important;
    width: 143px !important;
}
body[dir="'ltr'"] .div-member .img::after {
    right: 166% !important;
}
}

/* --- For screen sizes up to 554px --- */
@media (max-width: 554px) {
    .dropMenu{
        position:unset !important;
        bottom:unset !important;
    }
    
    .dropMenu {
    background: #ffffff08;
}
    .offcanvas_body_direction .dropMenu ul {
    flex-direction: column !important;
    align-items: flex-start;
}
.offcanvas-body li{
    width:100%;
}
.dropMenu ul li {
    padding: 5px 10px;
}
.dropMenu ul{
    gap:0 !important;
}
  .hero h1 {
    font-size: 14px !important;
  }
  .footer img.logo {
    margin-right: 0 !important;
}
    .footer p.p {
        margin: 0  !important;
        text-align: right;
    }
    .footer h4{
        text-align:right !important;
    }
    .icons {
    justify-content: flex-start;
}
    .cardVision, .cardVisionMision {
        padding: 10px;
    }

body[dir="'ltr'"]   .footer img.logo {
    margin-left: 0 !important;
}

body[dir="'ltr'"] .footer p.p {
        margin: 0  !important;
        text-align: left;
    }

body[dir="'ltr'"]  .footer h4{
        text-align:left !important;
    }
        body[dir="'ltr'"] .ceo-director .projectManeger.Maneger .img.img2::before {
        height: 72px !important;
        bottom: -89px !important;
    }

body[dir="'ltr'"] .ceo-director .div-member .img::before {
    left: -40% !important;
    width: 109px !important;
}
/*body[dir="'ltr'"] .ceo-director .div-member {*/
/*        left: 116% !important;*/
/*    }*/
    body[dir="'ltr'"] .ceo-director .div-member .img::after {
    right: 174% !important;
}
    body[dir="'ltr'"] .ceo-section.projectManeger.Maneger .img.img2::before {
        height: 99px !important;
        bottom: -116px !important;
    }
        body[dir="'ltr'"] .ceo-section .div-member {
        margin-left: 173px;
        top: 48%;
    }
    body[dir="'ltr'"] .ceo-section .div-member .img::before {
    left: -46% !important;
    width: 125px !important;
}
body[dir="'ltr'"] .ceo-section.projectManeger.Maneger .img .content {
        left: 0px !important;
    }

  .ceo-director .gridImgs .img img {
    max-width: 100% !important;
}
      .ceo-section .div-member {
        margin-left: -135px;
        top: 50%;
    }
    .ceo-director .gridImgs {
        margin-top: 65px;
    }
  .ceo-director .div-member {
        top: 103% !important;
        margin-left: -174px !important;
    }
    .ceo-director .projectManeger.Maneger .img .content {
        height: 113% !important;
        left: 14px;
        width: 90%;
    }
    .ceo-director .gridImgs {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }
    .ceo-director .projectManeger.Maneger .img.img2::before {
        height: 74px;
        bottom: -89px;
    }
  .nav-desktop {
    display: none !important;
  }
  .step-wizzard .div span {
    border: 2px solid var(--span);
    width: 48px;
    height: 48px;
    font-size: 20px;
  }
  .nav-tabs li button {
    padding: 5px 5px !important;
  }
  h2 {
    font-size: 22px !important;
  }
  p {
    font-size: 10px !important;
  }
  .aboutUs .row {
    gap: 20px;
  }
  .reading .info h3 {
    font-size: 14px;
  }
  .offcanvas-body .offcanvas_body_direction {
    font-size: 16px;
    gap: 20px;
        flex-direction: column;
    align-items: flex-start;
  }
  .ui-datepicker td {
    padding: 0 !important;
  }
  .contactHome .div a,
  .contactHome .div h5 {
    font-size: 10px;
  }
  .iconFixed {
    right: 10%;
  }
  .contactHome .col-4 {
    width: auto;
  }
  .contactHome .row {
    gap: 20px !important;
  }
  .projectManeger.Maneger .img img {
    height: 155px;
  }
  .ui-widget.ui-widget-content {
    padding: 14px;
  }
  footer ul {
    flex-direction: column;
  }
  .footerGrid {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .m-auto {
    margin: 0 !important;
  }
  html[dir="ltr"] .hero h1 {
    font-size: 14px !important;
  }
  body[dir="'ltr'"] h2 {
    font-size: 14px !important;
  }
  .plan::before {
    display: none;
  }
  .projectManeger.Maneger .img {
    height: 140px;
    width: 135px !important;
  }
  .projectManeger.Maneger .gridImgs .img,
  .projectManeger.Maneger .gridImgs img {
    max-width: 90%;
  }
  .logo-main {
    max-width: 120px;
  }
    .div-member{
    margin-left: -115px;
    top: 93%;
  }
  .div-member .img::before {
    width: 50px;
    right: -55%;
}
.div-member .img::after {
        bottom: 16px;
        right: -69%;
    }
    .projectManeger.Maneger .img.img2::before {
        height: 99px;
        bottom: -116px;
    }
        .gridImgs {
       margin-top: 92px;
               margin-bottom: -33px;
               grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    }
        .div-member {
        margin-left: -136px;
        top: 49%;
    }
    .projectManeger.Maneger .img img {
        max-width: 90%;
        height: 157px;
    }
        .div-member .img::before {
        width: 88px !important;
        right: -97% !important;
    }
    .ceo-tab p{
        font-size:8px !important;
    }
        .about-tab p {
        font-size: 9px !important;
    }
        .gridImgs .img img {
        max-width: 100% !important;
    }
        .ceo-section.projectManeger.Maneger .img .content {
        height: 112% !important;
        left: 13px !important;
        width: 92% !important;
    }
        .ceo-section.projectManeger.Maneger .gridImgs .content {
        height: 102% !important;
        left: 0px !important;
        width: 104% !important;
    }
    /*التنسيق الاصح والاخير */
        .ceo-director .div-member {
        position: absolute;
        left: 50% !important;
        transform: translate(-50%, -50%);
        margin-left: -135px !important;
        top: 34% !important;
    }
    body[dir="'ltr'"] .ceo-director .div-member {
        position: absolute;
        left: 80% !important;
        transform: translate(-50%, -50%);
        margin-left: 0px !important;
        top: 34% !important;
    }
        .ceo-section .div-member {
        position: absolute;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin-left: -135px !important;
        top: 45% !important;
    }
        body[dir="'ltr'"] .ceo-section .div-member {
        margin-left: -96px !important;
        top: 49% !important;
    }
        body[dir="'ltr'"] .ceo-section .div-member .img::before {
        left: -37% !important;
        width: 100px !important;
    }


}

/* --- For screen sizes up to 499px --- */
@media (max-width: 499px) {
  .nav-tabs li button,
  .nav-tabs .active {
    font-size: 12px;
  }
  .title2 {
    padding-bottom: 20px !important;
  }
  .title2 .h2 {
    margin-bottom: 20px !important;
  }
  .teamCard img {
    height: 340px;
  }
}

/* --- For screen sizes up to 450px --- */
@media (max-width: 450px) {
  .aboutUs .row {
    gap: 5px;
  }
}

/* --- For screen sizes up to 440px --- */
@media (max-width: 440px) {
  .navbar-toggler {
    display: block;
    font-size: 20px;
    color: #FFFFFF !important;
    border: none !important;
  }
  .projectManeger.Maneger .img img {
    object-fit: cover;
  }
  .gridImgs {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
  .projectManeger.Maneger .gridImgs .img,
  .projectManeger.Maneger .gridImgs img {
    max-width: 100%;
  }
      .ceo-section .div-member {
        top: 37%;
    }
    .ceo-section .div-member {
        position: absolute;
        left: 56% !important;
        transform: translate(-50%, -50%) !important;
        margin-left: -155px !important;
        top: 34% !important
    }
    .projectManeger.Maneger .gridImgs .img, .projectManeger.Maneger .gridImgs img{
        height: 140px;
    }
    body[dir="'ltr'"] .projectManeger.Maneger .row {
    padding-bottom: 115px;
}
    body[dir="'ltr'"] .ceo-section .div-member {
        margin-left: -10px !important;
        top: 35% !important;
    }
        body[dir="'ltr'"] .iconFixed {
        left: 200px !important;
    }
}
@media (max-width: 430px){
    /*body[dir="'ltr'"] .ceo-director .div-member {*/
    /*    left: 127% !important;*/
    /*}*/
    body[dir="'ltr'"] .ceo-director .div-member {
        position: absolute;
        left: 80% !important;
        transform: translate(-50%, -50%);
        margin-left: 18px !important;
        top: 34% !important;
    }
        body[dir="'ltr'"] .ceo-section .div-member {
        margin-left: 133px;
        top: 37%;
    }
        body[dir="'ltr'"] .ceo-director .projectManeger.Maneger .img.img2::before {
        height: 163px !important;
        bottom: -181px !important;
    }
        body[dir="'ltr'"] .ceo-director .div-member {
        position: absolute;
        left: 80% !important;
        transform: translate(-50%, -50%);
        margin-left: 30px !important;
        top: 34% !important;
    }
        body[dir="'ltr'"] .ceo-section.projectManeger.Maneger .img.img2::before {
        height: 191px !important;
        bottom: -207px !important;
    }
        body[dir="'ltr'"] .ceo-section .div-member {
        margin-left: -43px !important;
        top: 44% !important;
    }
    /*    .ceo-section.projectManeger.Maneger .img {*/
    /*    height: 70px;*/
    /*}*/
    body[dir="'ltr'"] .div-member .img::after {
        right:165% !important;
        bottom:15px;
    }
}
@media (max-width: 420px){
    .div-member {
        top: 38%;
    }
        .iconFixed {
        right: 10% !important;
    }
    body[dir="'ltr'"] .iconFixed {
    left: 50% !important;
}
.footer p.p{
        max-width: 270px;
}
.ceo-director .div-member {
        top: 95%;
        /*margin-left: -174px !important;*/
    }
    
    
}

/* --- For screen sizes up to 399px --- */
@media (max-width: 399px) {
  .hiringGate .labl-1 input,
  .hiringGate .labl-1 select,
  .hiringGate .labl-1 textarea {
    padding: 20px;
  }
       body[dir="'ltr'"] .ceo-section .div-member .img::before {
        left: -28% !important;
        width: 78px !important;
    }
    body[dir="'ltr'"] .ceo-section .div-member .img::after {
    right: 150% !important;
}
  .step-wizzard .div span {
    border: 2px solid var(--span);
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
      .ceo-section .div-member {
        top: 37%;
    }
    /*    body[dir="'ltr'"] .ceo-director .div-member {*/
    /*    left: 134% !important;*/
    /*}*/
        body[dir="'ltr'"] .ceo-director .projectManeger.Maneger .img.img2::before {
        height: 113px !important;
        bottom: -130px !important;
    }
        body[dir="'ltr'"] .ceo-director .projectManeger.Maneger .img.img2::before {
        height: 205px !important;
        bottom: -221px !important;
    }
body[dir="'ltr'"] .ceo-director .div-member {
        position: absolute;
        left: 80% !important;
        transform: translate(-50%, -50%);
        margin-left: 18px !important;
        top: 34% !important;
    }
        body[dir="'ltr'"] .ceo-director .div-member .img::before {
        left: -29% !important;
        width: 80px !important;
    }
    body[dir="'ltr'"] .ceo-director .div-member .img::after {
        right: 155% !important;
    }
      .ceo-director .gridImgs {
        margin-top: 105px;
    }
        .ceo-director .projectManeger.Maneger .img.img2::before {
        height: 114px;
        bottom: -130px;
    }
        .ceo-director .div-member {
        margin-left: -160px ;
    }
    .ceo-director .gridImgs .img img {
        max-width: 100% !important;
    }
}
  .about-tab .img img {
        height: 170px ;
    }
    .about-tab h2 {
        font-size: 18px !important;
    }
  .step-wizzard .info p {
    font-size: 8px;
  }
  .iconFixed {
    gap: 15px;
     right: 7%;
  }
  .contactHome .div h5 {
    font-size: 10px;
  }
  .contactHome .icon {
    width: 25px;
    height: 25px;
  }
  .footer img.logo {
    /*margin-right: 0 !important;*/
    max-width: 50%;
  }
  .footer p.p {
    padding-right: 0 !important;
  }
  footer ul li {
    font-size: 10px;
  }
  .aboutUs .img img {
    height: 300px;
  }
  .closee-popup i {
    top: 3%;
  }
  .ui-datepicker-calendar .ui-state-default {
    width: 27px;
    height: 27px;
    padding: 15px;
  }
  a.ui-state-default.ui-state-active {
    width: 27px;
  }
        .div-member {
        margin-left: -135px;
                top: 37%;

    }
    .gridImgs .img img {
        max-width: 69% !important;
    }
    .ceo-tab h2.h2 {
    font-size: 18px !important;
}
    .ceo-director .div-member {
        top: 96%;
        margin-left: -164px ;
    }
    .ceo-director .div-member {
        top: 95%;
        margin-left: -157px ;
    }
}

/* --- For screen sizes up to 320px --- */
@media (max-width: 320px) {
  .aboutUs p {
    font-size: 7px !important;
  }
}
@media (max-width: 768px) {
.single-page .row {
    gap: 20px;
    flex-direction: column-reverse;
}
.heroPage {
    height: 35vh;
    z-index: 43;
    position: relative;
}
.heroPage h1{
    font-size: 28px !important;
    margin-bottom: 15px !important;
}
.single-page {
    margin-top: 70px;
}
.table {
    margin: 70px 0;
}
.training{
    padding: 70px 0;
}
.training .owl-carousel {
    margin: 0;
}
.pattern {
    padding: 70px 0;
}
.about {
    background-color: #cc9;
    background-repeat: REPEAT;
    background-size: 450%;
    background-position: 100% 100%;
}

.teamCard .row {
    align-items: center;
    text-align: center;
}
.teamCard h3 {
    font-size: 18px;
}

.team.pattern .teamCard .col-md-6 {
    padding: 15px 30px;
}
.team.pattern .teamCard .col-md-6 p.p{
    margin-bottom: 20px !important;
}
.team.pattern .row{
    gap: 0px;
}
}