.call a i {
    position: fixed;
    height: 65px;
    width: 65px;
    float: right;
    bottom: 4px;
    right: 8px;
    z-index: 9999;
    background: #009900;
    color: #ffff;
    padding: 23px;
    border-radius: 52px;
    font-size: 20px;
}

/* Adjust padding for mobile screens (up to 767px) */
@media (max-width: 768px) {
    .custom-row-padding {
        padding: 20px 0 0 0 !important; 
    }
}

@media(max-width:768px) {
    .h2-welcome{
        padding:20px 0px 0px 0px !important;
    }
    
}
@media (max-width:768px) {
    .home1-news {
        padding: 0px 0px 0px 0px !important;
    }
}
.why-first{
    color: #fa394a !important;
}
@media (max-width:768px) {
    .stitle{
        padding-top: 15px !important;
    }
}
@media (max-width:768px) {
    .gradient-bg {
    padding: 55px 0 80px !important;
    }
}
.h3-banner-cap h1 {
    font-size: 35px !important;
    color: #fff;
    font-weight: 400;
    line-height: 70px;
    margin: 65px 0 20px;
}
.home1-news {
    width: 100%;
    float: left;
    padding: 39px 0 50px;
    background: #f5f5f5 !important;
}

.fa-tools:before {
         content: "\f7d9";

      }

      .dprt-box1 {
         text-align: center;
         padding: 15px 9px;
         height: 100%;
         display: flex;
         flex-direction: column;
         justify-content: center;
      }

      .dprt-box1 h5,
      .dprt-box1 h6 {
         margin: 5px 0;
         line-height: 1.4;
      }

      .attractive-count-bg {
         background: url('images/aw.jpeg') center center no-repeat fixed;
         background-size: cover;
         position: relative;
         padding: 60px 0;
         color: #fff;
      }

      .attractive-count-bg::before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(4, 42, 57, 0.85);
         /* Dark overlay */
         z-index: 1;
      }

      .attractive-count-bg .container {
         position: relative;
         z-index: 2;
      }




      .dprt-box1 {
         text-align: center;
         margin-bottom: 30px;
         transition: transform 0.3s ease;
      }

      .dprt-box1:hover {
         transform: scale(1.05);
      }

      .dprt-box1 i {
         font-size: 50px;
         margin-bottom: 10px;
         color: #ff8803;
         /* Gold color for icons */
      }

      /* Section Background with Light Gradient */
      .gradient-bg {
         padding: 76px 0 80px;
         background: linear-gradient(135deg, #4e2f4f, #272d4f);
         text-align: center;
      }



      .stitle {
         font-size: 32px;
         font-weight: bold;
         margin-bottom: 40px;
         color: #fa394a;
         position: relative;
         display: inline-block;
         padding-left: 0px !important;
      }


      .dprt-box {
         padding: 30px 20px;
         margin-bottom: 30px;
         border-radius: 15px;
         color: #fff;
         height: 100%;
         transition: all 0.3s ease;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         position: relative;
      }

      .dprt-box i {
         font-size: 50px;
         margin-bottom: 20px;
      }

      .dprt-box h5 {
         font-size: 18px;
         font-weight: 600;
         margin: 0;
         text-transform: uppercase;
         letter-spacing: 0.5px;
      }

      /* Unique Backgrounds */
      .bg-library {
         background-color: #eab830;
      }

      .bg-laboratory {
         background-color: #fa394a;
      }

      .bg-resources {
         background-color: #6ad59a;
      }

      .bg-recreation {
         background-color: #b4b4b4;
      }

      /* Hover Effect */
      .dprt-box:hover {
         transform: translateY(-6px);
         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
      }

      .dprt-box:after {
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 0;
         background: rgb(28 55 64);
         content: "";
         opacity: 0;
      }