header{position:fixed;}
header .navbar {background-color:rgba(0,0,0,0.3);}

.pr{width:100%; position:relative;}
.pr .carousel-indicators [data-bs-target]{background-color:#fff; opacity: 1;}
.pr .carousel-indicators [data-bs-target].active{background-color:var(--main);}

/* ======
  main
 ====== */
    
main {overflow: hidden;}
main section {position: relative;}
       
.ViewWrap-y{ padding-top:3rem; padding-bottom: 3rem;}
main > section:first-of-type .ViewWrap-y {padding-top:6rem;}
main > section:last-of-type .ViewWrap-y {padding-bottom:6rem;}
@media(min-width:  768px) {
  .ViewWrap-y { padding-top:5rem; padding-bottom: 5rem; }
  main > section:first-of-type .ViewWrap-y {padding-top:10rem;}
  main > section:last-of-type .ViewWrap-y {padding-bottom:10rem;}
}

.lesson-list{display:grid; }
.lesson-list > div{border-top:15px solid var(--main); padding-top:2rem; padding-bottom:2rem;}
.lesson-list h3{margin-top:0;}
.lesson-list > div p{margin-bottom:0;}
.lesson-list > div:last-child{border-bottom:15px solid var(--main);}
@media (min-width:992px) {
  .lesson-list{grid-template-columns:repeat(2,1fr); column-gap:1rem;}
  .lesson-list > div{padding-left:2rem; padding-right:2rem;}
.lesson-list > div:nth-last-child(-n+2){border-bottom:15px solid var(--main);}
}

#fee table tbody tr *{vertical-align:middle;}
#fee table tr *:not(:first-child){text-align:center; }
@media(min-width:  768px) {
#fee table tr *{font-weight:600; font-size:1.05rem;}
}

@media (max-width:991px) {
#introduction .topics ul{border-top:1px solid #fff;}
}

.modal-ytLink a{position:relative; display:block; }
.modal-ytLink a img{width: 100%; object-fit:cover; aspect-ratio: 16 / 9;}
.modal-ytLink a:hover img{opacity: 1;}
.modal-ytLink a:before{position:absolute; top:0; bottom:0; left:0; right:0; background-color:transparent; content:''; background:no-repeat url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="55" viewBox="0 0 75 52.5"><defs><clipPath id="clip-path_icon-ytlogo"><rect width="75" height="52.5" fill="none"/></clipPath></defs><g transform="translate(0 0)"><g  transform="translate(0 0)" clip-path="url(%23clip-path_icon-ytlogo)"><path d="M73.433,8.2A9.393,9.393,0,0,0,66.8,1.567C60.953,0,37.5,0,37.5,0S14.047,0,8.2,1.567A9.393,9.393,0,0,0,1.567,8.2C0,14.047,0,26.25,0,26.25S0,38.453,1.567,44.3A9.393,9.393,0,0,0,8.2,50.933C14.047,52.5,37.5,52.5,37.5,52.5s23.453,0,29.3-1.567A9.393,9.393,0,0,0,73.433,44.3C75,38.453,75,26.25,75,26.25s0-12.2-1.567-18.052" transform="translate(0 0)" fill="%23e71618"/><path d="M48.594,46.8l19.485-11.25L48.594,24.3Z" transform="translate(-18.594 -9.297)" fill="%23fff"/></g></g></svg>'); background-position: center; -webkit-transition: all .3s; transition: all .3s;}
.modal-ytLink a:hover:before{background-color:rgba(0,0,0,0.3);}

.accordion-faq.accordion button {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  padding-top: .8rem;
  padding-bottom: .8rem;
}
.accordion-faq.accordion button::before {
  content: "Q"; color: #fff;font-family: "Montserrat", sans-serif;
  flex-shrink: 0; font-size:1.4rem;
  -webkit-transition: all .3s;
  transition: all .3s; margin-top: -.2rem;
}
.accordion-faq .accordion-body{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
}
.accordion-faq .accordion-body:before {
  content: "A"; color: #fff;
  font-family: "Montserrat", sans-serif;
  flex-shrink: 0; font-size:1.4rem;
  -webkit-transition: all .3s;
  background-color:var(--body);
  width: 35px; height: 35px;
  border-radius: 50%; font-weight:600;
  display: grid; place-content: center;

  transition: all .3s; margin-top: -.2rem;
}