.ui-tag-list-color {
  padding-left: 0px;
  padding-top: 20px;
  margin-bottom: 17px;
}
@media (max-width: 992px) {
  .ui-tag-list-color {
    padding-top: 0px;
    margin-bottom: 14px;
  }
}

.ui-course-type-list li,
.ui-tag-list-color li {
  padding: 4px 11px 4px 11px;
  border-radius: 3px;
  display: inline-block;
  margin: 2px 1px 2px 0px;
  font-size: var(--ft13);
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 992px) {
  .ui-course-type-list li,
.ui-tag-list-color li {
    font-size: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199.9px) {
  .ui-course-type-list li,
.ui-tag-list-color li {
    padding-left: 9px;
    padding-right: 8px;
  }
}
@media (min-width: 1200px) and (max-width: 1365.98px) {
  .ui-course-type-list li,
.ui-tag-list-color li {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.ui-course-type-list .ui-listening-tag,
.ui-tag-list-color .ui-listening-tag {
  color: #088970;
  background-color: #A8EAD6;
}
@media (max-width: 992px) {
  .ui-course-type-list .ui-listening-tag,
.ui-tag-list-color .ui-listening-tag {
    background-color: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3e%3cg id='Group_55695' data-name='Group 55695' transform='translate(-6228.947 3885)'%3e%3crect id='Rectangle_14830' data-name='Rectangle 14830' width='26' height='26' rx='4' transform='translate(6228.947 -3885)' fill='%23199950'/%3e%3cpath id='Path_106749' data-name='Path 106749' d='M12.166,8.93h-.36a1.564,1.564,0,0,0-1.145.517,1.842,1.842,0,0,0-.476,1.242v4.769a1.842,1.842,0,0,0,.476,1.242,1.564,1.564,0,0,0,1.145.517h.36a1.564,1.564,0,0,0,1.145-.517,1.842,1.842,0,0,0,.476-1.242V10.689a1.842,1.842,0,0,0-.476-1.242A1.564,1.564,0,0,0,12.166,8.93ZM14.183,11c-.015,1.29,0,2.58.036,3.87a2.3,2.3,0,0,0,1.729-1.251c0-5.006.564-10.014-4.575-12.546a7.153,7.153,0,0,0-6.413,0C-.179,3.607.385,8.614.385,13.62a2.3,2.3,0,0,0,1.729,1.251c.033-1.29.053-2.58.036-3.87a.716.716,0,0,0-.365.087.787.787,0,0,0-.283.265c0-3.046-.354-5.583,2.053-7.817a6.174,6.174,0,0,1,9.223,0c2.408,2.235,2.054,4.771,2.054,7.817a.787.787,0,0,0-.283-.265A.716.716,0,0,0,14.183,11ZM4.6,8.93H4.24A1.564,1.564,0,0,0,3.1,9.446a1.842,1.842,0,0,0-.476,1.242v4.769A1.842,1.842,0,0,0,3.1,16.7a1.564,1.564,0,0,0,1.145.517H4.6A1.564,1.564,0,0,0,5.745,16.7a1.843,1.843,0,0,0,.476-1.242V10.689a1.843,1.843,0,0,0-.476-1.242A1.564,1.564,0,0,0,4.6,8.93Z' transform='translate(6233.78 -3880.766)' fill='%23fff' fill-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e ");
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
  }
}
.ui-course-type-list .ui-reading-tag,
.ui-tag-list-color .ui-reading-tag {
  color: #7419E8;
  background-color: #DFC6FF;
}
@media (max-width: 992px) {
  .ui-course-type-list .ui-reading-tag,
.ui-tag-list-color .ui-reading-tag {
    background-color: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3e%3cg id='Group_55424' data-name='Group 55424' transform='translate(-51 -796)'%3e%3crect id='Rectangle_34953' data-name='Rectangle 34953' width='26' height='26' rx='4' transform='translate(51 796)' fill='%239848ff'/%3e%3cg id='Group_55381' data-name='Group 55381' transform='translate(16270.34 4024.509)'%3e%3cpath id='Path_106940' data-name='Path 106940' d='M19.485,64.234a.482.482,0,0,0-.485.531v8.981a1.075,1.075,0,0,0,.774.986l6.154,1.484V65.741L19.64,64.253A.672.672,0,0,0,19.485,64.234Z' transform='translate(-16232.545 -3285.734)' fill='%23fff'/%3e%3cpath id='Path_106941' data-name='Path 106941' d='M291.193,64.253l-6.288,1.488V76.216l6.152-1.484a1.075,1.075,0,0,0,.775-.986V64.765a.482.482,0,0,0-.485-.531A.672.672,0,0,0,291.193,64.253Z' transform='translate(-16490.967 -3285.734)' fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
  }
}
.ui-course-type-list .ui-course-tag,
.ui-tag-list-color .ui-course-tag {
  color: #3C4952;
  background-color: #f5f5f5;
  border: 1px solid #efefef;
  box-shadow: border-box;
}
.ui-course-type-list .ui-writing-tag,
.ui-tag-list-color .ui-writing-tag {
  color: #0C57D1;
  background-color: #B2D7FF;
}
@media (max-width: 992px) {
  .ui-course-type-list .ui-writing-tag,
.ui-tag-list-color .ui-writing-tag {
    background-color: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26' height='26' viewBox='0 0 26 26'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Rectangle_18148' data-name='Rectangle 18148' width='2.551' height='13.724' transform='translate(0 0)' fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='Group_55426' data-name='Group 55426' transform='translate(-120 -450)'%3e%3cg id='Group_55394' data-name='Group 55394' transform='translate(102 -346)'%3e%3crect id='Rectangle_34952' data-name='Rectangle 34952' width='26' height='26' rx='4' transform='translate(18 796)' fill='%230c57d1'/%3e%3c/g%3e%3cg id='Group_55395' data-name='Group 55395' transform='translate(-40.508 0.269)'%3e%3cg id='Group_55379' data-name='Group 55379' transform='translate(168 455.869)'%3e%3cg id='Group_54907' data-name='Group 54907' transform='translate(0 0)'%3e%3cpath id='Subtraction_1' data-name='Subtraction 1' d='M8.109,13.724H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0H8.109a1,1,0,0,1,1,1V12.724A1,1,0,0,1,8.109,13.724ZM1.184,5.357a.177.177,0,1,0,0,.355H7.924a.177.177,0,0,0,0-.355Zm0-1.752a.177.177,0,1,0,0,.355H7.924a.177.177,0,0,0,0-.355Zm0-1.752a.178.178,0,0,0,0,.355H7.924a.178.178,0,0,0,0-.355Z' transform='translate(0 0)' fill='%23fff'/%3e%3cg id='Group_4668' data-name='Group 4668' transform='translate(9.716 0)' clip-path='url(%23clip-path)'%3e%3cpath id='Path_106639' data-name='Path 106639' d='M1.627.331V1.641a.312.312,0,0,0-.294.328.312.312,0,0,0,.294.328v1.31a.329.329,0,0,0,0,.655V5.57a.329.329,0,0,0,0,.655V7.535a.329.329,0,0,0,0,.655V9.5a.329.329,0,0,0,0,.655v1.309a.329.329,0,0,0,0,.655v1.309a.329.329,0,0,0,0,.655v1.31a.312.312,0,0,0,.294.328h9.112a.936.936,0,0,0,.882-.982V.987a.936.936,0,0,0-.882-.982S1.627.15,1.627.331ZM13.265,12.12Z' transform='translate(-12.242 -0.98)' fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3cpath id='Path_106717' data-name='Path 106717' d='M.288,0h1.44a.272.272,0,0,1,.288.252S2,7.672,2,10.384a3.563,3.563,0,0,1-.8,2.085c-.025.04-.09.164-.189.152s-.108-.047-.2-.2A3.7,3.7,0,0,1,0,10.384L0,.252A.272.272,0,0,1,.288,0Z' transform='translate(10.251 0.864)' fill='%23fff'/%3e%3c/g%3e%3cpath id='Path_106943' data-name='Path 106943' d='M-15044.929-3594.038h6.172' transform='translate(15214.406 4051.921)' fill='none' stroke='%230c57d1' stroke-linecap='round' stroke-width='1'/%3e%3cpath id='Path_106944' data-name='Path 106944' d='M-15044.937-3594.124h6.182' transform='translate(15214.406 4053.849)' fill='none' stroke='%230c57d1' stroke-linecap='round' stroke-width='1'/%3e%3cpath id='Path_106945' data-name='Path 106945' d='M-15044.956-3594.234h6.211' transform='translate(15214.407 4055.778)' fill='none' stroke='%230c57d1' stroke-linecap='round' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
  }
}
.ui-course-type-list .ui-speaking-tag,
.ui-tag-list-color .ui-speaking-tag {
  color: #B58C00;
  background-color: #FFED9F;
}
@media (max-width: 992px) {
  .ui-course-type-list .ui-speaking-tag,
.ui-tag-list-color .ui-speaking-tag {
    background-color: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3e%3cg id='Group_55393' data-name='Group 55393' transform='translate(-18 -796)'%3e%3crect id='Rectangle_34952' data-name='Rectangle 34952' width='26' height='26' rx='4' transform='translate(18 796)' fill='%23fecd00'/%3e%3cpath id='Path_106942' data-name='Path 106942' d='M30.744,10.341a2.311,2.311,0,0,0-.155-.213,2.723,2.723,0,0,0-3.831-.184l-2.837,2.314a2.8,2.8,0,0,0-.828,3.427l-.981.981H22.1a1.119,1.119,0,0,0-.851,1.847V22.4H19.694v2.49H24.4V22.4h-1.83V18.8a1.115,1.115,0,0,0,.575-1.418l.807-.807a2.861,2.861,0,0,0,3.206-.344L30,13.918A2.749,2.749,0,0,0,30.744,10.341Zm-8.666,8.131a.7.7,0,1,1,.7-.7A.7.7,0,0,1,22.078,18.472Zm5.277-2.936L24.64,12.208l.342-.279L27.7,15.258Zm.782-.638L25.422,11.57l.361-.295L28.5,14.6Zm.8-.653-2.715-3.329.341-.278,2.714,3.329Z' transform='translate(6.179 791.928)' fill='%23fff'/%3e%3c/g%3e%3c/svg%3e ");
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
  }
}

.ui-courses-content,
.ui-courses-tag-list {
  color: #6B7074;
  font-size: 14px;
}

.ui-courses-content {
  font-weight: 600;
}

.ui-courses-tag-list {
  padding-left: 0px;
  width: 100%;
  overflow: hidden;
}
.ui-courses-tag-list li {
  display: inline-block;
  padding-right: 15px;
  position: relative;
}
.ui-courses-tag-list li + li:before {
  content: "";
  height: 4px;
  width: 4px;
  display: inline-block;
  background-color: #6B7074;
  border-radius: 8px;
  position: absolute;
  left: -11px;
  bottom: 8px;
}

.ui-ser-img-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  padding-bottom: 58%;
  transition: all 0.3s ease-in;
}
.ui-ser-img-wrap img {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.8s ease-in-out;
  transform: scale(1);
  background-color: rgba(0, 0, 0, 0.03);
}
.ui-ser-img-wrap .ui-best-seller-badge {
  position: absolute;
  top: 15px;
  left: 0px;
  color: white;
  background-color: #E62300;
  padding-right: 4px;
  font-size: 12px;
  padding-right: 6px;
  font-weight: 700;
}
.ui-ser-img-wrap .ui-best-seller-badge:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='4.985' height='18.552' viewBox='0 0 4.985 18.552'%3e%3cg id='Group_12540' data-name='Group 12540' transform='translate(-641.228 -82.748)'%3e%3cpath id='Path_65140' data-name='Path 65140' d='M705.061,120.97h-4.985V102.417l4.985.115-.922,4.187-1.43,4.988Z' transform='translate(-58.848 -19.669)' fill='%23e62300'/%3e%3cpath id='Path_65141' data-name='Path 65141' d='M641.686,102.533h3.869l-.124,9.219.124,9.219h-3.869' transform='translate(-0.108 -19.669)' fill='none'/%3e%3c/g%3e%3c/svg%3e");
  top: 0;
  right: -16px;
  background-size: 19px;
}
.ui-ser-img-wrap .ui-free-course-badge {
  position: absolute;
  top: 15px;
  left: 0px;
  color: white;
  background-color: #0C57D1;
  padding-right: 4px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.25px;
  padding: 1px 4px 1px 12px;
}
.ui-ser-img-wrap .ui-free-course-badge:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='4.985' height='18.552' viewBox='0 0 4.985 18.552'%3e%3cg id='Group_12540' data-name='Group 12540' transform='translate(-641.228 -82.748)'%3e%3cpath id='Path_65140' data-name='Path 65140' d='M705.061,120.97h-4.985V102.417l4.985.115-.922,4.187-1.43,4.988Z' transform='translate(-58.848 -19.669)' fill='%230C57D1'/%3e%3cpath id='Path_65141' data-name='Path 65141' d='M641.686,102.533h3.869l-.124,9.219.124,9.219h-3.869' transform='translate(-0.108 -19.669)' fill='none'/%3e%3c/g%3e%3c/svg%3e");
  top: 0;
  right: -16px;
  background-size: 19px;
}
.ui-ser-img-wrap .ui-best-seller-badge:not(.hide) ~ .ui-free-course-badge {
  top: 42px;
}
.ui-ser-img-wrap:hover img {
  transform: scale(1.05);
}

