/* Start custom CSS for html, class: .elementor-element-1262750 *//* HERO OVERLAY */
.csr-overlay{
  position:absolute;
  inset:0;

  background:
  linear-gradient(
    135deg,
    rgba(15,23,42,.92) 0%,
    rgba(4,28,108,.88) 45%,
    rgba(10,46,158,.82) 100%
  );

  backdrop-filter:blur(1px);
}

/* HERO SECTION */
.csr-hero{
  position:relative;
  padding:180px 20px 120px;
  overflow:hidden;

  background:
   linear-gradient(
    135deg,
    #0f172a,
    #041C6C,
    #0A2E9E
  );

  color:white;
}

.csr-hero .csr-container{
  position:relative;
  z-index:2;
}

.csr-hero h1{
  font-size:64px;
  color:white;
  text-align:center;
  line-height:1.1;
  animation:heroFade 1s ease;
}

/* ONGOING COMMITMENT */
.csr-commitment{
  padding:100px 0;

  background:
  linear-gradient(
    135deg,
    #0f172a,
    #041C6C,
    #0A2E9E
  );

  color:white;
}

.csr-commitment h2{
  color:white;
}

.csr-commitment p{
  max-width:850px;
  margin:auto;
  color:#e5e7eb;
}

.csr-commitment a{
  margin-top:35px;
  background:white;
  color:#041C6C;
}

/* HERO ANIMATION */
@keyframes heroFade{

  from{
    opacity:0;
    transform:translateY(30px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}/* End custom CSS */