footer.enf1 {
  width: 100%;
  position: relative;
  background: var(--footer-bg);
  border-top: 2px solid #e45d50;
}
footer.enf1 > div.enf-main {
  width: 100%;
  position: relative;
  background: var(--footer-main-background);
}
footer.enf1 > div.enf-main > div.enf-main-inner {
  width: min(100%, var(--en-website-width));
  padding: 15px clamp(0px, calc(1230px - 100vw), 10px);
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  height: var(--footer-inner-height);
}
footer.enf1 span {
  margin: 0 5px;
}
.footer-logo {
  position: relative;
  background: url('/pics/footer_name.png') no-repeat;
  width: clamp(200px, 27vw, 303px);
  height: auto;
  aspect-ratio: 303/146;
  background-size: contain;
}
footer.enf1 div.contact-info {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
footer.enf1 div.contact-info a {
  position: relative;
  text-decoration: none;
  font: var(--footer-font);
  color: var(--footer-font-color);
  line-height: var(--footer-line-height);
}
.contact-info h6 {
  color: #5c637e;
  font-weight: 700;
  font-family: 'Karla', sans-serif;
  font-size: clamp(15px, 1.82vw, 20px);
  margin: 0 0 13px;
}
#app-icn {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
#app-icn h6 {
  color: #5c637e;
  font-weight: 700;
  font-family: 'Karla', sans-serif;
  font-size: clamp(15px, 1.82vw, 20px);
  margin: 0 0 13px;
}
#app-icn .APP_I a {
  width: clamp(100px, 12vw, 131px);
  height: auto;
  aspect-ratio: 131/41;
  display: block;
  margin: 5.5px 0 9px 1.5px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
}
#app-store,
#google-play {
  width: clamp(100px, 12vw, 131px);
  height: auto;
  aspect-ratio: 131/41;
}
#google-play {
  aspect-ratio: 131/40;
}
#app-icn .APP_I a:hover,
#app-icn .APP_I a:focus {
  transform: scale(1.02);
}
.footer-right {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  max-width: clamp(220px, 20.18vw, 240px);
  gap: 15px;
}
#district-logo {
  width: clamp(90px, 12vw, 131px);
  height: auto;
  background: url('/_MASTER/common_pics/district_logo.png') no-repeat center center;
  position: relative;
  aspect-ratio: 1;
  background-size: contain;
}
#social-icons {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
#social-icons .s-icon {
  position: relative;
  display: block;
  width: clamp(40px, 5vw, 50px);
  height: auto;
  aspect-ratio: 1;
  background-color: #2d95bf !important;
  border-radius: 50%;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  color: #000 !important;
  font-size: 0;
}
#fb {
  background: url('/_MASTER/common_pics/fb_icon.png') no-repeat left 19px top 15px;
}
#twt {
  background: url('/_MASTER/common_pics/twt_icon.png') no-repeat center;
  background-size: 20px;
}
#insta {
  background: url('/_MASTER/common_pics/insta_icon.png') no-repeat left 15px top 15px;
}
#lin {
  background: url('/_MASTER/common_pics/lin.png') no-repeat left 15px top 15px;
}
#ytb {
  background: url('/_MASTER/common_pics/tuber.png') no-repeat left 15px top 15px;
}
#social-icons .s-icon:hover,
#social-icons .s-icon:focus {
  margin-top: -5px;
  background-color: #e45d50 !important;
  -webkit-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}

#donate-btn {
  min-width: clamp(90px, 11.2vw, 120px);
  min-height: clamp(24px, 3vw, 30px);
  background: #36499b;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-family: 'Karla', sans-serif;
  font-size: clamp(15px, 1.64vw, 18px);
  color: #fff;
  position: relative;
  padding: 10px 11px 10px 9px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
#donate-btn:hover,
#donate-btn:focus {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  background: #e45d50;
  letter-spacing: 0.6px;
}
#donate-btn:after {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  letter-spacing: 0px;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
#donate-btn:hover:after,
#donate-btn:focus:after {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
#app-icn {
  display: flex;
  flex-direction: column;
  position: relative;
}
#app-icn .authlacoe {
  background: url('/_MASTER/common_pics/lacoe.jpg') no-repeat;
  height: 127px;
  width: 160px;
  display: block;
  margin: 0 auto;
}

#privpol {
  position: relative;
  font-family: 'Karla', sans-serif;
  font-size: clamp(15px, 1.64vw, 18px);
  text-decoration: none;
}

.bottom-text {
  position: relative;
  text-align: center;
}

footer.enf1 > div.enf-subfooter {
  background: var(--subfooter-main-background);
}
footer.enf1 > div.enf-subfooter > div.enf-subfooter-inner {
  width: min(100%, var(--en-website-width));
  padding: 10px clamp(0px, calc(1230px - 100vw), 10px);
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: var(--subfooter-inner-height);
}
footer.enf1 > div.enf-subfooter .edunet {
  width: clamp(168px, 16.73vw, 186px);
  height: auto;
  aspect-ratio: 186/23;
  background: url('/_MASTER/common_pics/edunet_white.png') no-repeat;
  position: relative;
  background-size: contain !important;
}

@media only screen and (min-width: 951px) {
  footer.enf1 div.contact-info {
    left: 31px;
    top: 2px;
  }
  #app-icn {
    left: 69px;
    top: 6px;
  }
}
@media only screen and (max-width: 1265px) {
  #social-icons .s-icon {
    background-position: center;
  }
  .footer-right,
  #app-icn,
  footer.enf1 div.contact-info,
  .footer-logo {
    left: 0 !important;
    top: 0 !important;
  }
}
@media only screen and (max-width: 950px) {
  footer.enf1 > div.enf-main > div.enf-main-inner {
    flex-wrap: wrap;
    gap: 20px;
    max-width: 560px;
    justify-content: space-around;
  }
  .footer-right {
    flex-direction: column;
    align-items: flex-end;
  }
  #twt {
    background-size: 17px;
  }
}

@media only screen and (max-width: 500px) {
  .footer-right {
    align-items: center;
  }
}