* {
  margin: 0;
  padding: 0;
}
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");

.work-sans-font {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* Shared Style */
.display-flex {
  display: flex;
}
.main-width {
  max-width: 1440px;
  margin: 0 auto;
}
.gap {
  margin-bottom: 130px;
}
.btn {
  background-color: rgba(255, 144, 14, 1);
  padding: 20px 25px;
  border-radius: 8px;
  border: none;
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  font-weight: 600;
}
.btn:hover {
  background-color: rgba(19, 19, 19, 1);
  color: rgb(255, 255, 255);
  transition: all ease 0.6s;
}
.color-gray {
  color: rgba(66, 66, 66, 1);
}
.color-orange {
  color: rgba(255, 144, 14, 1);
}
.color-dark1 {
  color: rgba(19, 19, 19, 1);
}
.color-dark2 {
  color: rgba(66, 66, 66, 1);
}
.color-dark3 {
  color: rgba(114, 114, 114, 1);
}
.bg-color {
  background: rgba(255, 144, 14, 0.1);
}

/* Main Style */
body {
  max-width: 1920px;
}
/* Navbar Start */
.navbar {
  justify-content: space-between;
  align-items: center;
  padding-top: 50px;
}
.nav-links {
  list-style: none;
  gap: 60px;
}
.nav-item a {
  text-decoration: none;
  font-size: 1.25rem;
}
.brand {
  font-size: 3rem;
  font-weight: bold;
}
/* Banner Section Start  */
.banner-section {
  margin-bottom: 50px;
}
.banner-tittle {
  max-width: 862px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px;
}
.banner-tittle h1 {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 30px;
}
.banner-tittle p {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 30px;
}
.banner-tittle button {
  margin-bottom: 30px;
}
.banner-tittle img {
  width: 100%;
}
/* Features Section start  */
.features {
  align-items: center;
  margin-top: 80px;
}
.images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.about {
  margin-left: 73px;
  max-width: 537px;
}
.about h2 {
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 24px;
}
.about h2 .color-dark3 {
  font-weight: 400;
}
.about p {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 32px;
}
/* Experience Section Start  */

.special h2 {
  font-size: 3.5rem;
  font-weight: 700;
  padding-left: 1.5rem;
  border-left: 5px solid rgba(255, 144, 14, 1);
  margin-bottom: 25px;
}
.display-flex p {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 20px;
}
.experience .display-flex .card {
  max-width: 586px;
  padding: 30px;
  border-radius: 8px;
  border: none;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 20px;
}
.experience .display-flex .card:last-child {
  margin-bottom: 0;
}
.experience .display-flex .special {
  max-width: 586px;
  padding: 30px;
  margin-right: 145px;
}
.card h4 {
  font-size: 1.25rem;
  font-weight: 600;
}
.card p {
  font-size: 1rem;
  font-weight: 400;
}
.image-l img {
  width: 100%;
  margin-top: 60px;
}
.image-l .experience-btn {
  background-color: rgba(255, 144, 14, 1);
  padding: 1rem 2rem;
  text-align: center;
  color: rgb(255, 255, 255);
  border: none;
  border-radius: 8px;
  margin-top: -100px;
  margin-left: -100px;
}
.image-l .experience-btn h3 {
  font-size: 4rem;
  font-weight: 600;
}
.image-l .experience-btn p {
  font-size: 1.5rem;
  font-weight: 400;
}
/*  Facts Section Start */
.facts h3 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 24px;
}
.facts p {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 80px;
}
.facts-box {
  gap: 125px;
  justify-content: space-around;
  align-items: center;
}
.facts-card {
  border: 1px solid rgba(255, 144, 14, 1);
  border-radius: 8px;
  max-width: 240px;
  max-height: 240px;
  padding: 35px 90px 0px;
  text-align: center;
}
.facts-card img {
  width: 3rem;
}
.facts-card h3 {
  font-size: 3rem;
  font-weight: 600;
}
.facts-card p {
  font-size: 1.25rem;
  font-weight: 600;
}
/* Sponsors Section Start  */
.sponsor {
  text-align: center;
}
.sponsor div {
  justify-content: space-around;
  filter: grayscale(100%);
}
.sponsor h2 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 24px;
}
.sponsor p {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 50px;
}
/* Footer Section Start  */
.footer {
  border-radius: 8px;
}
.footer p {
  font-size: 1.25rem;
  font-weight: 400;
  text-align: center;
  padding: 40px 0;
}