/* about__section */
.about__section {  
  color: #fff;
  padding:4rem 0;
}

.about__section .main-heading {
  color: #D3AF5E;
  font-weight: bold;
  font-size: 3rem;
} 
.about__section p {
  font-size: 1.5rem;
  line-height: 1.8;
    font-weight:500;
} 
.about__section .btn { 
  transition: background-color 0.3s ease;
}
  
.about__section .card-custom {
  background-color: transparent;
  border: none;
  border-radius: 15px;
  padding: 1rem;
  height: 100%;
    text-align:right;
display:flex;
    align-items:start;
    justify-content:start;
}

.about__section .card-custom .img {
  margin-bottom: 15px;
    padding:1rem;
    border:5px solid #D3AF5E;
    border-radius:12px;
    display:inline-flex;
    justify-content:center;
    align-content:center;
}

.about__section .card-custom img {
  max-width: 50px;
  height: auto;
}

.about__section .card-custom h5 {
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 2rem;
}

.about__section .card-custom p {
  font-size: 1.25rem;
    font-weight:600;
   margin: 0; 
}

.about__section .image-wrapper img {
  width: 100%;
  border-radius: 25px; 
  position:relative;
  width:100%;
  z-index:11;
}
.about__section .image-wrapper{
   position:relative;    
   margin-right:5rem;
}
.about__section .image-wrapper:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    border-radius: 25px; 
    left:-30px;
    top:-40px;
    border:8px solid #D3AF5E;
    opacity:29%;
}
.about__section .image-wrapper:after{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    border-radius: 25px; 
    right:-30px;
    bottom:-40px;
    border:8px solid #D3AF5E;
    opacity:29%;
}


/* ⬇️ الريسبونسف */

/* الهواتف */
@media (max-width: 768px) {
    .about__section .card-custom .img {
    margin-bottom: 10px; 
    border: 3px solid #D3AF5E;
    }
}

/* التابلت الأفقي */
@media (max-width: 991px) and (min-width: 768px) {
    
}

/* اللابتوبات المتوسطة */
@media (max-width: 1191px) and (min-width: 992px) {
    
}

/* شاشات أكبر من 1191 */
@media (max-width: 1366px) and (min-width: 1191px) {
     .about__section .card-custom { 
    padding: 1rem 0rem;
     }
     .about__section .card-custom p {
    font-size: 1.15rem;
     }
}