/* ==========================================
   MITHILA TECH ACADEMY / ANU IT SOLUTION
   PREMIUM CONTENT CSS
   COLOR THEME:
   Navy Blue : #182857
   Gold      : #F5C842
========================================== */

:root{
   --primary-color:#182857;
   --secondary-color:#F5C842;
   --primary-light:#233b7a;
   --secondary-light:#f8d86d;
   --text-dark:#222;
   --text-light:#666;
   --bg-light:#f8faff;
}

/* ==========================================
   NGO CONTENT BOX
========================================== */

.ngo-content-box{
   background:#fff;
   border-radius:18px;
   box-shadow:0 15px 40px rgba(24,40,87,.08);
   border-left: 4px solid #000E23;
   padding: 20px 12px;
}

/* Paragraph */

.ngo-content-box p{
   line-height:1.8;
   margin-bottom:14px;
   color:var(--text-dark);
}

/* Lead */

.ngo-content-box .lead{
   /* font-size: 16px; */
   /* font-weight:500; */
   /* color:#000; */
   line-height: 1.6;
   text-align: justify;
}

/* ==========================================
   HEADINGS
========================================== */

.ngo-content-box h2{
   margin:5px;
   color:var(--primary-color);
}

.ngo-content-box h2::after{
   content:"";
   display:block;
   width:60px;
   height:4px;
   background:linear-gradient(
      90deg,
      var(--secondary-color),
      var(--primary-color)
   );
   margin-top:10px;
   border-radius:5px;
}

.ngo-content-box h3{
   font-size:22px;
   font-weight:600;
   color:var(--primary-color);
   margin-top:0;
   margin-bottom:5px;
}

.ngo-content-box h4{
   font-size:19px;
   font-weight:600;
   color:var(--primary-color);
   margin-top:32px;
   margin-bottom:12px;
}

.ngo-content-box h5{
   font-size:16.5px;
   font-weight:600;
   color:var(--primary-color);
   margin-top:26px;
   margin-bottom:10px;
   border-left:3px solid var(--secondary-color);
   padding-left:10px;
}

.ngo-content-box h6{
   font-size:15px;
   font-weight:600;
   color:var(--text-light);
   margin-top:22px;
   margin-bottom:12px;
   text-align:center;
}

/* ==========================================
   LINKS
========================================== */

.ngo-content-box a{
   color:var(--primary-color);
   text-decoration:none;
   font-weight:600;
   transition:.3s;
}

.ngo-content-box a:hover{
   /* color:var(--secondary-color); */
}

/* Strong */

.ngo-content-box strong{
   color:var(--primary-color);
}

/* ==========================================
   LISTS
========================================== */

.ngo-content-box ul{
   padding-left:0;
   margin:18px 0 26px;
}

.ngo-content-box ul li{
   list-style:none;
   position:relative;
   padding-left:32px;
   margin-bottom:10px;
   /* font-size: 14px; */
   color:#000;
}

.ngo-content-box ul li::before{
   content:"\f058";
   font-family:"Font Awesome 5 Free";
   font-weight:900;
   /* color: #000E23; */
   position:absolute;
   left:0;
   top:2px;
}

/* ==========================================
   CTA BUTTON
========================================== */

.ngo-cta-btn{
   background: linear-gradient(
      135deg,
      var(--primary-color),
      var(--primary-color)
   );
   color:#fff;
   font-size:16px;
   font-weight:600;
   padding:15px 30px;
   border-radius:50px;
   border:none;
   box-shadow:0 10px 25px rgba(24,40,87,.25);
   transition:.3s;
}

.ngo-cta-btn:hover{
   transform:translateY(-2px);
   /* box-shadow:0 14px 35px rgba(245,200,66,.35); */
   /* color:#fff; */
}

/* ==========================================
   FAQ BOX
========================================== */

.faq-box p{
   background:#f8faff;
   padding:14px 18px;
   border-radius:10px;
   border-left:4px solid var(--primary-color);
   margin-bottom:14px;
   font-size:15.2px;
}

/* ==========================================
   INTRO BOX
========================================== */

.ngo-intro-box{
   /* background:linear-gradient(
      135deg,
      #fffdf5,
      #f4f7ff
   ); */
   padding:28px 32px;
   border-radius:14px;
   /* box-shadow:0 8px 30px rgba(0,0,0,.06); */
   position:relative;
}

/* Intro Text */

.ngo-intro-text{
   /* font-size: 16px; */
   line-height: 1.6;
   color:#333;
   margin-bottom:14px;
   text-align:justify;
}

.ngo-intro-text a{
   color:var(--primary-color);
   text-decoration:none;
   font-weight:600;
}

.ngo-intro-text a:hover{
   color:var(--secondary-color);
   text-decoration:underline;
}

/* Divider */

.ngo-divider{
   width:80px;
   height:4px;
   background:linear-gradient(
      90deg,
      var(--secondary-color),
      var(--primary-color)
   );
   border:none;
   border-radius:5px;
   margin:18px 0;
}

/* ==========================================
   MAIN HEADING
========================================== */

.ngo-main-heading{
   font-size: 24px;
   font-weight:800;
   color:var(--primary-color);
   line-height:1.35;
   margin-bottom:12px;
}

.ngo-main-heading span{
   display:block;
   font-size:18px;
   font-weight:600;
   color:var(--secondary-color);
   margin-top:6px;
}

.ngo-support-text{
   font-size:15.5px;
   color:#555;
   line-height:1.7;
   max-width:720px;
}

/* ==========================================
   SHAPES
========================================== */

.section-title-shape-1,
.section-title-shape-2{
   pointer-events:none;
}

/* ==========================================
   PREMIUM HOVER EFFECTS
========================================== */

.ngo-content-box:hover{
   box-shadow:0 20px 50px rgba(24,40,87,.12);
}

.ngo-content-box h2,
.ngo-content-box h3,
.ngo-content-box h4{
   transition:.3s;
}

.ngo-content-box h2:hover,
.ngo-content-box h3:hover{
   color:var(--primary-light);
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:768px){

   .ngo-content-box{
      padding:0 10px;
   }

   .ngo-content-box h2{
      font-size:25px;
   }

   .ngo-content-box h3{
      font-size:21px;
   }

   .ngo-content-box h4{
      font-size:18px;
   }

   .ngo-intro-box{
      padding:22px;
   }

   .ngo-main-heading{
      font-size:24px;
   }

   .ngo-main-heading span{
      font-size:16px;
   }

   .ngo-intro-text,
   .ngo-support-text{
      font-size:15px;
   }

   .ngo-content-box ul li{
      font-size:16px;
   }
}