.agnis-space {
    padding:70px 0px;
}
.agnis-space-40 {
    padding:40px 0px;
}
.text-justify {
    text-align: justify;
}
.col-5-custom {
      flex: 0 0 20%;
      max-width: 20%;
    }
.custom-btn {
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
    7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
  outline: none;
	font-size: 13px;
}

/* -------------------
   BUTTON 5
------------------- */
.btn-5 {
  background: linear-gradient(
    0deg,
    rgba(239, 68, 68, 1) 0%,
    rgba(220, 38, 38, 1) 100%
  );
  padding: 5px 15px;
  border: none;
}
.btn-5 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-5:before,
.btn-5:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background: rgba(220, 38, 38, 1);
  box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, 0.9),
    -4px -4px 5px 0px rgba(255, 255, 255, 0.9),
    7px 7px 20px 0px rgba(0, 0, 0, 0.2), 4px 4px 5px 0px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.btn-5:before {
  height: 0%;
  width: 2px;
}
.btn-5:after {
  width: 0%;
  height: 2px;
}
.btn-5:hover {
  color: rgba(220, 38, 38, 1);
  background: transparent;
}
.btn-5:hover:before {
  height: 100%;
}
.btn-5:hover:after {
  width: 100%;
}
.btn-5 span:before,
.btn-5 span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: rgba(220, 38, 38, 1);
  box-shadow: -7px -7px 20px 0px rgba(255, 255, 255, 0.9),
    -4px -4px 5px 0px rgba(255, 255, 255, 0.9),
    7px 7px 20px 0px rgba(0, 0, 0, 0.2), 4px 4px 5px 0px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.btn-5 span:before {
  width: 2px;
  height: 0%;
}
.btn-5 span:after {
  height: 2px;
  width: 0%;
}
.btn-5 span:hover:before {
  height: 100%;
}
.btn-5 span:hover:after {
  width: 100%;
}

.myButton2 {
    box-shadow: 3px 4px 0px 0px #6e6e6e;
   background: linear-gradient(to bottom, #5e5c5c 5%, #a3a2a2 100%);
    background-color: #9e9e9e;
    border-radius: 18px;
    border: 1px solid #7a7a7a;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 17px;
    padding: 7px 25px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #4f4f4f;
}

.myButton2:hover {
    background: linear-gradient(to bottom, #bdbdbd 5%, #9e9e9e 100%);
    background-color: #bdbdbd;
}

.myButton2:active {
    position: relative;
    top: 1px;
}
.breadcumb-h1 {
  color: #fff;
  font-size: 16px;
font-weight: 300;
  padding-top: 21px;
  margin-bottom: 0px;
}
.agnis-space2{
 padding:40px 0px;
}
.feature_icon.fontawsome {
  color: #fff;
  font-size: 18px;
}

    /* Mobile responsive */
    @media (max-width: 768px) {
      .col-5-custom {
        flex: 0 0 50%;
        max-width: 50%;
      }
      .agnis-space2{
 padding:30px 0px;
}

    }

    @media (max-width: 480px) {
      .col-5-custom {
        flex: 0 0 100%;
        max-width: 100%;
      }
    }
.industry-icon i {
    color: #ed3237;
}
.customer-logo {
    border: 1px solid #e5e5e5;
    padding: 15px;
    background: #fff;
    transition: 0.3s ease;
}

.customer-logo img {
    max-height: 80px;
    object-fit: contain;
}

.customer-logo:hover {
    border-color: #ed3237;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
.custom-left-padding {
    /* padding-left: 382px; */
}
.hero-title-custom {
    font-size: 50px;
    line-height: 1.167;
    font-weight: 300; /* optional - h1 सारखा bold look साठी */
}
.bright-p{
  font-size: 18px;
}
.custom.mt-5 {
 background-color: #ed323712;
  border-radius: 10px;
  padding: 30px;
  border: 1px solid #ed323705;
  box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.15);
}
.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap into next row */
}

.menu li {
    width: 50%;        /* 50% width = 2 columns */
    float: left;       /* Float left */
    box-sizing: border-box;
    padding: 0px 0;
}
.title.text-white {
  font-size: 24px;
}

@media (max-width: 768px) {
    .hero-title-custom {
  font-size: 38px;
 
}
}
/* Active menu link */
.main-menu ul li.current > a {
    color: #ED3237; !important;   
    font-weight: 600;
}

/* Parent menu (dropdown) active */
.main-menu ul li.menu-item-has-children.current > a {
    color: #ED3237;!important;
}

/* Optional: hover effect */
.main-menu ul li a:hover {
    color: #ED3237;;
}
.whatsapp-footer {
  position: fixed;
  left: 20px;
  bottom:20px;
 text-align: center;
}