.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: #fff;
  background-color: #FF5757;
}
@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='%23004AAD'/%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: #fff;
  background-color: #FF5757;
}
@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: #fff;
  background-color: #FF5757;
}
@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: #fff;
  background-color: #FF5757;
}
@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: #004AAD;
  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='%2327a4da'/%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 #004AAD !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: #004AAD;
}
.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;
}

input[type=checkbox] {
  -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='16' height='16' viewBox='0 0 16 16'%3e%3cg id='Rectangle_16503' data-name='Rectangle 16503' fill='none' stroke='%230c57d1' stroke-width='1.5'%3e%3crect width='16' height='16' rx='3' stroke='none'/%3e%3crect x='0.75' y='0.75' width='14.5' height='14.5' rx='2.25' fill='none'/%3e%3c/g%3e%3c/svg%3e ");
  background-position: center;
  background-size: contain;
  display: inline-block;
  height: 14px;
  width: 14px;
  transition: all 0.3s ease-in;
}
input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3e%3cg id='Group_12850' data-name='Group 12850' transform='translate(-871 -1056)'%3e%3cg id='Rectangle_14789' data-name='Rectangle 14789' transform='translate(871 1056)' fill='%230c57d1' stroke='%230c57d1' stroke-width='1.5'%3e%3crect width='14' height='14' rx='3' stroke='none'/%3e%3crect x='0.75' y='0.75' width='12.5' height='12.5' rx='2.25' fill='none'/%3e%3c/g%3e%3cpath id='Path_65138' data-name='Path 65138' d='M5172.87,7954.382l2.016,2.132,4.188-4.153' transform='translate(-4298.106 -6891.438)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3e%3c/g%3e%3c/svg%3e ");
}

