.redfoxacademySectionBanner {
  background: url(../images/home/bg-banner.jpg) no-repeat center center;
  background-size: cover;
}
.redfoxacademySectionBanner .borderangle {
  clip-path: polygon(100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 0);
  width: calc(100% + 0px);
  height: calc(100% - 6px);
}
.redfoxacademySectionBanner .borderangle::before {
  clip-path: polygon(100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 0);
  width: calc(100% - 2px);
  left: 1px;
  top: 1px;
  height: calc(100% - 2px);
}

.meet_up_section .imgBanner {
  padding: 12px 16px;
}
.meet_up_section .imgBanner .img {
  clip-path: polygon(100% 0, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0 100%, 0 24px, 24px 0);
}
.meet_up_section .imgBanner .borderangleinside {
  opacity: 0.9;
  padding: 10px 14px;
  clip-path: polygon(100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px, 30px 0);
}
.meet_up_section .imgBanner .borderangleinside span {
  background: #553e26;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  clip-path: polygon(100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px, 30px 0);
}
.meet_up_section .imgBanner .borderangleinside.borderangleinside2 {
  width: calc(100% - 28px);
  height: calc(100% - 20px);
  clip-path: polygon(100% 0, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0 100%, 0 24px, 24px 0);
}
@media (width <= 48rem) {
  .meet_up_section .imgBanner {
    padding: 6px 6px;
  }
  .meet_up_section .imgBanner .img {
    clip-path: polygon(100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px, 12px 0);
  }
  .meet_up_section .imgBanner .borderangleinside {
    opacity: 0.9;
    padding: 5px 5px;
    clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px, 15px 0);
  }
  .meet_up_section .imgBanner .borderangleinside span {
    background: #553e26;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px, 15px 0);
  }
  .meet_up_section .imgBanner .borderangleinside.borderangleinside2 {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    clip-path: polygon(100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px, 12px 0);
  }
}

.howtoaccess_section .title {
  animation-duration: 1s;
}
.howtoaccess_section .title2 {
  animation-duration: 1.8s;
}
.howtoaccess_section .title3 {
  animation-duration: 2.7s;
}
.howtoaccess_section .borderangle {
  clip-path: polygon(100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.howtoaccess_section .borderangle::before {
  clip-path: polygon(100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
  width: calc(100% - 2px);
  left: 1px;
  top: 1px;
  height: calc(100% - 2px);
}

.lineanimation {
  animation: lineanimation 0.5s 0s 1 linear;
}

.lineanimation2 {
  animation: lineanimation2 1s 0s 1 linear;
}

.lineanimation3 {
  animation: lineanimation3 1.3s 0s 1 linear;
}

@keyframes lineanimation {
  0% {
    width: 0px;
  }
  100% {
    width: 100%;
  }
}
@keyframes lineanimation2 {
  0% {
    height: 0;
  }
  49% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes lineanimation3 {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}/*# sourceMappingURL=redfox-academy.css.map */