:root{
    --primary-light-color:#09A5F3;
    /* --dark-theme:#151515; */
    --title-font: "Raleway", sans-serif;
    --regular-font: "Open Sans", sans-serif;
}

.custom-container{
    width: min(1410px, 100%);
    padding-inline: 15px;
    margin-inline: auto;
}

.custom-container2{
    width: min(1590px, 100%);
    padding-inline: 15px;
    margin-inline: auto;
}


.primary-btn {
  background-color: #09A5F3;
  color: #fff;
  font-family:var(--regular-font);
font-size: clamp(1rem, 0.9537rem + 0.2469vw, 1.25rem);
  font-weight: 500;
  text-transform: capitalize;
  padding: 14px 28px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  transition: all 0.4s ease;
  box-shadow: 0 4px 10px rgba(9, 165, 243, 0.3);
  position: relative;
  overflow: hidden;
}

.primary-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
  transition: all 0.6s ease;
}

.primary-btn:hover::before {
  left: 100%;
}

.primary-btn:hover {
  background-color: #078ad0;
  box-shadow: 0 6px 14px rgba(9, 165, 243, 0.4);
  transform: translateY(-2px);
}

#load-more{
    color: #fff;
}


.section-title{
font-family:var(--title-font);
font-style: normal;
font-weight: 700;
font-size: clamp(1.375rem, 1.2593rem + 0.6173vw, 2rem);
line-height: 1.2;
text-align: center;
text-transform: capitalize;
color: #09A5F3;
padding: 0;
margin: 0;
}

.section-semi-title{
font-family: var(--regular-font);
font-style: normal;
font-weight: 600;
font-size: clamp(1.875rem, 1.7593rem + 0.6173vw, 2.5rem);
line-height: 1.2;
text-align: center;
color: #000000;
padding: 0;
margin-bottom: 50px;

}