.ui-explore-course-sec .ui-explore-the-course-wrap {
  width: 100%;
  border-radius: 5px;
}
.ui-explore-course-sec .ui-explore-the-course-wrap label, .ui-explore-course-sec .ui-explore-the-course-wrap p {
  font-size: var(--ft18);
}
.ui-explore-course-sec .ui-explore-the-course-wrap input[type=text], .ui-explore-course-sec .ui-explore-the-course-wrap select {
  border-color: #E4EDF8;
  height: 50px;
  width: 100%;
}
.ui-explore-course-sec .ui-explore-the-course-wrap select {
  -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='11' height='6' viewBox='0 0 11 6'%3e%3cpath id='Polygon_6' data-name='Polygon 6' d='M5.5,0,11,6H0Z' transform='translate(11 6) rotate(180)' fill='%23bdbdbd'/%3e%3c/svg%3e ");
  background-position: center right 10px;
  background-repeat: no-repeat;
  padding-right: 23px;
}
.ui-explore-course-sec .ui-explore-the-course-wrap input[type=checkbox] {
  height: var(--ft18);
  width: var(--ft18);
  margin-right: 10px;
  border: none;
}
@media (min-width: 1360px) {
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-group {
    width: 100%;
    max-width: 240px;
  }
}
@media (min-width: 1200px) and (max-width: 1359.9px) {
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-group {
    width: 100%;
    max-width: 187px;
  }
}
@media (min-width: 768px) and (max-width: 1199.9px) {
  .ui-explore-course-sec .ui-explore-the-course-wrap .form-inline {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-group {
    width: 100%;
    max-width: 33.333%;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .ui-explore-course-sec .ui-explore-the-course-wrap p.ui-form-item {
    width: 100%;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-bottom: 8px;
  }
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-item.form-check {
    margin-top: 10px;
    padding-left: 0.5rem !important;
    padding-right: 2rem !important;
  }
}
@media (max-width: 991px) {
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-item.form-check {
    padding-right: 52px !important;
  }
}
@media (max-width: 767.9px) {
  .ui-explore-course-sec .ui-explore-the-course-wrap .form-inline {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-item {
    color: #000;
    font-size: 16px !important;
    width: 100%;
    padding-left: 0rem !important;
    padding-right: 0.5rem !important;
    padding-bottom: 8px;
  }
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-item.form-check {
    max-width: 50%;
    flex: 0 0 50%;
    margin-right: 0px;
    justify-content: flex-start;
    padding-right: 0 !important;
  }
}
@media (max-width: 400px) {
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-item.form-check {
    max-width: 100%;
    flex: 0 0 100%;
    margin-right: 0px;
    justify-content: flex-start;
  }
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-item.form-check:nth-last-of-type(1) {
    padding-bottom: 0px;
    margin-bottom: 0px !important;
  }
}

.ui-form-item .select2-selection {
  border-color: #E4EDF8 !important;
  height: 50px !important;
  width: 100%;
  padding: 10px;
}
.ui-form-item .select2-selection .select2-selection__arrow {
  padding: 10px;
  height: 48px !important;
  width: 33px !important;
}
.ui-form-item .select2-selection .select2-selection__arrow b {
  border-color: #bdbdbd transparent transparent transparent !important;
  border-width: 5px 5px 0 5px !important;
}

body.js-ui-select-check-box .select2-dropdown {
  border-color: #EBEBEB;
  margin-top: 6px;
  border-radius: 3px;
  padding-top: 6px;
  padding-bottom: 6px;
}
body.js-ui-select-check-box .select2-results .select2-results__option:not([aria-live=assertive]) {
  color: #1F1F1F !important;
  font-size: var(--ft15);
  font-weight: 600;
  font-family: "Nunito Sans", sans-serif;
  padding-left: 18px !important;
  padding-right: 18px !important;
}
body.js-ui-select-check-box .select2-results .select2-results__option:not([aria-live=assertive]):before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 2px solid #004AAD;
  display: inline-block;
  margin-right: 8px;
}
body.js-ui-select-check-box .select2-results .select2-results__option:not([aria-live=assertive])[aria-selected=true] {
  background-color: #fff;
}
body.js-ui-select-check-box .select2-results .select2-results__option:not([aria-live=assertive])[aria-selected=true]:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3e%3cg id='Group_12850' data-name='Group 12850' transform='translate(-871 -1056)'%3e%3cg id='Rectangle_14789' data-name='Rectangle 14789' transform='translate(871 1056)' fill='%230c57d1' stroke='%230c57d1' stroke-width='1.5'%3e%3crect width='14' height='14' rx='3' stroke='none'/%3e%3crect x='0.75' y='0.75' width='12.5' height='12.5' rx='2.25' fill='none'/%3e%3c/g%3e%3cpath id='Path_65138' data-name='Path 65138' d='M5172.87,7954.382l2.016,2.132,4.188-4.153' transform='translate(-4298.106 -6891.438)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3e%3c/g%3e%3c/svg%3e ");
  border: none !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
body.js-ui-select-check-box .select2-results .select2-results__option:not([aria-live=assertive]).select2-results__option--highlighted {
  background-color: #F7FAFF !important;
  color: #1F1F1F !important;
}

.ui-select2-select[multiple] + .select2 .select2-selection__choice {
  padding: 0;
  margin-right: 0px;
  border: none;
  background-color: transparent;
}
.ui-select2-select[multiple] + .select2 .select2-selection__choice:not(:nth-of-type(1)):before {
  content: ", ";
}
.ui-select2-select[multiple] + .select2 .select2-selection__choice__remove {
  display: none !important;
  border: none;
  background-color: transparent;
}
.ui-select2-select[multiple] + .select2 .select2-selection {
  padding: 6px 23px 6px 10px;
  background-position: center right 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3e%3cpath id='Polygon_6' data-name='Polygon 6' d='M5.5,0,11,6H0Z' transform='translate(11 6) rotate(180)' fill='%23bdbdbd'/%3e%3c/svg%3e ");
  border: 1px solid #DBDEE1 !important;
}
.ui-select2-select[multiple] + .select2 .select2-selection ul {
  max-width: 100%;
  max-height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex-wrap: nowrap;
}

@media (max-width: 991.9px) {
  .select2-results__options li {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width: 575.9px) {
  .select2.select2-container {
    max-width: 100% !important;
  }
  .ui-explore-course-sec {
    overflow: hidden;
    width: 100%;
  }
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-item.ui-form-group {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-item.ui-form-group .select2.select2-container {
    width: 100% !important;
  }
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-item.mr-2 {
    padding-left: 0;
  }
  .ui-explore-course-sec .ui-explore-the-course-wrap .ui-form-item.form-check {
    padding-left: 8px !important;
  }
}
.avatar {
  margin-top: 7px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 100%;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.image {
  background: rgba(0, 0, 0, 0.05);
  width: 100%;
  height: 100%;
}

.line {
  display: inline-block;
  height: 20px;
  margin-top: 7px;
  margin-bottom: 7px;
  width: 100%;
  background-color: #f6f7f9;
  max-width: 100%;
  min-width: 40px;
}

.line--trunc {
  width: auto;
}

.shimmer {
  background-image: linear-gradient(90deg, #f6f7f9 0, #e9ebee 20%, #f6f7f9 40%, #f6f7f9);
  background-size: 99% 100%;
  background-repeat: no-repeat;
  animation: shimmer 1s linear 1ms infinite backwards;
  list-style: none;
}

@keyframes shimmer {
  0% {
    background-position: 500% 100%;
  }
  100% {
    background-position: 10000% 100%;
  }
}
.ui-shimmer ul {
  list-style: none;
}
.ui-shimmer .ui-courses-tag-list li:before {
  display: none !important;
}

.ui-tag-list-color .shimmer {
  width: auto !important;
}

.ui-ser-img-wrap .image {
  position: absolute;
}

.ui-tag-list-color li {
  font-size: 11px;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .ui-tag-list-color li {
    content-visibility: hidden;
  }
}

.ui-h5 {
  font-size: 14px;
}

.ui-courses-tag-list {
  font-size: 10px;
  font-weight: 500;
}

.ui-sec-mob {
  display: none;
}
@media (max-width: 575px) {
  .ui-sec-mob {
    display: block;
  }
  .ui-sec-mob .form-inline {
    flex-wrap: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none;
  }
  .ui-sec-mob .dropdown button {
    background: none;
    color: #6e6e6e;
    border: none;
  }
  .ui-sec-mob .dropdown-menu {
    z-index: 111 !important;
  }
}

.ui-interest-selection {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 50px;
  line-height: 1;
}
@media (max-width: 575px) {
  .ui-interest-selection {
    margin-bottom: 0;
    display: none;
  }
}
.ui-interest-selection .ui-interest-wrap {
  padding: 49px 0 40px 0;
}
.ui-interest-selection .form-check-label {
  font-size: 14px;
  color: #7a6b6b;
}

.course-list {
  display: grid;
  grid-template-columns: 0.5fr 2fr;
  padding: 2% 6%;
}
@media (max-width: 575px) {
  .course-list {
    grid-template-columns: 1fr;
  }
}

.ui-spoken-english {
  padding-bottom: var(--res20) !important;
}
.ui-spoken-english .ui-head {
  text-align: end;
}
.ui-spoken-english .ui-head h2 {
  color: #1F1F1F;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  margin: 0;
}
@media (max-width: 575px) {
  .ui-spoken-english .ui-head h2 {
    font-size: 12px;
  }
}
.ui-spoken-english .ui-custom-row {
  margin-right: -9px;
  margin-left: -9px;
}
.ui-spoken-english .ui-custom-row .ui-custom-col {
  padding-left: 9px;
  padding-right: 9px;
  padding-bottom: 30px;
}
.ui-spoken-english .ui-custom-row .ui-custom-col .ui-ser-img-wrap {
  padding-bottom: 65%;
}
.ui-spoken-english .ui-custom-row .ui-custom-col .ui-courses-content {
  margin-bottom: 6px;
}
.ui-spoken-english .ui-mb40 {
  margin-bottom: var(--res40);
}
.ui-spoken-english .ui-mb40 .ui-courses-tag-list {
  margin-bottom: 0;
}

.ui-pb30 {
  padding-bottom: var(--res30);
}

@media (max-width: 991px) {
  .ui-search-result-filter {
    background-color: white !important;
    z-index: 1000000;
    border-top: 1px solid #D9DCDF;
    top: 70px;
  }
  .ui-search-result-filter.ui-interest-selection .ui-interest-wrap {
    padding: 25px 0 25px 0 !important;
  }
  .ui-search-result-filter .ui-btn-primary {
    min-height: 45px;
  }
  .ui-spoken-english .ui-mb40 .ui-courses-tag-list {
    margin-bottom: 20px;
  }
  .ui-search-result-filter {
    position: fixed;
    z-index: 1000;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
  }
  .ui-search-result-filter.ui-show-sec {
    opacity: 1;
    pointer-events: all;
  }
  .ui-our-trinding.ui-sec.ui-spoken-english {
    padding-top: var(--res65) !important;
  }
}
.ui-our-trinding.ui-sec.ui-spoken-english {
  min-height: calc(100vh - 574px);
}
@media (max-width: 991.9px) {
  .ui-our-trinding.ui-sec.ui-spoken-english {
    min-height: calc(100vh - 550px);
  }
}

@media (max-width: 575.9px) {
  .ui-copy-right-wrap span {
    padding-bottom: 0 !important;
  }
  article {
    text-align: center;
  }
  article h2 {
    font-size: 20px;
  }
  article .download {
    padding: 5px !important;
  }
  article .download img {
    width: 80px;
  }
}
.select2-selection.select2-selection--multiple {
  cursor: pointer !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6'%3e%3cpath id='Polygon_6' data-name='Polygon 6' d='M5.5,0,11,6H0Z' transform='translate(0 0)' fill='%23bdbdbd'/%3e%3c/svg%3e") !important;
}

.form-check-input {
  cursor: pointer !important;
}

.course-banner {
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: #004AAD;
  background-position: bottom 0px left 10px;
}
.course-banner h2 {
  font-family: Inter;
  font-size: 52.41px;
  font-weight: 600;
  line-height: 55.17px;
  text-align: center;
}
.course-banner h6 {
  font-family: Inter;
  font-size: 29.75px;
  font-weight: 300;
  line-height: 28.48px;
  text-align: center;
}
.course-banner p {
  font-family: Inter;
  font-size: 12px;
  margin: 10px;
  font-weight: 600;
}

@media (max-width: 992px) {
  .course-banner {
    background-image: none;
  }
  .course-banner h2 {
    font-size: 20px !important;
    line-height: 34px;
  }
  h6 {
    font-size: 14.75px !important;
    line-height: 2.48px !important;
    margin-top: 10px;
  }
}
@media (max-width: 575.9px) {
  .course-banner {
    padding-top: 15px;
  }
  .course-banner .ui-content {
    padding: 0px 0px 15px 0;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  .course-banner {
    background-position: bottom 0px left -210px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .course-banner {
    background-position: bottom 0px left -68px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1600px) {
  .course-banner {
    background-position: bottom 0px left 60px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .course-banner {
    background-position: bottom 0px left 150px;
  }
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
  .course-banner {
    background-position: bottom 0px left 200px;
  }
}
@media only screen and (min-width: 1800px) and (max-width: 1900px) {
  .course-banner {
    background-position: bottom 0px left 250px;
  }
}
@media only screen and (min-width: 1900px) and (max-width: 2000px) {
  .course-banner {
    background-position: bottom 0px left 250px;
  }
}
@media only screen and (min-width: 2000px) and (max-width: 2200px) {
  .course-banner {
    background-position: bottom 0px left 250px;
  }
}
@media only screen and (min-width: 2200px) {
  .course-banner {
    background-position: bottom 0px left 350px;
  }
}