*,
::after,
::before {
     box-sizing: border-box
}

.cont_About {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto
}

@media (min-width:576px) {
     .cont_About {
          max-width: 540px
     }
}

@media (min-width:768px) {
     .cont_About {
          max-width: 720px
     }
}

@media (min-width:992px) {
     .cont_About {
          max-width: 960px
     }
}

@media (min-width:1200px) {
     .cont_About {
          max-width: 1140px
     }
}

@media (min-width:768px) {
     .colmd5 {
          -ms-flex: 0 0 41.666667%;
          flex: 0 0 41.666667%;
          max-width: 41.666667%
     }

     .colmd7 {
          -ms-flex: 0 0 58.333333%;
          flex: 0 0 58.333333%;
          max-width: 58.333333%
     }
}

@media print {
     .cont_About {
          min-width: 992px !important
     }
}

.ro_ro {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px
}

.colmd5,
.colmd7,
.colsm12 {
     position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px
}

@media (min-width:576px) {
     .colsm12 {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%
     }
}

/* ---------------- End Bootsrap */
.about_ha,
h3 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
}

.abbu_p {
     margin: 0px;
     padding: 0;
     font-weight: 400;
     font-size: 17px;
     line-height: 28px;
}

.read_more {
     display: block;
     background: #8b1310;
     color: #fff;
     max-width: 224px;
     height: 61px;
     padding: 14px 0px;
     width: 100%;
     font-size: 17px;
     text-align: center;
     font-weight: 500;
     transition: ease-in all 0.5s;
}

.read_more:hover {
     background: #fd990c;
     color: #fff;
     transition: ease-in all 0.5s;
}

/*- - ener page css--*/
.inner_page {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

}

.inner_page .about {
     padding-bottom: 90px;
     padding-top: 80px;
}

/** contact **/
/** about **/
.about {
     padding-top: 10px;
}

.about .titlepage .abbu_p {
     line-height: 24px;
     padding-top: 19px;
     color: #000;
     font-weight: 400;
}

.titlepage {
     padding-bottom: 60px;
}

.titlepage .about_ha {
     font-size: 40px;
     font-weight: 700;
     line-height: 46px;
     color: #251d12;
     text-transform: uppercase;
}

.about_box {
     padding: 20px 0;
     box-shadow: 4px 0 27px rgba(02, 3, 8, 0.20);

}

.about_box_text {
     padding-left: 50px;
}

.about_box_text h3 {
     font-size: 27px;
     text-transform: uppercase;
     font-weight: 700;
     color: #0b0d0a;
     line-height: 30px;
     padding-bottom: 20px;
}

.about_box_text .abbu_p {
     font-size: 20px;
     line-height: 32px;
     color: #0b0d0a;
     font-weight: 400;
     padding-bottom: 35px;
}

.about_box_img {
     padding: 35px 0;
     margin-right: -60px;
}

.about_box_img_cv {
     padding: 35px 0;
     margin-left: -60px;
}

.about_box_img figure {
     margin: 0;
}

.about_box_img figure img {
     width: 100%;
     border: 1px solid #000;
}


/** end about **/
.cont_About {
     max-width: 1170px;
}

.d_flex {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}

.d_flex_w {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     flex-direction: row-reverse;
}

/* ---------- خاص في عرض الصورة  */
.popup-image {
     position: fixed;
     top: 0;
     left: 0;
     background-color: rgba(0, 0, 0, .9);
     width: 100%;
     height: 100%;
     z-index: 100;
     display: none;
}

.popup-image span {
     position: absolute;
     top: 0;
     right: 10px;
     font-size: 60px;
     font-weight: bolder;
     color: #fff;
     cursor: pointer;
     z-index: 100;

}

.popup-image img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     border: 5px solid #fff;
     border-radius: 5px;
     width: 750px;
     object-fit: fill;
     height: 470px;
}

@media(max-width:768px) {
     .popup-image img {
          width: 95%;
          height: 340px;
     }
}

/* ----------النهائية خاص في عرض الصورة  */
/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1320px) {
     .about_box_img {
          margin-right: -20px;
     }
}

@media (min-width: 992px) and (max-width: 1199px) {

     .about_box_img {
          margin-right: 35px;
     }

     .about_box_text .abbu_p {
          font-size: 17px;
          line-height: 26px;
     }
}

@media (min-width: 768px) and (max-width: 991px) {
     .about_box_img {
          margin-right: 35px;
     }

     .about_box_text h3 {
          padding-bottom: 2px;
          font-size: 20px;
     }

     .about_box_text .abbu_p {
          font-size: 17px;
          line-height: 26px;
     }
}

@media (min-width: 576px) and (max-width: 767px) {
     .about_box_img {
          padding: 35px;
          margin-right: 0px;
     }

     .titlepage .about_ha {
          font-size: 23px;
          line-height: 29px;
     }
}

@media (max-width: 575px) {
     .about_box_text h3 {
          font-size: 21px;
          padding-bottom: 11px;
     }

     .about_box_img {
          padding: 15px;
          margin-right: 0px;
     }

     .about_box_text {
          padding-left: 10px;
     }

     .titlepage .about_ha {
          font-size: 23px;
          line-height: 29px;
     }
}