.js-our-trending-courses {
  position: relative;
}
.js-our-trending-courses .item {
  width: 152px;
  height: 35px;
  padding: 10px 30px 10px 30px;
  gap: 10px;
  border-radius: 32px;
  opacity: 0px;
  background-color: transparent;
  color: #212529;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 12.28px;
  text-align: center;
  align-self: center;
  text-decoration: none !important;
  transition: all 0.3s ease-in;
}
.js-our-trending-courses .item:hover h5 {
  text-decoration: underline;
}
.js-our-trending-courses .item h5 {
  transition: inherit !important;
}
.js-our-trending-courses .owl-nav {
  pointer-events: none;
  position: absolute;
  top: 20%;
  transform: translate(0%, -50%);
  margin: 0;
  width: 100%;
}
@media (min-width: 900px) and (max-width: 991.9px) {
  .js-our-trending-courses .owl-nav {
    top: 12%;
  }
}
.js-our-trending-courses .owl-nav .owl-prev {
  left: 0;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.308' height='10.494' viewBox='0 0 6.308 10.494'%3E%3Cpath id='Path_1' data-name='Path 1' d='M-6083.283-984.692l-4.717,4.717,4.717,4.717' transform='translate(6089.061 985.222)' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") !important;
}
.js-our-trending-courses .owl-nav .owl-next {
  right: 0;
  transform: translateX(50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.308' height='10.494' viewBox='0 0 6.308 10.494'%3E%3Cpath id='Path_1' data-name='Path 1' d='M-6088-984.692l4.717,4.717-4.717,4.717' transform='translate(6088.531 985.222)' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E%0A") !important;
}
.js-our-trending-courses .owl-nav .owl-prev, .js-our-trending-courses .owl-nav .owl-next {
  position: absolute;
  pointer-events: all;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white !important;
  border-radius: 50px;
  margin: 0px;
  box-shadow: 0 3px 6px rgba(98, 119, 167, 0.16);
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 2px solid white !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.3s ease-in;
}
.js-our-trending-courses .owl-nav .owl-prev span, .js-our-trending-courses .owl-nav .owl-next span {
  display: none !important;
}
.js-our-trending-courses .owl-nav .owl-prev:hover, .js-our-trending-courses .owl-nav .owl-next:hover {
  border: 2px solid #0C57D1 !important;
}

.owl-stage-outer .ui-courses-content {
  margin-bottom: 7px;
}
.owl-stage-outer .ui-courses-tag-list {
  margin-top: 8px;
  margin-bottom: 0px;
}
.owl-stage-outer .ui-courses-tag-list.ui-first-courses-tag-list {
  margin-bottom: 6px;
  font-weight: 600;
  color: #6B7074;
  margin-top: 0;
}

.ui-best-seller-badge {
  font-size: var(--ft14);
  padding: 1px 12px;
  border-radius: 0 3px 3px 0;
}

.owl-dots {
  margin-top: var(--res30) !important;
  padding-top: 8px;
}
.owl-dots span {
  height: 7px !important;
  width: 7px !important;
  margin: 5px 10px !important;
}

.ui-title-with-view-all {
  display: flex;
  justify-content: space-between;
}
.ui-title-with-view-all *:not(:nth-last-child(1)) {
  padding-right: 15px;
}
.ui-title-with-view-all *:nth-last-child(1) {
  padding-right: 0px;
}
.ui-title-with-view-all a {
  color: inherit;
  padding: 0px;
  line-height: 100%;
}
.ui-title-with-view-all a:hover {
  color: #0C57D1;
}
.ui-title-with-view-all a, .ui-title-with-view-all a:hover, .ui-title-with-view-all a:focus, .ui-title-with-view-all a:active {
  text-decoration: none;
}
.ui-title-with-view-all h2 {
  margin-bottom: 0 !important;
}
.ui-title-with-view-all .btn {
  padding: 0px !important;
  line-height: 100%;
}

.ui-expire-course-badge {
  position: absolute;
  top: 15px;
  left: 0px;
  color: white;
  background-color: #E62300;
  padding-right: 4px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.25px;
  padding: 1px 4px 1px 12px;
  z-index: 2;
}
.ui-expire-course-badge:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='4.985' height='18.552' viewBox='0 0 4.985 18.552'%3e%3cg id='Group_12540' data-name='Group 12540' transform='translate(-641.228 -82.748)'%3e%3cpath id='Path_65140' data-name='Path 65140' d='M705.061,120.97h-4.985V102.417l4.985.115-.922,4.187-1.43,4.988Z' transform='translate(-58.848 -19.669)' fill='%23e62300'/%3e%3cpath id='Path_65141' data-name='Path 65141' d='M641.686,102.533h3.869l-.124,9.219.124,9.219h-3.869' transform='translate(-0.108 -19.669)' fill='none'/%3e%3c/g%3e%3c/svg%3e");
  top: 0;
  right: -16px;
  background-size: 19px;
}

.ui-best-seller-badge:not(.hide) ~ .ui-expire-course-badge {
  top: 42px;
}

.ui-course-type-banner {
  position: relative;
}
.ui-course-type-banner > .container {
  padding-top: var(--res25);
  padding-bottom: var(--res25);
}
.ui-course-type-banner .ui-bnr-content-area {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #000;
}
@media (min-width: 1200px) {
  .ui-course-type-banner .ui-bnr-content-area {
    max-width: 660px;
  }
}
.ui-course-type-banner .ui-bnr-content-area .ui-share-btn-icon {
  height: 19px;
  margin-top: -3px;
  margin-right: 3px;
}
.ui-course-type-banner .ui-bnr-content-area p span, .ui-course-type-banner .ui-bnr-content-area p strong {
  color: inherit !important;
  background: none !important;
}
.ui-course-type-banner .ui-bnr-content-area p span.ui-clock-icon {
  background-color: #000 !important;
}
.ui-course-type-banner .ui-bnr-content-area .ui-share-btn-icon #Icon_material-share {
  color: #000;
}
.ui-course-type-banner:before {
  content: "";
  width: 100%;
  height: calc(100% - 45px);
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  mix-blend-mode: hard-light;
  color: #000000;
}
.ui-course-type-banner.ui-speaking-bnr:before {
  mix-blend-mode: luminosity;
  opacity: 0.7;
}
.ui-course-type-banner h1 {
  margin-bottom: var(--res18);
}
.ui-course-type-banner .ui-course-type-bnr-bottom {
  display: none !important;
  padding: 12px 0;
  position: relative;
}
.ui-course-type-banner .ui-course-type-bnr-bottom .ui-tag {
  padding: 0px 11px;
  display: inline-block;
  border-radius: 3px;
}
.ui-course-type-banner .ui-course-type-bnr-bottom p {
  margin-bottom: 0px;
}
.ui-course-type-banner .ui-course-type-bnr-bottom a {
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.ui-course-type-banner .ui-course-type-bnr-bottom a:hover {
  opacity: 0.8;
}
.ui-course-type-banner.ui-listening-bnr {
  background-color: #199950;
}
.ui-course-type-banner.ui-listening-bnr .ui-course-type-bnr-bottom {
  background-color: #09843E;
}
.ui-course-type-banner.ui-writing-bnr {
  background-color: #175FFF;
}
.ui-course-type-banner.ui-writing-bnr .ui-course-type-bnr-bottom {
  background-color: #024CF0;
}
.ui-course-type-banner.ui-speaking-bnr {
  background-color: #FFE786;
}
.ui-course-type-banner.ui-speaking-bnr .ui-course-type-bnr-bottom.text-white,
.ui-course-type-banner.ui-speaking-bnr .container.text-white {
  color: #1F1F1F !important;
}
.ui-course-type-banner.ui-speaking-bnr .ui-course-type-bnr-bottom {
  background-color: #F2D870;
}
.ui-course-type-banner.ui-speaking-bnr .ui-clock-icon {
  background-color: #1F1F1F;
}
.ui-course-type-banner.ui-speaking-bnr .ui-white-outline-btn:not(:hover) {
  color: #1F1F1F !important;
  border-color: #1F1F1F !important;
}
.ui-course-type-banner.ui-speaking-bnr .ui-star-rating input[type=radio]:checked ~ input[type=radio] {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12.286' height='11.678' viewBox='0 0 12.286 11.678'%3e%3cpath id='Icon_ionic-md-star' data-name='Icon ionic-md-star' d='M9.94,13.888l3.8,2.29-1-4.321,3.351-2.905-4.418-.379L9.94,4.5,8.214,8.573,3.8,8.953l3.351,2.905-1,4.321Z' transform='translate(-3.797 -4.5)' fill='%231f1f1f'/%3e%3c/svg%3e ");
}
.ui-course-type-banner.ui-reading-bnr {
  background-color: #7419E8;
}
.ui-course-type-banner.ui-reading-bnr .ui-course-type-bnr-bottom {
  background-color: #5803C4;
}
.ui-course-type-banner.ui-multiple-bnr {
  background-image: url("/images/web_app/Course-Banner-BG-01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.ui-course-type-banner.ui-multiple-bnr .ui-course-type-bnr-bottom {
  background-color: #F2F2F2;
}
.ui-course-type-banner .ui-reading-tag {
  background-color: #7419E8;
}
.ui-course-type-banner .ui-speaking-tag {
  background-color: #FEDE57;
}
.ui-course-type-banner .ui-writing-tag {
  background-color: #157EEE;
}
.ui-course-type-banner .ui-listening-tag {
  background-color: #1C9E54;
}

.ui-star-rating input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12.286' height='11.678' viewBox='0 0 12.286 11.678'%3e%3cpath id='Icon_ionic-md-star' data-name='Icon ionic-md-star' d='M9.94,13.888l3.8,2.29-1-4.321,3.351-2.905-4.418-.379L9.94,4.5,8.214,8.573,3.8,8.953l3.351,2.905-1,4.321Z' transform='translate(-3.797 -4.5)' fill='%23fdcc0d'/%3e%3c/svg%3e ");
  height: 12px;
  width: 12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: none !important;
}
.ui-star-rating input[type=radio]:checked ~ input[type=radio] {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12.286' height='11.678' viewBox='0 0 12.286 11.678'%3e%3cpath id='Icon_ionic-md-star' data-name='Icon ionic-md-star' d='M9.94,13.888l3.8,2.29-1-4.321,3.351-2.905-4.418-.379L9.94,4.5,8.214,8.573,3.8,8.953l3.351,2.905-1,4.321Z' transform='translate(-3.797 -4.5)' fill='%23fff'/%3e%3c/svg%3e ");
}
.ui-star-rating.ui-unchecked-dark input[type=radio]:checked ~ input[type=radio] {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12.286' height='11.678' viewBox='0 0 12.286 11.678'%3e%3cpath id='Icon_ionic-md-star' data-name='Icon ionic-md-star' d='M9.94,13.888l3.8,2.29-1-4.321,3.351-2.905-4.418-.379L9.94,4.5,8.214,8.573,3.8,8.953l3.351,2.905-1,4.321Z' transform='translate(-3.797 -4.5)' fill='%231f1f1f'/%3e%3c/svg%3e ");
}

.ui-bnr-course-type-tags {
  font-size: 13px;
  padding-left: 0px;
  margin-bottom: 8px;
}
.ui-bnr-course-type-tags li {
  line-height: 140%;
  list-style: none;
  display: inline-block;
  white-space: nowrap;
  font-weight: 700;
  border: 1px solid #000;
  border-radius: 3px;
  padding: 3px 10px;
}
.ui-bnr-course-type-tags li + li {
  margin-left: 7px;
}
@media (max-width: 992px) {
  .ui-bnr-course-type-tags {
    display: flex;
  }
}

.ui-star-rating-strip {
  margin-bottom: var(--res40);
}
.ui-star-rating-strip > * {
  display: inline-block;
  line-height: 100%;
  padding-right: 11.5px;
}
.ui-star-rating-strip .ui-star-rating-wrap {
  display: inline-flex;
}
.ui-star-rating-strip > p {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 11.5px;
}
.ui-star-rating-strip .ui-clock-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -2px;
  -webkit-mask: url(../../../images/web_app/icons/icon-clock-black.svg) no-repeat 50% 50%;
          mask: url(../../../images/web_app/icons/icon-clock-black.svg) no-repeat 50% 50%;
}

