/* ========================================= */
/* SECTION */
/* ========================================= */

.mnr-about-section{

  position:relative;
  overflow:hidden;
}

/* BACKGROUND SHAPES */

.mnr-about-section::before{
  content:"";
  position:absolute;
  top:-120px;
  right:-120px;
  width:320px;
  height:320px;
  background:rgba(38,52,137,0.05);
  border-radius:50%;
}

.mnr-about-section::after{
  content:"";
  position:absolute;
  bottom:-100px;
  left:-80px;
  width:240px;
  height:240px;
  background:rgba(236,29,37,0.05);
  border-radius:50%;
}

/* ========================================= */
/* MAIN CARD */
/* ========================================= */

.mnr-main-card{
  background:#ffffff;
  border-radius:30px;
  padding:50px;
  box-shadow:0 18px 45px rgba(0,0,0,0.08);
  position:relative;
  z-index:2;
  margin-bottom:50px;
}

/* ========================================= */
/* TITLE */
/* ========================================= */

.section-title{
  color:var(--primary-blue);
  font-size:40px;
  font-weight:700;
  margin-bottom:30px;
  position:relative;
  padding-left:22px;
  line-height:1.3;
}

.section-title::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  width:6px;
  height:88%;
  background:var(--accent-red);
  border-radius:10px;
}

/* ========================================= */
/* FLOAT IMAGE */
/* ========================================= */

.float-image-right{
  float:right;
  width:360px;
  margin:0 0 25px 35px;
  border-radius:24px;
  overflow:hidden;
  position:relative;
  box-shadow:0 12px 30px rgba(0,0,0,0.12);
}

.float-image-left{
  float:left;
  width:360px;
  margin:0 35px 25px 0;
  border-radius:24px;
  overflow:hidden;
  position:relative;
  box-shadow:0 12px 30px rgba(0,0,0,0.12);
}

/* IMAGE */

.float-image-right img,
.float-image-left img{
  width:100%;
  display:block;
  transition:0.5s ease;
}

.float-image-right:hover img,
.float-image-left:hover img{
  transform:scale(1.06);
}

/* BADGE */

.image-badge{
  position:absolute;
  bottom:18px;
  left:18px;
  background:rgba(38,52,137,0.92);
  color:#ffffff;
  padding:10px 18px;
  border-radius:50px;
  font-size:13px;
  font-weight:700;
  letter-spacing:0.5px;
  box-shadow:0 5px 14px rgba(0,0,0,0.15);
}

/* ========================================= */
/* TEXT */
/* ========================================= */

.mnr-main-card p{
  color:var(--text-black);
  font-size:16px;
  line-height:1.95;
  text-align:justify;
  margin-bottom:22px;
}

/* HIGHLIGHT */

.mnr-main-card p b{
  color:var(--primary-blue);
}

/* CLEAR FLOAT */

.mnr-main-card::after{
  content:"";
  display:block;
  clear:both;
}

/* ========================================= */
/* SUB CARDS */
/* ========================================= */

.info-card{
  background:#ffffff;
  border-radius:28px;
  padding:40px;
  box-shadow:0 15px 35px rgba(0,0,0,0.07);
  margin-bottom:40px;
  position:relative;
  z-index:2;
}

.info-card::after{
  content:"";
  display:block;
  clear:both;
}

/* ========================================= */
/* RESPONSIVE */
/* ========================================= */

@media(max-width:991px){

  .mnr-main-card,
  .info-card{
    padding:30px 24px;
  }

  .float-image-right,
  .float-image-left{
    float:none;
    width:100%;
    margin:0 0 25px 0;
  }

  .section-title{
    font-size:32px;
  }

}

@media(max-width:768px){

  .mnr-about-section{
    padding:50px 0;
  }

  .section-title{
    font-size:26px;
  }

  .mnr-main-card p,
  .info-card p{
    font-size:15px;
  }

}