/* Custom CSS */

/*Prevent Text Selection*/
/* body {
   user-select: none; 
   -webkit-user-drag: none; 
} */

/* Capital Font */
/* #capital{
    text-transform: uppercase;
} */

/* Header Part Start :- */

.ulwhatwedo {
  width: 230px !important;
}

.ulourimpact {
  width: 240px !important;
}

.ulgetinvolved {
  width: 180px !important;
  margin-right: 20px;
}

/* Header Part End : */

/* Footer Part Start :- */

/* Footer Part End : */

/* Body Part Start : */
.navbar.style-2 {
  top: 0px !important;
}

/* Body Part End : */

.hide {
  display: none;
}

.justify {
  text-align: justify;
}

/* ===========================[Responsive start]================================= */

/* Laptop (15.6 inch) 💻💻 */
@media only screen and (min-width: 1400px) {
  /* inner page banner */
  .page-banner-content {
    margin-top: -154px;
  }

  /* Header Part Start : */

  /* Header Part End : */

  /* Footer Part Start :- */

  /* Footer Part End : */

  /* Body Part Start : */

  /* Body Part End : */
}

/* Laptop (14 inch) 💻 */
@media only screen and (min-width: 1200px) {
  /* Header Part Start : */

  /* Header Part End : */

  /* Footer Part Start :- */

  /* Footer Part End : */

  /* Body Part Start : */

  /* Body Part End : */
}

/* Mobile View Not Included */
@media only screen and (min-width: 768px) {
  /* Header Part Start : */

  /* Header Part End : */

  /* Footer Part Start :- */

  /* Footer Part End : */

  /* Body Part Start : */

  /* Body Part End : */
}

/* Mobile View 📱📱📱*/
@media only screen and (max-width: 768px) {
  /* Header Part Start : */

  .inMobile {
    display: none;
  }

  /* Header Part End : */

  /* Footer Part Start :- */

  /* Footer Part End : */

  /* Body Part Start : */

  .contactbtn {
    margin-left: 20px;
  }

  /* Body Part End : */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~(Dynamic Responsive)~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Default Styles : */

/* Default Banner Height */
.bannerheight .main-banner-area {
  height: 85vh; /* decrease this value as needed */
  min-height: 450px; /* ensures quality on larger screens */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Header Part Start : */

/* Header Part End : */

/* Footer Part Start :- */

/* Footer Part End : */

/* Body Part Start : */

/* Body Part End : */

/* Laptop (15.6 inch) */
/* Large screens (min-width: 1400px) */
@media only screen and (min-width: 1400px) {
  /* Header Part Start : */

  /* Header Part End : */

  /* Footer Part Start :- */

  /* Footer Part End : */

  /* Body Part Start : */

  .notice-box {
    height: 420px !important;
    overflow: hidden;
    background: #f8faf9;
    padding: 12px;
  }

  .main-banner-area .main-banner-content {
    margin-right: -15px;
    /* changes */
    margin-top: -175px;
  }

  /* Body Part End : */
}

/* Laptop (14 inch) */
/* Medium screens (min-width: 1280px and max-width: 1399px) */
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  /* Header Part Start : */

  /* Header Part End : */

  /* Footer Part Start :- */

  /* Footer Part End : */

  /* Body Part Start : */

  .notice-box {
    height: 345px !important;
    overflow: hidden;
    background: #f8faf9;
    padding: 12px;
  }

  /* Body Part End : */
}

/* Laptop ( Less than 14 inch) */
/* Medium screens (min-width: 1024px and max-width: 1279px) */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* Header Part Start : */

  /* Header Part End : */

  /* Footer Part Start :- */

  /* Footer Part End : */

  /* Body Part Start : */

  /* Body Part End : */
}

/* Device ( Less Less than 14 inch [Tablet]) */
/* Small screens (min-width: 768px and max-width: 1023px) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* Header Part Start : */

  /* Header Part End : */

  /* Footer Part Start :- */

  /* Footer Part End : */

  /* Body Part Start : */

  .bannerheight .main-banner-area {
    height: 60vh;
    min-height: 380px;
  }

  /* Body Part End : */
}

/* Mobile */
/* Extra small screens (max-width: 767px) */
@media only screen and (max-width: 767px) {
  /* Header Part Start : */

  /* Header Part End : */

  /* Footer Part Start :- */

  /* Footer Part End : */

  /* Body Part Start : */

  .bannerheight .main-banner-area {
    height: 47vh;
    min-height: 300px;
  }

  /* Body Part End : */
}

/* ===================[Dynamic Responsive end]============================== */
/* about component */
/* Extra Small Devices (Phones) */
@media only screen and (max-width: 575px) {
  .single-about-img {
    margin-top: 0px; /* adjust as needed */
  }
}

/* Small Devices (Phones & Phablets) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-about-img {
    margin-top: 0px; /* adjust as needed */
  }
}

/* Extra Extra Large Devices (Large Screens) */
@media only screen and (min-width: 1400px) {
  .single-about-img {
    margin-top: -104px; /* adjust as needed */
  }
}
/* vision & mission */