.ui-bnr-content-area .ui-star-rating-strip p:first-of-type:last-of-type {
  padding-left: 0;
}

.ui-banner-package {
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: white;
  width: 100%;
  border-radius: 3px;
  padding: 10px;
  color: #1F1F1F;
  max-width: 355px;
}
@media (min-width: 1200px) {
  .ui-banner-package {
    margin-left: auto;
  }
}

.ui-bnr-prew-img-wrap {
  width: 100%;
  overflow: hidden;
  border-radius: 3px;
  position: relative;
  padding-bottom: 49%;
}
.ui-bnr-prew-img-wrap > img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ui-bnr-prew-img-wrap .ui-preview-link {
  position: absolute;
  z-index: 10;
  color: white;
  background-color: rgba(0, 0, 0, 0.43);
  font-size: 12px;
  font-weight: 600;
  margin: 8px 6px;
  padding: 5.5px 15px;
  border-radius: 21px;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.ui-bnr-prew-img-wrap .ui-preview-link:hover {
  background-color: #0C57D1;
}
.ui-bnr-prew-img-wrap .ui-preview-link img {
  width: 15px;
  margin-right: 3px;
}
.ui-bnr-prew-img-wrap:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.2;
}

.ui-includes-list {
  padding-left: 0px;
  list-style: none;
  margin-bottom: 20px;
}
.ui-includes-list li {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 9px;
  padding-left: 31px;
  position: relative;
}
.ui-includes-list li .ui-icon {
  height: 15px;
  width: 16px;
  position: absolute;
  left: 0;
  top: 4px;
  display: inline-block;
  background-color: black;
}
.ui-includes-list li .ui-icon-video-prew {
  -webkit-mask: url(../../../images/web_app/icons/icon-video-prew.svg) no-repeat 50% 50%;
          mask: url(../../../images/web_app/icons/icon-video-prew.svg) no-repeat 50% 50%;
}
.ui-includes-list li .ui-icon-tick-list {
  -webkit-mask: url(../../../images/web_app/icons/icon-tick-list.svg) no-repeat 50% 50%;
          mask: url(../../../images/web_app/icons/icon-tick-list.svg) no-repeat 50% 50%;
}
.ui-includes-list li .ui-icon-laptop {
  -webkit-mask: url(../../../images/web_app/icons/icon-laptop.svg) no-repeat 50% 50%;
          mask: url(../../../images/web_app/icons/icon-laptop.svg) no-repeat 50% 50%;
}
.ui-includes-list li .ui-icon-validity {
  -webkit-mask: url(../../../images/web_app/icons/icon-validity.svg) no-repeat 50% 50%;
          mask: url(../../../images/web_app/icons/icon-validity.svg) no-repeat 50% 50%;
}

.ui-packages-price-wrap {
  margin-top: 13px;
  margin-bottom: 14px;
}
.ui-packages-price-wrap .ui-main-price {
  font-size: var(--ft21);
  font-weight: 700;
  font-family: "Inter", sans-serif;
  padding-right: 16px;
}
.ui-packages-price-wrap .ui-old-price {
  font-size: 14px;
  font-family: "Inter", sans-serif;
  color: #6A6F73;
  text-decoration: line-through;
  padding-right: 8px;
}
.ui-packages-price-wrap .ui-total-off {
  color: #33af8d;
  font-size: 14px;
  font-weight: 500;
}

.ui-course-type-banner.ui-speaking-bnr .ui-bnr-course-type-tags li {
  border: 1px solid #1F1F1F;
}
.ui-course-type-banner.ui-speaking-bnr .ui-star-rating-strip p {
  border-color: rgba(31, 31, 31, 0.2);
}

@media (max-width: 991.9px) {
  .ui-course-type-banner {
    background-color: white !important;
  }
  .ui-course-type-banner:before {
    display: none;
  }
  .ui-course-type-banner .container {
    color: #1F1F1F !important;
  }
  .ui-course-type-banner .ui-star-rating input[type=radio]:checked ~ input[type=radio] {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12.286' height='11.678' viewBox='0 0 12.286 11.678'%3e%3cpath id='Icon_ionic-md-star' data-name='Icon ionic-md-star' d='M9.94,13.888l3.8,2.29-1-4.321,3.351-2.905-4.418-.379L9.94,4.5,8.214,8.573,3.8,8.953l3.351,2.905-1,4.321Z' transform='translate(-3.797 -4.5)' fill='%231f1f1f'/%3e%3c/svg%3e ");
  }
  .ui-course-type-banner .ui-star-rating-strip > p {
    border-color: #D3D3D3;
  }

  .ui-star-rating-strip .ui-clock-icon {
    background-color: #1F1F1F;
  }

  .btn.ui-white-outline-btn {
    border-color: #1F1F1F;
    padding: 9px 20px;
  }
  .btn.ui-white-outline-btn span {
    color: #1F1F1F;
    transition: inherit;
  }
  .btn.ui-white-outline-btn:before {
    background-color: #0C57D1 !important;
  }
  .btn.ui-white-outline-btn:hover {
    border-color: #0C57D1 !important;
  }
  .btn.ui-white-outline-btn:hover span {
    color: white;
  }

  .ui-bnr-prew-img-wrap {
    margin-bottom: 15px;
  }

  .ui-star-rating-strip {
    margin-bottom: 5px;
  }

  .ui-includes-list {
    margin-top: 5px;
  }

  .ui-multiple-bnr {
    background: none !important;
  }

  .ui-bnr-course-type-tags {
    margin-bottom: 17px;
  }

  .ui-listening-bnr-tag {
    background-color: #199950;
    border: 1px solid #199950 !important;
    color: white;
  }
}
@media (max-width: 991.9px) and (max-width: 992px) {
  .ui-listening-bnr-tag {
    background-color: none;
    font-size: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3e%3cg id='Group_55695' data-name='Group 55695' transform='translate(-6228.947 3885)'%3e%3crect id='Rectangle_14830' data-name='Rectangle 14830' width='26' height='26' rx='4' transform='translate(6228.947 -3885)' fill='%23199950'/%3e%3cpath id='Path_106749' data-name='Path 106749' d='M12.166,8.93h-.36a1.564,1.564,0,0,0-1.145.517,1.842,1.842,0,0,0-.476,1.242v4.769a1.842,1.842,0,0,0,.476,1.242,1.564,1.564,0,0,0,1.145.517h.36a1.564,1.564,0,0,0,1.145-.517,1.842,1.842,0,0,0,.476-1.242V10.689a1.842,1.842,0,0,0-.476-1.242A1.564,1.564,0,0,0,12.166,8.93ZM14.183,11c-.015,1.29,0,2.58.036,3.87a2.3,2.3,0,0,0,1.729-1.251c0-5.006.564-10.014-4.575-12.546a7.153,7.153,0,0,0-6.413,0C-.179,3.607.385,8.614.385,13.62a2.3,2.3,0,0,0,1.729,1.251c.033-1.29.053-2.58.036-3.87a.716.716,0,0,0-.365.087.787.787,0,0,0-.283.265c0-3.046-.354-5.583,2.053-7.817a6.174,6.174,0,0,1,9.223,0c2.408,2.235,2.054,4.771,2.054,7.817a.787.787,0,0,0-.283-.265A.716.716,0,0,0,14.183,11ZM4.6,8.93H4.24A1.564,1.564,0,0,0,3.1,9.446a1.842,1.842,0,0,0-.476,1.242v4.769A1.842,1.842,0,0,0,3.1,16.7a1.564,1.564,0,0,0,1.145.517H4.6A1.564,1.564,0,0,0,5.745,16.7a1.843,1.843,0,0,0,.476-1.242V10.689a1.843,1.843,0,0,0-.476-1.242A1.564,1.564,0,0,0,4.6,8.93Z' transform='translate(6233.78 -3880.766)' fill='%23fff' fill-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e ");
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
  }
}
@media (max-width: 991.9px) {
  .ui-reading-bnr-tag {
    background-color: #7419E8;
    border: 1px solid #7419E8 !important;
    color: white;
  }
}
@media (max-width: 991.9px) and (max-width: 992px) {
  .ui-reading-bnr-tag {
    font-size: 0;
    background-color: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3e%3cg id='Group_55424' data-name='Group 55424' transform='translate(-51 -796)'%3e%3crect id='Rectangle_34953' data-name='Rectangle 34953' width='26' height='26' rx='4' transform='translate(51 796)' fill='%239848ff'/%3e%3cg id='Group_55381' data-name='Group 55381' transform='translate(16270.34 4024.509)'%3e%3cpath id='Path_106940' data-name='Path 106940' d='M19.485,64.234a.482.482,0,0,0-.485.531v8.981a1.075,1.075,0,0,0,.774.986l6.154,1.484V65.741L19.64,64.253A.672.672,0,0,0,19.485,64.234Z' transform='translate(-16232.545 -3285.734)' fill='%23fff'/%3e%3cpath id='Path_106941' data-name='Path 106941' d='M291.193,64.253l-6.288,1.488V76.216l6.152-1.484a1.075,1.075,0,0,0,.775-.986V64.765a.482.482,0,0,0-.485-.531A.672.672,0,0,0,291.193,64.253Z' transform='translate(-16490.967 -3285.734)' fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
  }
}
@media (max-width: 991.9px) {
  .ui-speaking-bnr-tag {
    background-color: #FEDE57;
    border: 1px solid #FEDE57 !important;
    color: #1F1F1F;
  }
}
@media (max-width: 991.9px) and (max-width: 992px) {
  .ui-speaking-bnr-tag {
    background-color: none;
    font-size: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3e%3cg id='Group_55393' data-name='Group 55393' transform='translate(-18 -796)'%3e%3crect id='Rectangle_34952' data-name='Rectangle 34952' width='26' height='26' rx='4' transform='translate(18 796)' fill='%23fecd00'/%3e%3cpath id='Path_106942' data-name='Path 106942' d='M30.744,10.341a2.311,2.311,0,0,0-.155-.213,2.723,2.723,0,0,0-3.831-.184l-2.837,2.314a2.8,2.8,0,0,0-.828,3.427l-.981.981H22.1a1.119,1.119,0,0,0-.851,1.847V22.4H19.694v2.49H24.4V22.4h-1.83V18.8a1.115,1.115,0,0,0,.575-1.418l.807-.807a2.861,2.861,0,0,0,3.206-.344L30,13.918A2.749,2.749,0,0,0,30.744,10.341Zm-8.666,8.131a.7.7,0,1,1,.7-.7A.7.7,0,0,1,22.078,18.472Zm5.277-2.936L24.64,12.208l.342-.279L27.7,15.258Zm.782-.638L25.422,11.57l.361-.295L28.5,14.6Zm.8-.653-2.715-3.329.341-.278,2.714,3.329Z' transform='translate(6.179 791.928)' fill='%23fff'/%3e%3c/g%3e%3c/svg%3e ");
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
  }
}
@media (max-width: 991.9px) {
  .ui-writing-bnr-tag {
    background-color: #175FFF;
    border: 1px solid #175FFF !important;
    color: white;
  }
}
@media (max-width: 991.9px) and (max-width: 992px) {
  .ui-writing-bnr-tag {
    font-size: 0;
    background-color: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26' height='26' viewBox='0 0 26 26'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Rectangle_18148' data-name='Rectangle 18148' width='2.551' height='13.724' transform='translate(0 0)' fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='Group_55426' data-name='Group 55426' transform='translate(-120 -450)'%3e%3cg id='Group_55394' data-name='Group 55394' transform='translate(102 -346)'%3e%3crect id='Rectangle_34952' data-name='Rectangle 34952' width='26' height='26' rx='4' transform='translate(18 796)' fill='%230c57d1'/%3e%3c/g%3e%3cg id='Group_55395' data-name='Group 55395' transform='translate(-40.508 0.269)'%3e%3cg id='Group_55379' data-name='Group 55379' transform='translate(168 455.869)'%3e%3cg id='Group_54907' data-name='Group 54907' transform='translate(0 0)'%3e%3cpath id='Subtraction_1' data-name='Subtraction 1' d='M8.109,13.724H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0H8.109a1,1,0,0,1,1,1V12.724A1,1,0,0,1,8.109,13.724ZM1.184,5.357a.177.177,0,1,0,0,.355H7.924a.177.177,0,0,0,0-.355Zm0-1.752a.177.177,0,1,0,0,.355H7.924a.177.177,0,0,0,0-.355Zm0-1.752a.178.178,0,0,0,0,.355H7.924a.178.178,0,0,0,0-.355Z' transform='translate(0 0)' fill='%23fff'/%3e%3cg id='Group_4668' data-name='Group 4668' transform='translate(9.716 0)' clip-path='url(%23clip-path)'%3e%3cpath id='Path_106639' data-name='Path 106639' d='M1.627.331V1.641a.312.312,0,0,0-.294.328.312.312,0,0,0,.294.328v1.31a.329.329,0,0,0,0,.655V5.57a.329.329,0,0,0,0,.655V7.535a.329.329,0,0,0,0,.655V9.5a.329.329,0,0,0,0,.655v1.309a.329.329,0,0,0,0,.655v1.309a.329.329,0,0,0,0,.655v1.31a.312.312,0,0,0,.294.328h9.112a.936.936,0,0,0,.882-.982V.987a.936.936,0,0,0-.882-.982S1.627.15,1.627.331ZM13.265,12.12Z' transform='translate(-12.242 -0.98)' fill='%23fff'/%3e%3c/g%3e%3c/g%3e%3cpath id='Path_106717' data-name='Path 106717' d='M.288,0h1.44a.272.272,0,0,1,.288.252S2,7.672,2,10.384a3.563,3.563,0,0,1-.8,2.085c-.025.04-.09.164-.189.152s-.108-.047-.2-.2A3.7,3.7,0,0,1,0,10.384L0,.252A.272.272,0,0,1,.288,0Z' transform='translate(10.251 0.864)' fill='%23fff'/%3e%3c/g%3e%3cpath id='Path_106943' data-name='Path 106943' d='M-15044.929-3594.038h6.172' transform='translate(15214.406 4051.921)' fill='none' stroke='%230c57d1' stroke-linecap='round' stroke-width='1'/%3e%3cpath id='Path_106944' data-name='Path 106944' d='M-15044.937-3594.124h6.182' transform='translate(15214.406 4053.849)' fill='none' stroke='%230c57d1' stroke-linecap='round' stroke-width='1'/%3e%3cpath id='Path_106945' data-name='Path 106945' d='M-15044.956-3594.234h6.211' transform='translate(15214.407 4055.778)' fill='none' stroke='%230c57d1' stroke-linecap='round' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
  }
}
@media (max-width: 991.9px) {
  .ui-academic-course-bnr-tag {
    background-color: #F5F5F5;
    border: 1px solid #E5E5E5 !important;
    color: #1F1F1F;
  }
}
@media (min-width: 992px) {
  .ui-course-type-banner article.col-lg-4 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .ui-banner-package {
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 575.9px) {
  .ui-bnr-content-area h1 {
    font-size: 22px;
  }

  .ui-star-rating-strip .ui-star-rating-wrap {
    width: 100%;
    margin-bottom: 8px;
  }
  .ui-star-rating-strip p:nth-of-type(1) {
    border: none;
    padding-left: 0px;
  }
}
.ui-bnr-content-area a.btn {
  display: inline-block;
}

.ui-multiple-bnr .ui-course-type-bnr-bottom *:not(.ui-tag) {
  color: #1F1F1F;
}
.ui-multiple-bnr .ui-course-type-bnr-bottom .ui-tag:not(.ui-speaking-tag) {
  color: white;
}

.ui-free-course-tag {
  margin-left: -10px;
  margin-top: 15px;
  margin-bottom: -5px;
}

.ui-multiple-bnr .ui-fill-page-primary,
.ui-listening-bnr .ui-fill-page-primary {
  fill: #199950;
}

.ui-writing-bnr .ui-fill-page-primary {
  fill: #175FFF;
}

.ui-speaking-bnr .ui-fill-page-primary {
  fill: #FFE786;
}

.ui-reading-bnr .ui-fill-page-primary {
  fill: #5803C4;
}

.ui-btn-pagecolor,
.ui-help-popup-btn {
  background-color: var(--pagecolor) !important;
  border-color: var(--pagecolor) !important;
}
.ui-btn-pagecolor:before,
.ui-help-popup-btn:before {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.ui-btn-pagecolor:hover,
.ui-help-popup-btn:hover {
  border-color: var(--pagecolor) !important;
}

.ui-help-popup .ui-help-popup-header {
  background-color: var(--pagecolor) !important;
}
.ui-help-popup .ui-help-popup-body .ui-help-contact-icon svg {
  color: var(--pagecolor) !important;
}
.ui-help-popup .ui-help-popup-body .ui-help-contact-item:hover span {
  color: var(--pagecolor) !important;
}

@media (max-width: 575.9px) {
  .ui-feel-free-doubts {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .ui-feel-free-doubts .modal-header .close {
    opacity: 1 !important;
  }
}
.ui-you-will-learn-sec {
  padding-bottom: var(--res20);
  margin-bottom: var(--res40);
  border-bottom: 1px solid #E0E0E0;
}
.ui-you-will-learn-sec h2 {
  font-size: var(--ft25);
  font-weight: 600;
  margin-bottom: var(--res30);
}
.ui-you-will-learn-sec p {
  font-size: var(--ft16);
  margin-bottom: var(--res25);
}

.ui-nav-tabs {
  background-color: #F7FAFF;
  border: 1px solid #E4EBF7;
  border-radius: 3px;
}
.ui-nav-tabs .nav-item {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  padding: 12px 23px;
}
.ui-nav-tabs .nav-item.active {
  border-bottom: 2px solid var(--pagecolor) !important;
}
.ui-nav-tabs .nav-item:hover {
  color: var(--pagecolor) !important;
}

.ui-mb30 {
  margin-bottom: var(--res30);
}

.ui-course-content-list {
  padding-left: 0px;
  display: flex;
}
.ui-course-content-list li {
  display: inline-flex;
  font-size: 14px;
  position: relative;
}
.ui-course-content-list li + li {
  padding-left: 16px;
}
.ui-course-content-list li + li::before {
  content: "";
  background-color: #1F1F1F;
  bottom: 0;
  position: absolute;
  height: 4px;
  width: 4px;
  top: 0px;
  margin: auto;
  left: 7px;
  border-radius: 5px;
}

.ui-icon-stream-video,
.ui-icon-lock {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}

.ui-icon-stream-video {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14'%3e%3cg id='Group_12569' data-name='Group 12569' transform='translate(-6691.937 -8078.039)'%3e%3cg id='Rectangle_14802' data-name='Rectangle 14802' transform='translate(6691.937 8078.039)' fill='none' stroke='%23000' stroke-width='1'%3e%3crect width='16' height='12' rx='2' stroke='none'/%3e%3crect x='0.5' y='0.5' width='15' height='11' rx='1.5' fill='none'/%3e%3c/g%3e%3cpath id='Polygon_13' data-name='Polygon 13' d='M2.143,1.429a1,1,0,0,1,1.715,0L5.091,3.486A1,1,0,0,1,4.234,5H1.766A1,1,0,0,1,.909,3.486Z' transform='translate(6702.937 8081.039) rotate(90)' fill='%23000'/%3e%3cpath id='Rectangle_14803' data-name='Rectangle 14803' d='M0,0H6A0,0,0,0,1,6,0V1A1,1,0,0,1,5,2H1A1,1,0,0,1,0,1V0A0,0,0,0,1,0,0Z' transform='translate(6696.937 8090.039)' fill='%23000'/%3e%3c/g%3e%3c/svg%3e");
}

.ui-icon-moke-video,
.ui-icon-lock {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}

.ui-icon-moke-video {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='11.096' viewBox='0 0 16 11.096'%3e%3cdefs%3e%3cclipPath id='clip'%3e%3cuse xlink:href='%23fill'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='Group_12558' data-name='Group 12558' transform='translate(-7447 -9207)'%3e%3cg id='Rectangle_14804' data-name='Rectangle 14804' transform='translate(7448.457 9207)' fill='none' stroke='%23000' stroke-width='1'%3e%3crect width='13.109' height='8.739' rx='1' stroke='none'/%3e%3crect x='0.5' y='0.5' width='12.109' height='7.739' rx='0.5' fill='none'/%3e%3c/g%3e%3cpath id='Path_65157' data-name='Path 65157' d='M7471,9220.084h16a1.907,1.907,0,0,1-2.067,1.8c.008.017-11.822,0-11.822,0A2.231,2.231,0,0,1,7471,9220.084Z' transform='translate(-24 -3.796)'/%3e%3cg id='Rectangle_14805' data-name='Rectangle 14805' transform='translate(7453.554 9216.832)' stroke='%23fff' stroke-width='1'%3e%3crect id='fill' width='2.913' height='0.728' stroke='none'/%3e%3cpath d='M0,0.22825324535369873h2.913012981414795M2.413012981414795,0v0.7282532453536987M2.913012981414795,0.5h-2.913012981414795M0.5,0.7282532453536987v-0.7282532453536987' fill='none' clip-path='url(%23clip)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.ui-icon-practice-video,
.ui-icon-lock {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}

.ui-icon-practice-video {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15.5' height='15.763' viewBox='0 0 15.5 15.763'%3e%3cg id='Group_12554' data-name='Group 12554' transform='translate(-1046.736 -398.208)'%3e%3cpath id='Path_65150' data-name='Path 65150' d='M7650.585,9649.74s.013-3.918,0-3.933a2.39,2.39,0,0,0-.517-1.622s-1.818-1.872-1.855-1.882a2.581,2.581,0,0,0-1.817-.72h-5.976a1.126,1.126,0,0,0-1.184,1.264c.007.024,0,11.286,0,11.286a1.131,1.131,0,0,0,1.184,1.163c0,.008,7.4,0,7.4,0' transform='translate(-6592 -9242.872)' fill='none' stroke='%23000' stroke-width='1'/%3e%3ccircle id='Ellipse_14794' data-name='Ellipse 14794' cx='3.795' cy='3.795' r='3.795' transform='translate(1054.647 406.381)'/%3e%3cpath id='Path_65151' data-name='Path 65151' d='M7652.41,9657.5l.823.841,1.568-1.651' transform='translate(-6595.175 -9247.508)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3e%3cpath id='Path_65152' data-name='Path 65152' d='M7641.563,9647.86h2.787' transform='translate(-6592.238 -9245.381)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3e%3cpath id='Path_65155' data-name='Path 65155' d='M7641.563,9647.86h.644' transform='translate(-6587 -9245.381)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3e%3cpath id='Path_65153' data-name='Path 65153' d='M7641.563,9651.372h2.787' transform='translate(-6592.238 -9246.227)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3e%3cpath id='Path_65156' data-name='Path 65156' d='M7641.563,9651.372h.644' transform='translate(-6587.001 -9246.227)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3e%3cpath id='Path_65154' data-name='Path 65154' d='M7641.563,9654.705h2.787' transform='translate(-6592.238 -9247.03)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3e%3c/g%3e%3c/svg%3e ");
}

.ui-icon-lock {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.78' height='11.523'%3E%3Cpath data-name='Icon ionic-md-lock' d='M7.682 3.841h-.549v-1.1a2.744 2.744 0 10-5.487 0v1.1h-.549a1.1 1.1 0 00-1.1 1.1v5.485a1.1 1.1 0 001.1 1.1h6.585a1.1 1.1 0 001.1-1.1V4.939a1.1 1.1 0 00-1.1-1.098zM4.39 8.835a1.1 1.1 0 111.1-1.1 1.1 1.1 0 01-1.1 1.1zm1.7-4.993h-3.4v-1.1a1.7 1.7 0 013.4 0z'/%3E%3C/svg%3E");
}

.ui-course-details-list-table {
  width: 100%;
}
.ui-course-details-list-table .ui-icon-lock {
  height: 14px;
  width: 16px;
  margin-right: 14px;
}
.ui-course-details-list-table .ui-icon-stream-video {
  height: 14px;
  width: 16px;
}
.ui-course-details-list-table .ui-icon-moke-video {
  height: 14px;
  width: 16px;
}
.ui-course-details-list-table .ui-icon-practice-video {
  height: 14px;
  width: 16px;
}
.ui-course-details-list-table tr {
  border-bottom: 1px solid #E0E0E0;
}
.ui-course-details-list-table tr td {
  font-size: var(--ft16);
  font-weight: 600;
  padding: 14px 0;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .ui-course-details-list-table tr td {
    padding: 10px 0;
  }
}
.ui-course-details-list-table tr td a {
  color: inherit;
  cursor: not-allowed;
  text-decoration: none;
}
.ui-course-details-list-table tr td a:hover {
  opacity: 0.8;
}
.ui-course-details-list-table tr td:nth-last-child(1) {
  text-align: right;
  width: 120px;
}
@media (max-width: 575.9px) {
  .ui-course-details-list-table tr td:nth-last-child(1) {
    width: 110px;
  }
}
.ui-course-details-list-table tr td:nth-child(2) {
  width: calc(100% - 100px);
  position: relative;
}
.ui-course-details-list-table tr td:nth-child(2) span {
  white-space: nowrap;
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(100vw - 120px);
}
.ui-course-details-list-table tr td:nth-child(1) {
  width: 20px;
}
.ui-course-details-list-table tr td:nth-last-child(1) a {
  padding-right: 5px !important;
  color: var(--pagecolor);
}
.ui-course-details-list-table tr.active td {
  opacity: 1;
}
.ui-course-details-list-table tr.active td a {
  cursor: pointer;
}
.ui-course-details-list-table tr:last-child {
  border-bottom: none;
}

.ui-full-width-btn:hover:before {
  transform: scale(35) !important;
}

.ui-play-percentage {
  margin-top: -5px;
}

.ui-shimmer-preview {
  width: 70px !important;
}

.ui-table-accordion .card {
  border: none;
  padding-top: 9px;
}
.ui-table-accordion .card .card-header {
  background-color: #F7FAFF;
  border-bottom: none;
  padding: 0px;
  border-radius: 3px;
}
.ui-table-accordion .card .card-header .ui-accordion-title {
  font-family: "Nunito Sans", sans-serif;
}
.ui-table-accordion .card .card-header .ui-accordion-title .btn.btn-link {
  font-size: var(--ft16);
  font-weight: 700;
  width: 100%;
  justify-content: space-between;
  padding: 13px;
  color: inherit;
  text-decoration: none !important;
  transition: all 0.3s ease-in;
}
.ui-table-accordion .card .card-header .ui-accordion-title .btn.btn-link:hover {
  color: #0C57D1;
}
.ui-table-accordion .card .card-header .ui-accordion-title .btn.btn-link span {
  font-weight: 400;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14.461' height='8.117' viewBox='0 0 14.461 8.117'%3e%3cpath id='Path_65188' data-name='Path 65188' d='M8093,13769.346l5.943-5.346,5.691,5.346' transform='translate(-8091.587 -13762.642)' fill='none' stroke='%23b5b5b5' stroke-linecap='round' stroke-width='2'/%3e%3c/svg%3e ");
  padding-left: 15px;
}
.ui-table-accordion .card .card-header .ui-accordion-title .btn.btn-link.collapsed span {
  padding-left: 15px;
  font-weight: 400;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14.461' height='8.117' viewBox='0 0 14.461 8.117'%3e%3cpath id='Path_65188' data-name='Path 65188' d='M8093,13769.346l5.943-5.346,5.691,5.346' transform='translate(8106.048 13770.759) rotate(180)' fill='none' stroke='%23b5b5b5' stroke-linecap='round' stroke-width='2'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
}
.ui-table-accordion .card .card-body {
  padding-top: 0px;
  padding-bottom: 0px;
}
.ui-table-accordion .ui-course-table-btn-wrp {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  width: 100%;
  bottom: 0;
  padding-top: 20px;
}
.ui-table-accordion .ui-course-table-btn-wrp .btn {
  padding-left: 0px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='9.639' height='5.534' viewBox='0 0 9.639 5.534'%3e%3cpath id='Path_65190' data-name='Path 65190' d='M8093,13764l3.841,3.455,3.678-3.455' transform='translate(-8091.941 -13762.939)' fill='none' stroke='%230c57d1' stroke-linecap='round' stroke-width='1.5'/%3e%3c/svg%3e ");
  text-decoration: none;
  font-size: var(--ft15);
  font-weight: 700;
  position: relative;
}
.ui-table-accordion .ui-course-table-btn-wrp:before {
  content: "";
  display: block;
  bottom: 0;
  background-color: white;
  width: 100%;
  left: 0;
  height: 40px;
  position: absolute;
}
.ui-table-accordion .ui-course-table-btn-wrp .btn,
.ui-table-accordion .ui-accordion-title .btn.btn-link span {
  padding-right: 30px;
  background-repeat: no-repeat;
  background-position: right 5px center;
}
.ui-table-accordion .ui-course-details-list-table tr:not(:nth-child(-n+5)) {
  display: none;
}
.ui-table-accordion .ui-course-details-list-table.ui-show-all tr:not(:nth-child(-n+5)) {
  display: table-row;
}
.ui-table-accordion .ui-course-details-list-table.ui-show-all + .ui-course-table-btn-wrp .btn {
  font-size: 0px !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='9.639' height='5.534' viewBox='0 0 9.639 5.534'%3e%3cpath id='Path_65190' data-name='Path 65190' d='M8093,13764l3.841,3.455,3.678-3.455' transform='translate(8101.58 13768.474) rotate(180)' fill='none' stroke='%230c57d1' stroke-linecap='round' stroke-width='1.5'/%3e%3c/svg%3e ");
}
.ui-table-accordion .ui-course-details-list-table.ui-show-all + .ui-course-table-btn-wrp .btn:before {
  content: "Less";
  font-size: var(--ft15);
}

.ui-start-studying-sec {
  padding: 10px;
  background-color: #F8F8F8;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.ui-start-studying-sec > div {
  padding: 0 10px;
  width: 50%;
}
.ui-start-studying-sec > div:nth-child(2) {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.ui-start-studying-sec > div:nth-child(2) .btn {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  max-width: 230px;
}

.ui-btn-listening {
  background-color: #199950;
  border-color: #199950;
}
.ui-btn-listening:before {
  background-color: #20c567 !important;
}
.ui-btn-listening:hover {
  border-color: #20c567 !important;
}

.ui-btn-writing {
  background-color: #175FFF;
  border-color: #175FFF;
}
.ui-btn-writing:before {
  background-color: #4a82ff !important;
}
.ui-btn-writing:hover {
  border-color: #4a82ff !important;
}

.ui-btn-reading {
  background-color: #7419E8;
  border-color: #7419E8;
}
.ui-btn-reading:before {
  background-color: #9047ed !important;
}
.ui-btn-reading:hover {
  border-color: #9047ed !important;
}

.ui-btn-speaking {
  background-color: #FEDE57;
  border-color: #FEDE57;
}
.ui-btn-speaking span {
  color: #1F1F1F;
}
.ui-btn-speaking:before {
  background-color: #fed424 !important;
}
.ui-btn-speaking:hover {
  border-color: #fed424 !important;
}
.ui-btn-speaking:hover span {
  color: #1F1F1F;
}

.ui-table-accordion .ui-course-details-list-table {
  margin-bottom: 35px;
}

@media (max-width: 991.9px) {
  .ui-you-will-learn-sec {
    padding-top: 10px !important;
  }
}
@media (max-width: 575.9px) {
  .ui-you-will-learn-sec {
    padding-top: 0px !important;
    word-break: break-word;
  }

  .ui-course-content-list {
    margin-top: -12px;
  }
  .ui-course-content-list li {
    font-size: 10px !important;
  }
}
@media (max-width: 575.9px) and (min-width: 380px) {
  .ui-course-content-list li {
    font-size: 13px !important;
    letter-spacing: -0.05px;
  }
}
@media (max-width: 767px) {
  div.nav.nav-tabs.ui-nav-tabs a:last-child {
    margin-right: 2px;
  }
  div.nav.nav-tabs.ui-nav-tabs a {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 13px;
    margin-right: 18px;
  }
}
.ui-floatLeft {
  float: left;
  padding-top: 2px;
}

.ui-floatLeft:after,
.ui-floatLeft:before {
  display: table;
  content: " ";
}

.ui-floatLeft:after {
  clear: both;
}

.ui-avatar {
  background: #afcbfa;
  border-radius: 100%;
  float: left;
  width: 25px;
  height: 25px;
}

.ui-line {
  display: inline-block;
  height: 10px;
  margin-top: 7px;
  margin-bottom: 7px;
  width: 400px;
  background-color: #dfeafd;
}

.ui-line--trunc {
  width: 240px;
}

.ui-shimmer {
  background-image: linear-gradient(90deg, #dfeafd 0, #afcbfa 20%, #dfeafd 40%, #dfeafd);
  background-size: 99% 100%;
  background-repeat: no-repeat;
  -webkit-animation: shimmer 1s linear 1ms infinite backwards;
          animation: shimmer 1s linear 1ms infinite backwards;
}

@-webkit-keyframes shimmer {
  0% {
    background-position: 500% 100%;
  }
  100% {
    background-position: 10000% 100%;
  }
}

@keyframes shimmer {
  0% {
    background-position: 500% 100%;
  }
  100% {
    background-position: 10000% 100%;
  }
}
.ui-video-preview-modal .modal-header {
  border: none;
  position: absolute;
  z-index: 10;
  width: 100%;
}
.ui-video-preview-modal .modal-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px 6px 0 0;
}
.ui-video-preview-modal .modal-header .close span {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14.832' height='14.828' viewBox='0 0 14.832 14.828'%3e%3cg id='Group_12450' data-name='Group 12450' transform='translate(1.416 1.414)'%3e%3cpath id='Path_65104' data-name='Path 65104' d='M23040.775,7199.318l-12,11.966' transform='translate(-23028.775 -7199.318)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3e%3cpath id='Path_65105' data-name='Path 65105' d='M23028.775,7199.318l12,12' transform='translate(-23028.775 -7199.318)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3e%3c/g%3e%3c/svg%3e ");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
  display: block;
}
.ui-video-preview-modal .modal-body {
  padding: 0px;
  overflow: hidden;
  border-radius: 6px;
}
.ui-video-preview-modal .modal-content {
  background-color: transparent;
  border: none;
}
.ui-video-preview-modal .modal-dialog.modal-dialog-centered {
  max-width: 590px;
}
.ui-video-preview-modal .ui-video-modal-header-title {
  color: white;
  z-index: 1;
}
.ui-video-preview-modal .ui-video-modal-header-title h4 {
  margin-bottom: 0px;
}
.ui-video-preview-modal .ui-video-modal-header-title h5 {
  margin-bottom: 3px;
}
.ui-video-preview-modal .modal-header {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.ui-video-preview-modal .modal-content:hover .modal-header {
  opacity: 1;
}

@media (max-width: 575.9px) {
  .ui-video-preview-modal {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .ui-video-preview-modal .modal-header {
    display: flex;
    flex-direction: column-reverse;
    top: -45px;
    opacity: 1;
  }
  .ui-video-preview-modal .modal-header .ui-video-modal-header-title {
    padding-top: 27px;
    opacity: 0;
    transition: all 0.3s ease-out;
  }
  .ui-video-preview-modal .modal-header:before {
    opacity: 0;
  }
  .ui-video-preview-modal:hover .modal-header:before {
    opacity: 0;
  }
  .ui-video-preview-modal:hover .modal-header .ui-video-modal-header-title {
    opacity: 1;
  }
  .ui-video-preview-modal .modal-header {
    padding-right: 4px;
  }
  .ui-video-preview-modal .modal-header .close {
    opacity: 1 !important;
    position: relative;
    z-index: 1000;
    top: 36px;
    right: 5px;
  }
}
:root {
  --plyr-color-main: #0C57D1;
}

.ui-home-banner-animation.plyr__progress__container {
  position: relative;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.plyr .plyr__control.plyr__control--overlaid {
  background: transparent;
  border: 2px solid white;
  padding: 23px;
}
.plyr .plyr__control.plyr__control--overlaid:hover {
  background-color: transparent !important;
}
.plyr .plyr__video-wrapper {
  height: 100%;
  top: -1px;
}
.plyr.plyr__poster-enabled.plyr--stopped > .plyr__controls {
  display: none;
}
.plyr .plyr__poster {
  top: 1px;
}

.plyr__controls__item.plyr__progress__container {
  position: relative;
}

.js-timeline-ads {
  bottom: 7px;
  width: 3px;
  height: 5px;
  position: absolute;
  background-color: yellow;
  z-index: 10;
}

.ui-ads-player-wrap {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  --plyr-color-main: yellow;
  z-index: 12;
}
.ui-ads-player-wrap .plyr__controls {
  pointer-events: none !important;
}
.ui-ads-player-wrap .plyr__controls > *:not(.plyr__controls__item.plyr__progress__container):not(.plyr__controls__item.plyr__volume) {
  display: none;
}
.ui-ads-player-wrap .plyr__controls .plyr__controls__item.plyr__volume {
  pointer-events: all;
}

.plyr__poster {
  background-size: cover !important;
}

.js-btn-forward,
.js-btn-rewind {
  border: none;
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
  min-width: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  transition: opacity 0.3s ease-in;
}

.js-btn-rewind {
  margin-left: 15%;
  left: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='71.259' height='71.241' viewBox='0 0 71.259 71.241'%3e%3cg id='Group_42013' data-name='Group 42013' transform='translate(12227 -4490)'%3e%3cg id='refresh-svgrepo-com' transform='translate(-12227 4522.554) rotate(-40)'%3e%3cpath id='Path_79663' data-name='Path 79663' d='M47.647,36.826C41.576,49.456,25.7,54.048,13.328,47.594a2.066,2.066,0,1,1,1.934-3.651c10.333,5.379,23.521,1.541,28.62-8.926,6.764-13.891-1.965-24.483-9.04-28.4C25.212,1.266,13,4.814,7.163,13.926l7.168-1.5a2.087,2.087,0,0,1,.859,4.086L2.488,19.1A2.149,2.149,0,0,1,.016,16.729L1.63,3.924A2.007,2.007,0,0,1,3.678,2.094,2.2,2.2,0,0,1,5.725,4.566L5.1,9.789C11.042,2.466,22.72-3.781,36.9,2.735,42.91,5.838,56.708,18.012,47.647,36.826Z' transform='translate(0 0)'/%3e%3c/g%3e%3ctext id='_10' data-name='10' transform='translate(-12205 4536)' font-size='25' font-family='SegoeUI, Segoe UI'%3e%3ctspan x='0' y='0'%3e10%3c/tspan%3e%3c/text%3e%3c/g%3e%3c/svg%3e");
}

.js-btn-forward {
  margin-right: 15%;
  right: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='71.259' height='71.241' viewBox='0 0 71.259 71.241'%3e%3cg id='Group_42014' data-name='Group 42014' transform='translate(12110 -4490)'%3e%3cg id='refresh-svgrepo-com' transform='translate(-12071.649 4561.773) rotate(-140)'%3e%3cpath id='Path_79663' data-name='Path 79663' d='M47.647,14.37C41.576,1.741,25.7-2.851,13.328,3.6a2.066,2.066,0,1,0,1.934,3.651C25.6,1.875,38.783,5.713,43.882,16.18c6.764,13.891-1.965,24.482-9.04,28.4C25.213,49.93,13,46.382,7.164,37.27l7.168,1.5a2.087,2.087,0,0,0,.858-4.086L2.489,32.1A2.149,2.149,0,0,0,.017,34.467l1.614,12.8A2.007,2.007,0,0,0,3.678,49.1a2.2,2.2,0,0,0,2.048-2.472l-.621-5.223c5.937,7.323,17.615,13.57,31.8,7.054C42.91,45.358,56.708,33.184,47.647,14.37Z' transform='translate(0 0)'/%3e%3c/g%3e%3ctext id='_10' data-name='10' transform='translate(-12091 4536)' font-size='25' font-family='SegoeUI, Segoe UI'%3e%3ctspan x='0' y='0'%3e10%3c/tspan%3e%3c/text%3e%3c/g%3e%3c/svg%3e");
}

.plyr.plyr--playing .js-btn-forward,
.plyr.plyr--playing .js-btn-rewind {
  opacity: 1;
}
.plyr.plyr--paused .js-btn-forward,
.plyr.plyr--paused .js-btn-rewind, .plyr.plyr--hide-controls .js-btn-forward,
.plyr.plyr--hide-controls .js-btn-rewind {
  opacity: 0;
}

.ui-plyr-video-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 55.1%;
}
.ui-plyr-video-wrap .plyr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--video-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ui-plyr-video-wrap .plyr.plyr--paused.plyr--stopped > *:not(.plyr__control) {
  opacity: 0;
}

@media (min-width: 992px) {
  .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
    transform: translateY(-38.28125%) !important;
  }
}
.plyr__video-embed[style*="aspect-ratio: 1 / 1"] iframe, .plyr__video-embed[style*="aspect-ratio: 1 / 1"] video, .plyr__video-embed[style*="aspect-ratio: 1 / 2"] iframe, .plyr__video-embed[style*="aspect-ratio: 1 / 2"] video, .plyr__video-embed[style*="aspect-ratio: 2 / 2"] iframe, .plyr__video-embed[style*="aspect-ratio: 2 / 2"] video, .plyr__video-embed[style*="aspect-ratio: 2 / 3"] iframe, .plyr__video-embed[style*="aspect-ratio: 2 / 3"] video, .plyr__video-embed[style*="aspect-ratio: 3 / 3"] iframe, .plyr__video-embed[style*="aspect-ratio: 3 / 3"] video, .plyr__video-embed[style*="aspect-ratio: 2 / 4"] iframe, .plyr__video-embed[style*="aspect-ratio: 2 / 4"] video, .plyr__video-embed[style*="aspect-ratio: 3 / 4"] iframe, .plyr__video-embed[style*="aspect-ratio: 3 / 4"] video, .plyr__video-embed[style*="aspect-ratio: 4 / 4"] iframe, .plyr__video-embed[style*="aspect-ratio: 4 / 4"] video, .plyr__video-embed[style*="aspect-ratio: 2 / 5"] iframe, .plyr__video-embed[style*="aspect-ratio: 2 / 5"] video, .plyr__video-embed[style*="aspect-ratio: 3 / 5"] iframe, .plyr__video-embed[style*="aspect-ratio: 3 / 5"] video, .plyr__video-embed[style*="aspect-ratio: 4 / 5"] iframe, .plyr__video-embed[style*="aspect-ratio: 4 / 5"] video, .plyr__video-embed[style*="aspect-ratio: 2 / 6"] iframe, .plyr__video-embed[style*="aspect-ratio: 2 / 6"] video, .plyr__video-embed[style*="aspect-ratio: 3 / 6"] iframe, .plyr__video-embed[style*="aspect-ratio: 3 / 6"] video, .plyr__video-embed[style*="aspect-ratio: 4 / 6"] iframe, .plyr__video-embed[style*="aspect-ratio: 4 / 6"] video, .plyr__video-embed[style*="aspect-ratio: 5 / 6"] iframe, .plyr__video-embed[style*="aspect-ratio: 5 / 6"] video, .plyr__video-embed[style*="aspect-ratio: 3 / 7"] iframe, .plyr__video-embed[style*="aspect-ratio: 3 / 7"] video, .plyr__video-embed[style*="aspect-ratio: 4 / 7"] iframe, .plyr__video-embed[style*="aspect-ratio: 4 / 7"] video, .plyr__video-embed[style*="aspect-ratio: 5 / 7"] iframe, .plyr__video-embed[style*="aspect-ratio: 5 / 7"] video, .plyr__video-embed[style*="aspect-ratio: 6 / 7"] iframe, .plyr__video-embed[style*="aspect-ratio: 6 / 7"] video, .plyr__video-embed[style*="aspect-ratio: 3 / 8"] iframe, .plyr__video-embed[style*="aspect-ratio: 3 / 8"] video, .plyr__video-embed[style*="aspect-ratio: 4 / 8"] iframe, .plyr__video-embed[style*="aspect-ratio: 4 / 8"] video, .plyr__video-embed[style*="aspect-ratio: 5 / 8"] iframe, .plyr__video-embed[style*="aspect-ratio: 5 / 8"] video, .plyr__video-embed[style*="aspect-ratio: 6 / 8"] iframe, .plyr__video-embed[style*="aspect-ratio: 6 / 8"] video, .plyr__video-embed[style*="aspect-ratio: 7 / 8"] iframe, .plyr__video-embed[style*="aspect-ratio: 7 / 8"] video, .plyr__video-embed[style*="aspect-ratio: 5 / 9"] iframe, .plyr__video-embed[style*="aspect-ratio: 5 / 9"] video, .plyr__video-embed[style*="aspect-ratio: 6 / 9"] iframe, .plyr__video-embed[style*="aspect-ratio: 6 / 9"] video, .plyr__video-embed[style*="aspect-ratio: 7 / 9"] iframe, .plyr__video-embed[style*="aspect-ratio: 7 / 9"] video, .plyr__video-embed[style*="aspect-ratio: 8 / 9"] iframe, .plyr__video-embed[style*="aspect-ratio: 8 / 9"] video, .plyr__video-embed[style*="aspect-ratio: 9 / 9"] iframe, .plyr__video-embed[style*="aspect-ratio: 9 / 9"] video, .plyr__video-embed[style*="aspect-ratio: 5 / 10"] iframe, .plyr__video-embed[style*="aspect-ratio: 5 / 10"] video, .plyr__video-embed[style*="aspect-ratio: 6 / 10"] iframe, .plyr__video-embed[style*="aspect-ratio: 6 / 10"] video, .plyr__video-embed[style*="aspect-ratio: 7 / 10"] iframe, .plyr__video-embed[style*="aspect-ratio: 7 / 10"] video, .plyr__video-embed[style*="aspect-ratio: 8 / 10"] iframe, .plyr__video-embed[style*="aspect-ratio: 8 / 10"] video, .plyr__video-embed[style*="aspect-ratio: 9 / 10"] iframe, .plyr__video-embed[style*="aspect-ratio: 9 / 10"] video, .plyr__video-embed[style*="aspect-ratio: 5 / 11"] iframe, .plyr__video-embed[style*="aspect-ratio: 5 / 11"] video, .plyr__video-embed[style*="aspect-ratio: 6 / 11"] iframe, .plyr__video-embed[style*="aspect-ratio: 6 / 11"] video, .plyr__video-embed[style*="aspect-ratio: 7 / 11"] iframe, .plyr__video-embed[style*="aspect-ratio: 7 / 11"] video, .plyr__video-embed[style*="aspect-ratio: 8 / 11"] iframe, .plyr__video-embed[style*="aspect-ratio: 8 / 11"] video, .plyr__video-embed[style*="aspect-ratio: 9 / 11"] iframe, .plyr__video-embed[style*="aspect-ratio: 9 / 11"] video, .plyr__video-embed[style*="aspect-ratio: 5 / 12"] iframe, .plyr__video-embed[style*="aspect-ratio: 5 / 12"] video, .plyr__video-embed[style*="aspect-ratio: 6 / 12"] iframe, .plyr__video-embed[style*="aspect-ratio: 6 / 12"] video, .plyr__video-embed[style*="aspect-ratio: 7 / 12"] iframe, .plyr__video-embed[style*="aspect-ratio: 7 / 12"] video, .plyr__video-embed[style*="aspect-ratio: 8 / 12"] iframe, .plyr__video-embed[style*="aspect-ratio: 8 / 12"] video, .plyr__video-embed[style*="aspect-ratio: 9 / 12"] iframe, .plyr__video-embed[style*="aspect-ratio: 9 / 12"] video, .plyr__video-embed[style*="aspect-ratio: 5 / 13"] iframe, .plyr__video-embed[style*="aspect-ratio: 5 / 13"] video, .plyr__video-embed[style*="aspect-ratio: 6 / 13"] iframe, .plyr__video-embed[style*="aspect-ratio: 6 / 13"] video, .plyr__video-embed[style*="aspect-ratio: 7 / 13"] iframe, .plyr__video-embed[style*="aspect-ratio: 7 / 13"] video, .plyr__video-embed[style*="aspect-ratio: 8 / 13"] iframe, .plyr__video-embed[style*="aspect-ratio: 8 / 13"] video, .plyr__video-embed[style*="aspect-ratio: 9 / 13"] iframe, .plyr__video-embed[style*="aspect-ratio: 9 / 13"] video, .plyr__video-embed[style*="aspect-ratio: 5 / 14"] iframe, .plyr__video-embed[style*="aspect-ratio: 5 / 14"] video, .plyr__video-embed[style*="aspect-ratio: 6 / 14"] iframe, .plyr__video-embed[style*="aspect-ratio: 6 / 14"] video, .plyr__video-embed[style*="aspect-ratio: 7 / 14"] iframe, .plyr__video-embed[style*="aspect-ratio: 7 / 14"] video, .plyr__video-embed[style*="aspect-ratio: 8 / 14"] iframe, .plyr__video-embed[style*="aspect-ratio: 8 / 14"] video, .plyr__video-embed[style*="aspect-ratio: 9 / 14"] iframe, .plyr__video-embed[style*="aspect-ratio: 9 / 14"] video, .plyr__video-embed[style*="aspect-ratio: 6 / 15"] iframe, .plyr__video-embed[style*="aspect-ratio: 6 / 15"] video, .plyr__video-embed[style*="aspect-ratio: 7 / 15"] iframe, .plyr__video-embed[style*="aspect-ratio: 7 / 15"] video, .plyr__video-embed[style*="aspect-ratio: 8 / 15"] iframe, .plyr__video-embed[style*="aspect-ratio: 8 / 15"] video, .plyr__video-embed[style*="aspect-ratio: 9 / 15"] iframe, .plyr__video-embed[style*="aspect-ratio: 9 / 15"] video, .plyr__video-embed[style*="aspect-ratio: 6 / 16"] iframe, .plyr__video-embed[style*="aspect-ratio: 6 / 16"] video, .plyr__video-embed[style*="aspect-ratio: 7 / 16"] iframe, .plyr__video-embed[style*="aspect-ratio: 7 / 16"] video, .plyr__video-embed[style*="aspect-ratio: 8 / 16"] iframe, .plyr__video-embed[style*="aspect-ratio: 8 / 16"] video, .plyr__video-embed[style*="aspect-ratio: 9 / 16"] iframe, .plyr__video-embed[style*="aspect-ratio: 9 / 16"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 1 / 1"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 1 / 1"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 1 / 2"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 1 / 2"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 2 / 2"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 2 / 2"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 2 / 3"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 2 / 3"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 3 / 3"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 3 / 3"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 2 / 4"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 2 / 4"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 3 / 4"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 3 / 4"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 4 / 4"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 4 / 4"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 2 / 5"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 2 / 5"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 3 / 5"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 3 / 5"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 4 / 5"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 4 / 5"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 2 / 6"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 2 / 6"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 3 / 6"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 3 / 6"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 4 / 6"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 4 / 6"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 6"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 6"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 3 / 7"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 3 / 7"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 4 / 7"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 4 / 7"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 7"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 7"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 7"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 7"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 3 / 8"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 3 / 8"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 4 / 8"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 4 / 8"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 8"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 8"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 8"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 8"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 8"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 8"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 9"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 9"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 9"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 9"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 9"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 9"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 9"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 9"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 9"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 9"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 10"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 10"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 10"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 10"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 10"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 10"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 10"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 10"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 10"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 10"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 11"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 11"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 11"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 11"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 11"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 11"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 11"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 11"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 11"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 11"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 12"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 12"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 12"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 12"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 12"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 12"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 12"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 12"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 12"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 12"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 13"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 13"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 13"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 13"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 13"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 13"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 13"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 13"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 13"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 13"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 14"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 5 / 14"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 14"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 14"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 14"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 14"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 14"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 14"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 14"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 14"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 15"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 15"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 15"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 15"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 15"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 15"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 15"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 15"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 16"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 6 / 16"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 16"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 7 / 16"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 16"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 8 / 16"] video, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 16"] iframe, .plyr__video-wrapper--fixed-ratio[style*="aspect-ratio: 9 / 16"] video {
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto !important;
  min-height: 100%;
  margin: auto;
}

.ui-share-course .modal-content {
  border-radius: 15px;
  padding-left: 24px;
  padding-right: 24px;
}
.ui-share-course .modal-content .modal-header img.close {
  cursor: pointer;
}
.ui-share-course .modal-content .modal-header.ui-header-modal {
  padding-left: 0;
  padding-right: 0;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 11px;
  border-bottom: 1px solid #E0E0E0 !important;
}
.ui-share-course .modal-content .modal-header.ui-header-modal h5.modal-title {
  font-size: 20px;
  font-weight: 600;
  color: #1F1F1F;
}
.ui-share-course .modal-content .modal-body {
  padding-top: 19px !important;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 28px;
}
.ui-share-course .modal-content .modal-body h5.ui-share-link {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 24px;
  color: #1F1F1F;
}
.ui-share-course .modal-content .modal-body .ui-social-media {
  margin-bottom: 28px;
  padding-top: 10px;
}
.ui-share-course .modal-content .modal-body .ui-social-media a {
  position: relative;
  text-decoration: none;
  margin-right: 20px;
}
@media (max-width: 500px) {
  .ui-share-course .modal-content .modal-body .ui-social-media a {
    margin-right: 10px;
  }
}
.ui-share-course .modal-content .modal-body .ui-social-media a :last-child {
  margin-right: 0;
}
.ui-share-course .modal-content .modal-body .ui-social-media a img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}
.ui-share-course .modal-content .modal-body .ui-social-media a img:hover {
  border: 1px solid #1A76F2;
  transform: translateY(-4px);
}
.ui-share-course .modal-content .modal-body .ui-copy-link .ui-subscribe-input > input {
  min-height: 50px;
  color: #000000;
  background-color: #F4F4F4;
}
.ui-share-course .modal-content .modal-body .ui-copy-link .ui-copy-text {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 19px;
  color: #1F1F1F;
}

span.custom-tooltip {
  background-color: black;
  color: white;
  font-size: 13px;
  padding: 4px 12px;
  border-radius: 14px;
  position: absolute;
  top: -49px;
  right: 0;
}

span.custom-tooltip:after {
  content: "";
  background-color: black;
  width: 8px;
  height: 8px;
  display: block;
  margin: 0 auto -8px auto;
  transform: rotate(45deg);
  left: 0;
  right: 0;
}

.ui-listening-bnr ~ .ui-start-studying-sec,
.ui-listening-bnr ~ .container,
.ui-listening-bnr,
.ui-listening-bnr ~ .ui-feel-free-doubts,
.ui-listening-bnr ~ .ui-exam-result-help {
  --pagecolor: #199951;
}

.ui-reading-bnr ~ .ui-start-studying-sec,
.ui-reading-bnr,
.ui-reading-bnr ~ .container,
.ui-reading-bnr ~ .ui-feel-free-doubts,
.ui-reading-bnr ~ .ui-exam-result-help {
  --pagecolor: #7419E8;
}

.ui-speaking-bnr ~ .ui-start-studying-sec,
.ui-speaking-bnr,
.ui-speaking-bnr ~ .container,
.ui-speaking-bnr ~ .ui-feel-free-doubts,
.ui-speaking-bnr ~ .ui-exam-result-help {
  --pagecolor: #E7B611;
}

.ui-writing-bnr ~ .ui-start-studying-sec,
.ui-writing-bnr,
.ui-writing-bnr ~ .container,
.ui-writing-bnr ~ .ui-feel-free-doubts,
.ui-writing-bnr ~ .ui-exam-result-help {
  --pagecolor: #0C57D1;
}

.ui-multiple-bnr ~ .ui-start-studying-sec,
.ui-multiple-bnr,
.ui-multiple-bnr ~ .container,
.ui-multiple-bnr ~ .ui-feel-free-doubts,
.ui-multiple-bnr ~ .ui-exam-result-help {
  --pagecolor: #0C57D1;
}

.ui-btn-pagecolor,
.ui-help-popup-btn {
  background-color: var(--pagecolor) !important;
  border-color: var(--pagecolor) !important;
}
.ui-btn-pagecolor:before,
.ui-help-popup-btn:before {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.ui-btn-pagecolor:hover,
.ui-help-popup-btn:hover {
  border-color: var(--pagecolor) !important;
}

.ui-help-popup .ui-help-popup-header {
  background-color: var(--pagecolor) !important;
}
.ui-help-popup .ui-help-popup-body .ui-help-contact-icon svg {
  color: var(--pagecolor) !important;
}
.ui-help-popup .ui-help-popup-body .ui-help-contact-item:hover span {
  color: var(--pagecolor) !important;
}

@media (max-width: 575.9px) {
  .ui-feel-free-doubts {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .ui-feel-free-doubts .modal-header .close {
    opacity: 1 !important;
  }
}
.plyr--video {
  background: none !important;
}

.ui-star-rating-strip p:first-child {
  padding-left: 0;
  border-color: none;
}

@media (max-width: 576px) {
  .ui-star-rating-strip {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .sec5 .header-category .categories {
    grid-template-columns: 2fr !important;
  }
}
@media (min-width: 992px) {
  .ui-banner-package .ui-btn-primary {
    background-color: var(--pagecolor);
    border-color: var(--pagecolor);
  }
  .ui-banner-package .ui-btn-primary:before {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .ui-banner-package .ui-btn-primary:hover {
    border-color: var(--pagecolor) !important;
  }
}
@media (max-width: 670px) {
  .ui-exam-result-help {
    bottom: 95px;
  }
}
.dropup .dropdown-menu.ui-dropdown-menu {
  background-color: #ffffff;
}
.dropup .dropdown-menu.ui-dropdown-menu li {
  text-align: center;
}
.dropup .dropdown-menu.ui-dropdown-menu li a {
  color: #000000;
  font-weight: bolder;
  text-decoration: none;
}

ul.ui-banner-tabs {
  background-color: #EDEDED;
  border-radius: 3px;
  margin-bottom: 13px;
}
ul.ui-banner-tabs li a.nav-link.active {
  background-color: none !important;
  border-bottom: 2px solid #14864D !important;
}
ul.ui-banner-tabs li a.nav-link {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  padding: 0.4rem 0.8rem;
}

.ui-listening {
  --svgicon-color: #199950;
}
.ui-listening .ui-course-card .card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  padding: 20px 20px;
  background-color: #DCF7E4;
}
.ui-listening .ui-course-card .card .card-header a {
  padding: 0;
  font-size: 19px;
  color: #199950;
  font-weight: 700;
  font-family: "Nunito Sans", sans-serif;
}
.ui-listening .ui-course-card {
  margin-bottom: 20px;
}
.ui-listening .ui-course-card .card {
  background-color: #DCF7E4;
  border-radius: 6px;
  border: none;
}
.ui-listening .ui-course-card .card .card-body {
  padding-top: 0;
  padding-left: 21px;
  padding-right: 20px;
  padding-bottom: 6px;
}
.ui-listening .ui-course-card .card .card-body .ui-course-included {
  display: flex;
  padding-bottom: 20px;
}
.ui-listening .ui-course-card .card .card-body .ui-course-included .ui-course-about {
  padding-left: 15px;
}
.ui-listening .ui-course-card .card .card-body .ui-course-included .ui-course-about p.ui-tests {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  margin-bottom: 0;
}
.ui-listening .ui-course-card .card .card-body .ui-course-included .ui-course-about p.ui-test-detail {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #818181;
  margin-bottom: 0;
}

.ui-reading {
  --svgicon-color: #7419E8;
}
.ui-reading .ui-course-card .card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  padding: 20px 20px;
  background-color: #F3EAFF;
}
.ui-reading .ui-course-card .card .card-header a {
  padding: 0;
  font-size: 19px;
  color: #7419E8;
  font-weight: 700;
  font-family: "Nunito Sans", sans-serif;
}
.ui-reading .ui-course-card {
  margin-bottom: 20px;
}
.ui-reading .ui-course-card .card {
  background-color: #F3EAFF;
  border-radius: 6px;
  border: none;
}
.ui-reading .ui-course-card .card .card-body {
  padding-top: 0;
  padding-left: 21px;
  padding-right: 20px;
  padding-bottom: 6px;
}
.ui-reading .ui-course-card .card .card-body .ui-course-included {
  display: flex;
  padding-bottom: 20px;
}
.ui-reading .ui-course-card .card .card-body .ui-course-included .ui-course-about {
  padding-left: 15px;
}
.ui-reading .ui-course-card .card .card-body .ui-course-included .ui-course-about p.ui-tests {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  margin-bottom: 0;
}
.ui-reading .ui-course-card .card .card-body .ui-course-included .ui-course-about p.ui-test-detail {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #818181;
  margin-bottom: 0;
}

.ui-speaking {
  --svgicon-color: #FECD00;
}
.ui-speaking .ui-course-card .card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  padding: 20px 20px;
  background-color: #FFF6D8;
}
.ui-speaking .ui-course-card .card .card-header a {
  padding: 0;
  font-size: 19px;
  color: #FECD00;
  font-weight: 700;
  font-family: "Nunito Sans", sans-serif;
}
.ui-speaking .ui-course-card {
  margin-bottom: 20px;
}
.ui-speaking .ui-course-card .card {
  background-color: #FFF6D8;
  border-radius: 6px;
  border: none;
}
.ui-speaking .ui-course-card .card .card-body {
  padding-top: 0;
  padding-left: 21px;
  padding-right: 20px;
  padding-bottom: 6px;
}
.ui-speaking .ui-course-card .card .card-body .ui-course-included {
  display: flex;
  padding-bottom: 20px;
}
.ui-speaking .ui-course-card .card .card-body .ui-course-included .ui-course-about {
  padding-left: 15px;
}
.ui-speaking .ui-course-card .card .card-body .ui-course-included .ui-course-about p.ui-tests {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  margin-bottom: 0;
}
.ui-speaking .ui-course-card .card .card-body .ui-course-included .ui-course-about p.ui-test-detail {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #818181;
  margin-bottom: 0;
}

.ui-writing {
  --svgicon-color: #4D9DEF;
}
.ui-writing .ui-course-card .card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  padding: 20px 20px;
  background-color: #E8F3FF;
}
.ui-writing .ui-course-card .card .card-header a {
  padding: 0;
  font-size: 19px;
  color: #4D9DEF;
  font-weight: 700;
  font-family: "Nunito Sans", sans-serif;
}
.ui-writing .ui-course-card {
  margin-bottom: 20px;
}
.ui-writing .ui-course-card .card {
  background-color: #E8F3FF;
  border-radius: 6px;
  border: none;
}
.ui-writing .ui-course-card .card .card-body {
  padding-top: 0;
  padding-left: 21px;
  padding-right: 20px;
  padding-bottom: 6px;
}
.ui-writing .ui-course-card .card .card-body .ui-course-included {
  display: flex;
  padding-bottom: 20px;
}
.ui-writing .ui-course-card .card .card-body .ui-course-included .ui-course-about {
  padding-left: 15px;
}
.ui-writing .ui-course-card .card .card-body .ui-course-included .ui-course-about p.ui-tests {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  margin-bottom: 0;
}
.ui-writing .ui-course-card .card .card-body .ui-course-included .ui-course-about p.ui-test-detail {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #818181;
  margin-bottom: 0;
}

.test-result-list {
  border: 1px solid #D9DCDF;
  border-radius: 3px;
  background-color: white;
}

@media (max-width: 767px) {
  .ui-table-accordion .card-body {
    padding: 0 !important;
  }

  .sec5 .swiper-slide {
    width: 300px !important;
  }

  .sec5 .swiper-slide:nth-child(1) {
    margin-left: 0 !important;
  }

  .sec5 .swiper-slide:last-child {
    margin-right: 0 !important;
  }
}
@media (max-width: 767px) {
  .ui-table-accordion .ui-course-table-btn-wrp {
    padding-top: 15px;
  }
}

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9 !important;
}

.ui-start-studying-sec .ui-btn-primary {
  background-color: var(--pagecolor);
  border-color: var(--pagecolor);
}
.ui-start-studying-sec .ui-btn-primary:before {
  background-color: rgba(255, 255, 255, 0.15);
}
.ui-start-studying-sec .ui-btn-primary:hover {
  border-color: var(--pagecolor) !important;
}
@media (max-width: 379.9px) {
  .ui-start-studying-sec .ui-btn-primary span {
    font-size: 12px;
  }
}

.ui-share-mb20 {
  margin-bottom: 20px;
}

.ui-copy-link.js-copy-el.copy-tooltip-show {
  position: relative;
}
.ui-copy-link.js-copy-el.copy-tooltip-show span.copy-tooltip {
  display: block !important;
}

span.copy-tooltip {
  background-color: black;
  color: white;
  font-size: 13px;
  padding: 4px 12px;
  border-radius: 14px;
  position: absolute;
  top: 1px;
  right: 165px;
}

span.copy-tooltip:after {
  content: "";
  background-color: black;
  width: 8px;
  height: 8px;
  display: block;
  margin: 0 auto -8px auto;
  transform: rotate(45deg);
  left: 0;
  right: 0;
}

.ui-course-type-list li, .ui-tag-list-color li {
  font-size: 11px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.sec5 {
  background-repeat: no-repeat;
  background-size: cover 100%;
  min-height: 70vh;
}

.sec5 .header-category {
  padding: 0px 0 10px 0;
}

.sec5 .header-category h2 {
  font-size: 30px;
  text-align: center;
}

.sec5 .header-category .categories {
  display: grid;
  grid-template-columns: 2fr 2fr;
  flex-wrap: wrap;
  gap: 10px;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .sec5 .header-category .categories {
    grid-template-columns: 3fr 3fr;
  }
}
@media (max-width: 576px) {
  .sec5 .header-category .categories {
    grid-template-columns: 2fr;
  }
}

.sec5 a, .sec5 a:visited, .sec5 a:active, .sec5 a:target, .sec5 a:focus .sec5 a:hover {
  text-decoration: none !important;
  color: inherit;
}

.sec5 .header-category .categories .cards {
  text-align: center;
  padding: 30px 15px 15px 15px;
  overflow: hidden;
  position: relative;
  display: block;
  color: inherit;
  background-color: #ffffff;
  border-radius: 15px;
  border-bottom: 5px solid #ffffff;
  box-shadow: 1px -1px 6px 1px #c3ccc9;
  margin: 5px;
  width: 75%;
}

.sec5 .header-category .ui-category-listening:hover {
  border-bottom: 5px solid #229550;
}

.sec5 .header-category .ui-category-reading:hover {
  border-bottom: 5px solid #7219e5;
}

.sec5 .header-category .ui-category-writing:hover {
  border-bottom: 5px solid #185efc;
}

.sec5 .header-category .ui-category-speaking:hover {
  border-bottom: 5px solid #bca440;
}

.sec5 .header-category .categories .cards .ui-img {
  position: relative;
  width: 100%;
  padding-bottom: 40%;
  display: flex;
}

.sec5 .header-category .categories .cards .ui-img img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

.sec5 .container {
  padding-top: 5%;
  padding-bottom: 5%;
}

.skill-test .circle {
  width: 40%;
  position: absolute;
  z-index: -1;
  left: 0;
}
.skill-test .skill-img {
  width: 70%;
}
@media (min-width: 1500px) {
  .skill-test .skill-img {
    width: 60%;
  }
}
.skill-test hr {
  width: 95%;
  border: 1px solid #cec4c4;
}

.skill-title {
  box-shadow: 1px 0px 6px 1px #c3ccc9;
}
.skill-title h2 {
  font-size: 42px;
  margin-top: 20%;
  margin-left: 8%;
  color: #0C57D1;
  line-height: 1.5;
  font-weight: 800;
}
@media (max-width: 767px) {
  .skill-title h2 {
    text-align: center;
    font-size: 34px;
    margin-top: 13%;
    margin-left: 0;
  }
}
@media (max-width: 992px) {
  .skill-title h2 {
    font-size: 30px !important;
  }
}
@media (min-width: 1400px) {
  .skill-title h2 {
    font-size: 52px;
    margin-top: 20%;
  }
}
@media (max-width: 1024px) {
  .skill-title h2 {
    font-size: 40px;
  }
  .skill-title h2 .skill-img {
    width: 75%;
  }
}
.skill-title h3 {
  margin-left: 8%;
  margin-top: 20px;
  font-size: 24px;
}
@media (max-width: 767px) {
  .skill-title h3 {
    font-size: 18px;
    text-align: center;
    margin-left: 0;
  }
}

.skill-category .categories {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 576px) {
  .skill-category .categories {
    grid-template-columns: 1fr;
  }
}
.skill-category .categories img {
  width: 90%;
}
.skill-category .categories img:hover {
  transform: scale(1.1);
}
.skill-category .categories h3 {
  font-size: 20px;
  color: #0C57D1;
}

.skill-type h2 {
  color: #0C57D1;
  font-size: 30px;
  font-weight: 800;
}
@media (max-width: 576px) {
  .skill-type h2 {
    font-size: 24px;
  }
}
.skill-type p {
  font-family: "Roboto", sans-serif;
}
@media (max-width: 576px) {
  .skill-type p {
    font-size: 14px;
    width: 100%;
    text-align: justify;
  }
}

.trial-test, .full-test {
  width: 80%;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .trial-test, .full-test {
    flex-direction: column-reverse;
    text-align: center;
  }
}

.ui-footer {
  background-color: #0C57D1;
  color: #fff;
}