*,ul{
  padding:0;
  margin:0
}
#perticles-bg,.preloader{
  height:100%;
  top:0;
  width:100%
}
#scroll-top,.after-none::after,.before-after-none::after,.before-after-none::before,.before-none::before{
  display:none!important
}
.info--box-2:hover::after,div.datedropper .picker ul.pick:hover .pick-arw{
  opacity:1
}
*,h1,h2,h3,h4,h5,h6,p,ul{
  margin:0
}
.before-price,[class$="-legend"] li.hidden{
  text-decoration:line-through
}
.course-card,.course-card img,.main-menu>ul>li .dropdown-menu-item>li .menu-banner img,.video-box img{
  object-fit:cover
}
@keyframes rotate{
  100%{
      transform:rotate(360deg)
  }
}
@keyframes dash{
  0%{
      stroke-dasharray:1,150;
      stroke-dashoffset:0
  }
  50%{
      stroke-dasharray:90,150;
      stroke-dashoffset:-35
  }
  100%{
      stroke-dasharray:90,150;
      stroke-dashoffset:-124
  }
}
@-webkit-keyframes dot-move{
  to{
      -webkit-transform:translateX(88px)
  }
  from{
      -webkit-transform:translateX(0);
      -ms-transform:translateX(0);
      transform:translateX(0)
  }
  to{
      -ms-transform:translateX(88px);
      transform:translateX(88px)
  }
}
@keyframes dot-move{
  from{
      -webkit-transform:translateX(0);
      transform:translateX(0)
  }
  to{
      -webkit-transform:translateX(88px);
      transform:translateX(88px)
  }
}
@-webkit-keyframes dot-move2{
  to{
      -webkit-transform:translateX(48px)
  }
  from{
      -webkit-transform:translateX(0);
      -ms-transform:translateX(0);
      transform:translateX(0)
  }
  to{
      -ms-transform:translateX(48px);
      transform:translateX(48px)
  }
}
@keyframes dot-move2{
  from{
      -webkit-transform:translateX(0);
      transform:translateX(0)
  }
  to{
      -webkit-transform:translateX(48px);
      transform:translateX(48px)
  }
}
@-webkit-keyframes play-button-pulse{
  0%{
      -webkit-transform:scale(.5);
      -moz-transform:scale(.5);
      -ms-transform:scale(.5);
      -o-transform:scale(.5);
      transform:scale(.5);
      opacity:0
  }
  50%{
      opacity:1
  }
  100%{
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
      opacity:0
  }
}
@-moz-keyframes play-button-pulse{
  0%{
      -webkit-transform:scale(.5);
      -moz-transform:scale(.5);
      -ms-transform:scale(.5);
      -o-transform:scale(.5);
      transform:scale(.5);
      opacity:0
  }
  50%{
      opacity:1
  }
  100%{
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
      opacity:0
  }
}
@-ms-keyframes play-button-pulse{
  0%,100%{
      opacity:0
  }
  0%{
      -webkit-transform:scale(.5);
      -moz-transform:scale(.5);
      -ms-transform:scale(.5);
      -o-transform:scale(.5);
      transform:scale(.5)
  }
  50%{
      opacity:1
  }
  100%{
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2)
  }
}
@-o-keyframes play-button-pulse{
  0%{
      -webkit-transform:scale(.5);
      -moz-transform:scale(.5);
      -ms-transform:scale(.5);
      -o-transform:scale(.5);
      transform:scale(.5);
      opacity:0
  }
  50%{
      opacity:1
  }
  100%{
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
      opacity:0
  }
}
@keyframes play-button-pulse{
  0%{
      -webkit-transform:scale(.5);
      -moz-transform:scale(.5);
      -ms-transform:scale(.5);
      -o-transform:scale(.5);
      transform:scale(.5);
      opacity:0
  }
  50%{
      opacity:1
  }
  100%{
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
      opacity:0
  }
}
@keyframes blink{
  50%{
      opacity:1
  }
}
*{
  box-sizing:border-box
}
ul{
  list-style-type:none
}
a:focus,a:hover{
  text-decoration:none
}
.iti__selected-flag,button:focus,input:focus{
  outline:0
}
h1,h2,h3,h4,h5,h6{
  color:#233d63
}
body{
  font-size:16px;
  line-height:28px;
  font-family:Inter,sans-serif;
  color:#7f8897;
  position:relative;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  font-weight:500
}
.cursor-pointer,.custom--control-label,.search-bar-close,[class$="-legend"]{
  cursor:pointer
}
.z-index-n1{
  z-index:-1
}
#scroll-top,.preloader{
  position:fixed;
  z-index:9999
}
.container{
  max-width:1200px
}
@media (min-width:576px){
  .container{
      max-width:540px
  }
}
@media (min-width:768px){
  .container{
      max-width:720px
  }
}
@media (min-width:992px){
  .container{
      max-width:960px
  }
}
@media (min-width:1200px){
  .container{
      max-width:1200px
  }
}
.top-0{
  top:0
}
.right-0{
  right:0
}
.bottom-0{
  bottom:0
}
.left-0{
  left:0
}
.opacity-1{
  opacity:.1!important
}
.opacity-2{
  opacity:.2!important
}
.opacity-3{
  opacity:.3!important
}
.opacity-4{
  opacity:.4!important
}
.opacity-5{
  opacity:.5!important
}
.opacity-6{
  opacity:.6!important
}
.theme-font-2{
  font-family:"Noto Serif JP",serif!important
}
.hover-s,.hover-y,.icon{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.hover-y:hover{
  -webkit-transform:translateY(-4px);
  -moz-transform:translateY(-4px);
  -ms-transform:translateY(-4px);
  -o-transform:translateY(-4px);
  transform:translateY(-4px)
}
.hover-s:hover{
  -webkit-transform:scale(1.02);
  -moz-transform:scale(1.02);
  -ms-transform:scale(1.02);
  -o-transform:scale(1.02);
  transform:scale(1.02)
}
.bg-gray{
  background-color:#f7f7ff!important
}
.bg-1{
  background-color:#ec5252!important
}
.bg-2{
  background-color:#7e3cf9!important
}
.bg-3{
  background-color:#f68a03!important
}
.bg-4{
  background-color:#358ff7!important
}
.bg-5{
  background-color:#38bb0c!important
}
.bg-6{
  background-color:#dd493d!important
}
.bg-7{
  background-color:#3e5b99!important
}
.bg-gradient{
  background:-moz-linear-gradient(-45deg,#ec5252 0,#f58585 100%);
  background:-webkit-linear-gradient(-45deg,#ec5252 0,#f58585 100%);
  background:linear-gradient(135deg,#ec5252 0,#f58585 100%)
}
.bg-radial-gradient-gray{
  background:#f6f6f6!important;
  background:radial-gradient(circle,#f6f6f6 0,#fff 88%)!important
}
.text-black{
  color:#233d63!important
}
.message-reply-body .emojionearea-editor:before,.text-gray{
  color:#7f8897!important
}
.text-color{
  color:#ec5252!important
}
.text-color-2{
  color:#7e3cf9!important
}
.text-color-3{
  color:#f68a03!important
}
.text-color-4{
  color:#358ff7!important
}
.text-color-5{
  color:#38bb0c!important
}
.text-color-6{
  color:#dd493d!important
}
.text-color-7{
  color:#3e5b99!important
}
.text-color-8{
  color:#3aaae1!important
}
.svg-icon-color-gray path{
  fill:#7f8897
}
.svg-icon-color-white path{
  fill:#fff
}
.svg-icon-color-1 path{
  fill:#7E3CF9
}
.svg-icon-color-2 path{
  fill:#F68A03
}
.dark-theme .off--canvas-menu-list li.page-active svg,.off--canvas-menu-list li a:hover svg,.off--canvas-menu-list li.page-active svg,.svg-icon-color-3 path{
  fill:#358FF7
}
.svg-icon-color-4 path{
  fill:#38BB0C
}
.svg-icon-color-5 path{
  fill:#DD493D
}
.svg-icon-color-6 path{
  fill:#3E5B99
}
.svg-icon-color-7 path{
  fill:#3AAAE1
}
.border-gray{
  border-color:rgba(128,137,150,.1)!important
}
.border-top-gray{
  border-top-color:rgba(128,137,150,.1)!important
}
.border-right-gray{
  border-right-color:rgba(128,137,150,.1)!important
}
.border-bottom-gray{
  border-bottom-color:rgba(128,137,150,.1)!important
}
.border-left-gray{
  border-left-color:rgba(128,137,150,.1)!important
}
.w-50px{
  width:50px!important
}
.w-60px{
  width:60px!important
}
.w-70px{
  width:70px!important
}
.w-80px{
  width:80px!important
}
.w-90px{
  width:90px!important
}
.w-100px{
  width:100px!important
}
.section-padding{
  padding-top:120px;
  padding-bottom:120px
}
.section--padding{
  padding-top:120px;
  padding-bottom:90px
}
.pt-200px{
  padding-top:200px!important
}
.pt-190px{
  padding-top:190px!important
}
.pt-180px{
  padding-top:180px!important
}
.pt-170px{
  padding-top:170px!important
}
.pt-160px{
  padding-top:160px!important
}
.pt-150px{
  padding-top:150px!important
}
.pt-140px{
  padding-top:140px!important
}
.pt-130px{
  padding-top:130px!important
}
.pt-120px{
  padding-top:120px!important
}
.pt-115px{
  padding-top:115px!important
}
.pt-110px{
  padding-top:110px!important
}
.pt-100px{
  padding-top:100px!important
}
.pt-95px{
  padding-top:95px!important
}
.pt-90px{
  padding-top:90px!important
}
.pt-85px{
  padding-top:85px!important
}
.pt-80px{
  padding-top:80px!important
}
.pt-75px{
  padding-top:75px!important
}
.pt-70px{
  padding-top:70px!important
}
.pt-60px{
  padding-top:60px!important
}
.pt-50px{
  padding-top:50px!important
}
.pt-45px{
  padding-top:45px!important
}
.pt-40px{
  padding-top:40px!important
}
.pt-35px{
  padding-top:35px!important
}
.pt-30px{
  padding-top:30px!important
}
.pt-20px{
  padding-top:20px!important
}
.pt-10px{
  padding-top:10px!important
}
.pb-200px{
  padding-bottom:200px!important
}
.pb-190px{
  padding-bottom:190px!important
}
.pb-180px{
  padding-bottom:180px!important
}
.pb-170px{
  padding-bottom:170px!important
}
.pb-160px{
  padding-bottom:160px!important
}
.pb-150px{
  padding-bottom:150px!important
}
.pb-140px{
  padding-bottom:140px!important
}
.pb-130px{
  padding-bottom:130px!important
}
.pb-120px{
  padding-bottom:120px!important
}
.pb-115px{
  padding-bottom:115px!important
}
.pb-110px{
  padding-bottom:110px!important
}
.pb-100px{
  padding-bottom:100px!important
}
.pb-95px{
  padding-bottom:95px!important
}
.pb-90px{
  padding-bottom:90px!important
}
.pb-85px{
  padding-bottom:85px!important
}
.pb-80px{
  padding-bottom:80px!important
}
.pb-75px{
  padding-bottom:75px!important
}
.pb-70px{
  padding-bottom:70px!important
}
.pb-60px{
  padding-bottom:60px!important
}
.pb-50px{
  padding-bottom:50px!important
}
.pb-45px{
  padding-bottom:45px!important
}
.pb-40px{
  padding-bottom:40px!important
}
.pb-35px{
  padding-bottom:35px!important
}
.pb-30px{
  padding-bottom:30px!important
}
.pb-20px{
  padding-bottom:20px!important
}
.pb-10px{
  padding-bottom:10px!important
}
.pr-150px{
  padding-right:150px!important
}
.pr-140px{
  padding-right:140px!important
}
.pr-130px{
  padding-right:130px!important
}
.pr-120px{
  padding-right:120px!important
}
.pr-110px{
  padding-right:110px!important
}
.pr-100px{
  padding-right:100px!important
}
.pr-95px{
  padding-right:95px!important
}
.pr-90px{
  padding-right:90px!important
}
.pr-85px{
  padding-right:85px!important
}
.pr-80px{
  padding-right:80px!important
}
.pr-70px{
  padding-right:70px!important
}
.pr-60px{
  padding-right:60px!important
}
.pr-55px{
  padding-right:55px!important
}
.pr-50px{
  padding-right:50px!important
}
.pr-45px{
  padding-right:45px!important
}
.pr-40px{
  padding-right:40px!important
}
.pr-30px{
  padding-right:30px!important
}
.pl-150px{
  padding-left:150px!important
}
.pl-140px{
  padding-left:140px!important
}
.pl-130px{
  padding-left:130px!important
}
.pl-120px{
  padding-left:120px!important
}
.pl-110px{
  padding-left:110px!important
}
.pl-100px{
  padding-left:100px!important
}
.pl-95px{
  padding-left:95px!important
}
.pl-90px{
  padding-left:90px!important
}
.pl-85px{
  padding-left:85px!important
}
.pl-80px{
  padding-left:80px!important
}
.pl-70px{
  padding-left:70px!important
}
.pl-60px{
  padding-left:60px!important
}
.pl-55px{
  padding-left:55px!important
}
.pl-50px{
  padding-left:50px!important
}
.pl-45px{
  padding-left:45px!important
}
.pl-40px{
  padding-left:40px!important
}
.pl-30px{
  padding-left:30px!important
}
.mt-200px{
  margin-top:200px
}
.mt-190px{
  margin-top:190px
}
.mt-180px{
  margin-top:180px
}
.mt-160px{
  margin-top:160px
}
.mt-150px{
  margin-top:150px
}
.mt-140px{
  margin-top:140px
}
.mt-130px{
  margin-top:130px
}
.mt-120px{
  margin-top:120px
}
.mt-110px{
  margin-top:110px
}
.mt-100px{
  margin-top:100px
}
.mt-95px{
  margin-top:95px
}
.mt-90px{
  margin-top:90px
}
.mt-85px{
  margin-top:85px
}
.mt-80px{
  margin-top:80px
}
.mt-70px{
  margin-top:70px
}
.mt-60px{
  margin-top:60px
}
.mt-55px{
  margin-top:55px
}
.mt-50px{
  margin-top:50px
}
.mt-45px{
  margin-top:45px
}
.mt-40px{
  margin-top:40px
}
.mt-35px{
  margin-top:35px
}
.mt-30px{
  margin-top:30px
}
.mt-28px{
  margin-top:28px
}

.mt-10px{
  margin-top:10px
}
.mt-5px{
  margin-top:5px
}
.mb-200px{
  margin-bottom:200px
}
.mb-190px{
  margin-bottom:190px
}
.mb-180px{
  margin-bottom:180px
}
.mb-170px{
  margin-bottom:170px
}
.mb-160px{
  margin-bottom:160px
}
.mb-150px{
  margin-bottom:150px
}
.mb-140px{
  margin-bottom:140px
}
.mb-130px{
  margin-bottom:130px
}
.mb-120px{
  margin-bottom:120px
}
.mb-110px{
  margin-bottom:110px
}
.mb-100px{
  margin-bottom:100px
}
.mb-95px{
  margin-bottom:95px
}
.mb-90px{
  margin-bottom:90px
}
.mb-85px{
  margin-bottom:85px
}
.mb-80px{
  margin-bottom:80px
}
.mb-70px{
  margin-bottom:70px
}
.mb-60px{
  margin-bottom:60px
}
.mb-50px{
  margin-bottom:50px
}
.mb-55px{
  margin-bottom:55px
}
.mb-45px{
  margin-bottom:45px
}
.footer-item,.mb-40px{
  margin-bottom:40px
}
.mb-35px{
  margin-bottom:35px
}
.course-overview-card,.mb-30px,.widget-panel{
  margin-bottom:30px
}
.mb-28px{
  margin-bottom:28px
}
.mb-20px,.skill{
  margin-bottom:20px
}
.faq-panel,.hero-category-wrap .category-item,.mb-10px{
  margin-bottom:10px
}
.mb-5px,.menu-category>ul>li .cat-dropdown-menu>li .sub-menu li{
  margin-bottom:5px
}
.rounded-rounded{
  -webkit-border-radius:12px!important;
  -moz-border-radius:12px!important;
  border-radius:12px!important
}
.rounded-pill{
  -webkit-border-radius:30px!important;
  -moz-border-radius:30px!important;
  border-radius:30px!important
}
.rounded--pill{
  -webkit-border-radius:100px!important;
  -moz-border-radius:100px!important;
  border-radius:100px!important
}
.rounded-full{
  -webkit-border-radius:100%!important;
  -moz-border-radius:100%!important;
  border-radius:100%!important
}
.fs-80{
  font-size:80px!important
}
.fs-70{
  font-size:70px!important
}
.fs-65{
  font-size:65px!important
}
.fs-60{
  font-size:60px!important
}
.fs-55{
  font-size:55px!important
}
.fs-50{
  font-size:50px!important
}
.fs-45{
  font-size:45px!important
}
.fs-40{
  font-size:40px!important
}
.fs-35{
  font-size:35px!important
}
.fs-30{
  font-size:30px!important
}
.fs-28{
  font-size:28px!important
}
.fs-27{
  font-size:27px!important
}
.fs-26{
  font-size:26px!important
}
.fs-25{
  font-size:25px!important
}
.fs-24{
  font-size:24px!important
}
.fs-23{
  font-size:23px!important
}
.fs-22{
  font-size:22px!important
}
.fs-21{
  font-size:21px!important
}
.fs-20{
  font-size:20px!important
}
.fs-19{
  font-size:19px!important
}
.fs-18{
  font-size:18px!important
}
.fs-17{
  font-size:17px!important
}
.fs-16{
  font-size:16px!important
}
.fs-15{
  font-size:15px!important
}
.fs-14{
  font-size:14px!important
}
.fs-13{
  font-size:13px!important
}
.fs-12{
  font-size:12px!important
}
.fs-11{
  font-size:11px!important
}
.font-weight-thin{
  font-weight:100!important
}
.font-weight-light{
  font-weight:300!important
}
.font-weight-regular{
  font-weight:400!important
}
.font-weight-medium{
  font-weight:500!important
}
.font-weight-semi-bold{
  font-weight:600!important
}
.font-weight-bold{
  font-weight:700!important
}
.font-weight-black{
  font-weight:800!important
}
.lh-90{
  line-height:90px!important
}
.lh-85{
  line-height:85px!important
}
.lh-80{
  line-height:80px!important
}
.lh-75{
  line-height:75px!important
}
.lh-70{
  line-height:70px!important
}
.lh-65{
  line-height:65px!important
}
.lh-60{
  line-height:60px!important
}
.lh-58{
  line-height:58px!important
}
.lh-57{
  line-height:57px!important
}
.lh-56{
  line-height:56px!important
}
.lh-55{
  line-height:55px!important
}
.lh-52{
  line-height:52px!important
}
.lh-50{
  line-height:50px!important
}
.lh-48{
  line-height:48px!important
}
.lh-46{
  line-height:46px!important
}
.lh-45{
  line-height:45px!important
}
.lh-40{
  line-height:40px!important
}
.lh-35{
  line-height:35px!important
}
.lh-30{
  line-height:30px!important
}
.lh-28{
  line-height:28px!important
}
.lh-27{
  line-height:27px!important
}
.lh-26{
  line-height:26px!important
}
.lh-25{
  line-height:25px!important
}
.lh-24{
  line-height:24px!important
}
.lh-22{
  line-height:22px!important
}
.lh-20{
  line-height:20px!important
}
.lh-18{
  line-height:18px!important
}
.preloader{
  background-color:#fff
}
.loader{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
.loader .spinner{
  animation:2s linear infinite rotate;
  z-index:2;
  width:50px;
  height:50px
}
.loader .spinner .path{
  stroke:#ec5252;
  stroke-linecap:round;
  animation:1.5s ease-in-out infinite dash
}
.section-block{
  height:1px;
  background-color:rgba(127,136,151,.1)
}
.hover-underline:hover{
  text-decoration:underline
}
.divider{
  border-bottom:1px solid rgba(128,137,150,.1);
  height:1px;
  margin:.5em 0 1.5em
}
.divider span{
  display:block;
  width:50px;
  height:1px;
  background-color:#ec5252
}
.ribbon{
  display:inline-block;
  padding-right:8px;
  padding-left:8px;
  line-height:22px;
  background-color:rgba(246,138,3,.1);
  color:#f68a03;
  font-size:11px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px
}
.ribbon-white{
  background-color:rgba(255,255,255,.1);
  color:#fff
}
.ribbon-lg{
  font-size:16px;
  padding-right:12px;
  padding-left:12px;
  line-height:28px
}
.ribbon-blue-bg{
  background:rgba(53,143,247,.1)!important;
  color:#358ff7!important
}
.tooltip-inner{
  background-color:#fff;
  color:#233d63;
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.2);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.2);
  box-shadow:0 0 40px rgba(82,85,90,.2);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-weight:500
}
.progress_bg,.section-divider{
  -webkit-border-radius:30px;
  -moz-border-radius:30px
}
.cd-words-wrapper b,.section__title{
  font-weight:700
}
.tooltip.bs-tooltip-right .arrow:before{
  border-right-color:#fff!important
}
.tooltip.bs-tooltip-left .arrow:before{
  border-left-color:#fff!important
}
.tooltip.bs-tooltip-bottom .arrow:before{
  border-bottom-color:#fff!important
}
.tooltip.bs-tooltip-top .arrow:before{
  border-top-color:#fff!important
}
.dot-bg,.pulse-btn,.quiz-course-nav,.section-heading{
  position:relative;
  z-index:1
}
.section__title{
  font-size:35px
}
.section__desc{
  line-height:32px;
  font-size:18px
}
.section-divider{
  display:inline-block;
  position:relative;
  height:5px;
  border-radius:30px;
  background-color:#ec5252;
  width:90px;
  margin-top:25px;
  margin-bottom:25px;
  overflow:hidden
}
.section-divider:after{
  content:'';
  position:absolute;
  left:0;
  top:-1.1px;
  height:7px;
  width:8px;
  background-color:#fff;
  -webkit-animation-duration:3s;
  animation-duration:3s;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:dot-move;
  animation-name:dot-move
}
.section--divider{
  width:50px;
  margin-top:15px;
  margin-bottom:15px
}
.section--divider:after{
  top:-.1px;
  width:5px;
  -webkit-animation-name:dot-move2;
  animation-name:dot-move2
}
.hero-slider .owl-nav div,.section-divider-white{
  background-color:rgba(255,255,255,.1)
}
.input-number-group{
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex
}
.input-number-group input[type=number]::-webkit-inner-spin-button,.input-number-group input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  appearance:none
}
.input-number-group .input-number{
  outline:0;
  display:block;
  text-align:center;
  border:none;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px
}
.input-number-group .input-number,.input-number-group .input-number-decrement,.input-number-group .input-number-increment{
  background-color:rgba(127,136,151,.1);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  font-weight:600;
  font-size:18px;
  color:#233d63
}
.input-number-group .input-number-decrement,.input-number-group .input-number-increment{
  display:inline-block;
  width:35px;
  height:35px;
  line-height:35px;
  text-align:center;
  cursor:pointer;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%
}
.generic-list-item li a,.generic-list-item-boxed li{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
#scroll-top:hover,.faq-panel.is-active .faq-heading .faq__title,.filter-nav li a.active,.input-number-group .input-number-decrement:hover,.input-number-group .input-number-increment:hover,.select-container .dropdown-item.active,.theme-btn-white:hover{
  background-color:#ec5252;
  color:#fff
}
.input-number-group .input-number-decrement{
  margin-right:.5rem;
  margin-left:1rem;
  font-size:30px
}
.input-number-group .input-number-increment{
  margin-left:.5rem;
  font-size:22px
}
.review-stars span{
  color:#f68a03;
  margin-left:-3px
}
.review-stars span.rating-number{
  margin-left:0;
  margin-right:3px;
  color:#233d63;
  font-weight:600
}
.before-price{
  font-size:16px;
  margin-right:3px;
  color:#7f8897
}
.generic-list-item li{
  color:#7f8897;
  line-height:24px;
  margin-bottom:10px
}
.generic-list-item li a{
  color:#7f8897;
  display:block;
  transition:.3s
}
.btn-text:hover,.collection-link .la,.filter-nav li a:hover,.generic-list-item li a:hover,.generic-list-item-white li a:hover,.select-container .dropdown-item:hover,.social-icons li a:hover{
  color:#ec5252
}
.generic-list-item-bullet li{
  position:relative;
  padding-left:16px
}
.generic-list-item-bullet li::after{
  position:absolute;
  content:"";
  top:10px;
  left:0;
  width:5px;
  height:5px;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  background-color:rgba(128,137,150,.6)
}
.generic-list-item--bullet li{
  padding-right:14px
}
.course-duration span:first-child,.generic-list-item--bullet li:first-child,.meta-tags a:first-child{
  padding-left:0
}
.collapse-btn[aria-expanded=false] .collapse-btn-show,.collapse-btn[aria-expanded=true] .collapse-btn-hide,.collection-link .la.active,.generic-list-item--bullet li:first-child::after,.generic-list-item-arrow li:first-child::after,.light-mode-btn{
  display:none
}
.generic-list-item-white li,.generic-list-item-white li a{
  color:rgba(255,255,255,.8)
}
.generic-list-item-arrow li{
  position:relative;
  padding-left:12px;
  margin-left:12px
}
.generic-list-item-arrow li:first-child{
  padding-left:0;
  margin-left:0
}
.generic-list-item-arrow li::after{
  position:absolute;
  content:"\f105";
  top:1px;
  left:-7px;
  font-family:"Line Awesome Free";
  font-weight:900;
  font-size:14px
}
.generic-list-item-boxed li{
  border:1px solid rgba(128,137,150,.2);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  transition:.3s
}
.social-icons li a,.social-icons-styled li a{
  color:#233d63;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  display:block
}
.generic-list-item-boxed li a{
  padding:8px 18px
}
.btn--group .btn.active,.generic-list-item-boxed li:hover,.select-container .bootstrap-select.show .dropdown-toggle{
  border-color:#ec5252
}
.generic-list-item-flash li{
  border-bottom:1px solid rgba(128,137,150,.1);
  padding-bottom:15px;
  margin-bottom:15px
}
.generic-list-item-flash li:last-child{
  border-bottom:0;
  margin-bottom:0
}
.bootstrap-tagsinput,.select-container .dropdown-menu,.select-container .dropdown-toggle{
  border-color:rgba(127,136,151,.2)
}
.social-icons li{
  display:inline-block;
  margin-right:10px
}
.social-icons li a{
  transition:.3s
}
.social-icons-styled li a{
  width:35px;
  height:35px;
  line-height:35px;
  text-align:center;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  background-color:rgba(35,61,99,.1);
  transition:.3s;
  position:relative;
  z-index:1
}
#scroll-top,.select-container .dropdown-item{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.down-button:hover,.social-icons-styled li a:hover{
  color:#fff;
  background-color:#ec5252
}
.info-box:hover .info__text,.info-box:hover .info__title,.select-container .dropdown-item.active:hover,.social-icons-styled li a.facebook-bg,.social-icons-styled li a.instagram-bg,.social-icons-styled li a.linkedin-bg,.social-icons-styled li a.twitter-bg,.social-icons-styled li a.youtube-bg{
  color:#fff
}
.social-icons-styled li a.facebook-bg{
  background-color:#3e5b99
}
.course-badge.sky-blue,.social-icons-styled li a.twitter-bg{
  background-color:#3aaae1
}
.course-badge.red,.social-icons-styled li a.instagram-bg{
  background-color:#dd493d
}
.social-icons-styled li a.linkedin-bg{
  background-color:#358ff7
}
.social-icons-styled li a.youtube-bg{
  background-color:red
}
.social--icons-styled li a{
  background-color:#fff;
  -webkit-box-shadow:0 .125rem .25rem rgba(0,0,0,.075);
  -moz-box-shadow:0 .125rem .25rem rgba(0,0,0,.075);
  box-shadow:0 .125rem .25rem rgba(0,0,0,.075)
}
.social--icons-styled li a:hover{
  -webkit-transform:translateY(-2px);
  -moz-transform:translateY(-2px);
  -ms-transform:translateY(-2px);
  -o-transform:translateY(-2px);
  transform:translateY(-2px);
  color:#ec5252;
  background-color:#fff
}
#perticles-bg{
  position:absolute;
  left:0;
  pointer-events:none
}
.invite-icon{
  margin-top:-55px
}
div.datedropper .picker ul.pick .pick-arw{
  font-size:12px
}
.generic-action-wrap .action-btn:hover,.generic-action-wrap .dropdown-menu .collection-link,div.datedropper .picker .pick-lg-b li{
  color:#7f8897
}
.bootstrap-tagsinput{
  display:block;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  line-height:38px;
  font-size:14px
}
.qtyBtn,.qtyInput{
  font-size:17px;
  color:#233d63
}
.bootstrap-tagsinput .tag{
  font-size:13px;
  font-weight:500;
  padding:5px 8px
}
.generic-accordion .card-header .btn[aria-expanded=false] .la-angle-down,.generic-accordion .card-header .btn[aria-expanded=false] .la-plus,.generic-accordion .card-header .btn[aria-expanded=true] .la-angle-up,.generic-accordion .card-header .btn[aria-expanded=true] .la-minus,.generic-portfolio-content .portfolio-link,.iti,.jqte_placeholder,.lecture-viewer-text-wrap.active,.menu-category>ul>li .cat-dropdown-menu>li .sub-menu.active,.modal-container.show,.new-question-wrap.active,.replay-question-wrap.active,.toggle-password.active .eye-off{
  display:block
}
#scroll-top{
  right:20px;
  bottom:20px;
  background-color:#fff;
  color:#7f8897;
  font-size:18px;
  width:40px;
  height:40px;
  line-height:40px;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  text-align:center;
  cursor:pointer;
  -webkit-box-shadow:0 7px 10px rgba(0,0,0,.075);
  -moz-box-shadow:0 7px 10px rgba(0,0,0,.075);
  box-shadow:0 7px 10px rgba(0,0,0,.075);
  transition:.3s
}
.select-container{
  position:relative;
  width:130px
}
.select-container .bootstrap-select{
  width:100%!important
}
.select-container .bootstrap-select .dropdown-toggle:focus,.select-container .dropdown-item:focus{
  outline:0!important
}
.select-container .show>.btn-light.dropdown-toggle{
  background-color:#fff;
  color:#7f8897
}
.select-container .dropdown-toggle{
  padding:12px 20px;
  background-color:#fff;
  color:#7f8897
}
.select-container .dropdown-toggle:focus{
  background-color:#fff;
  outline:0
}
.select-container .dropdown-menu .bs-searchbox .form-control{
  border-color:rgba(127,136,151,.2);
  -webkit-box-shadow:0 0;
  -moz-box-shadow:0 0;
  box-shadow:0 0;
  padding-left:8px
}
.filter-bar,.select--container .dropdown-toggle{
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.1);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.1)
}
.select-container .dropdown-menu .bs-searchbox .form-control:focus{
  border-color:rgba(127,136,151,.5)
}
.select-container .dropdown-menu .inner::-webkit-scrollbar{
  width:8px
}
.select-container .dropdown-menu .inner::-webkit-scrollbar-track{
  background-color:rgba(128,137,150,.1);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px
}
.select-container .dropdown-menu .inner::-webkit-scrollbar-thumb{
  background-color:rgba(128,137,150,.2);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px
}
.select-container .dropdown-menu .inner::-webkit-scrollbar-thumb:hover{
  background-color:rgba(128,137,150,.6)
}
.select-container .dropdown-item{
  color:#7f8897;
  transition:.3s;
  padding-right:15px;
  padding-left:15px
}
.filter-nav li a,.generic-action-wrap .action-btn{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.select--container{
  width:160px
}
.select--container .dropdown-toggle{
  padding:8px 16px;
  border:0;
  box-shadow:0 0 40px rgba(82,85,90,.1)
}
.select-container-sm .dropdown-toggle{
  padding:6px 12px
}
.filter-bar{
  background-color:#fff;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  padding:20px;
  box-shadow:0 0 40px rgba(82,85,90,.1)
}
.filter-nav li{
  display:inline-block;
  margin-right:2px
}
.filter-nav li:last-child,.main-menu>ul>li:last-child,.nav-right-button .generic-list-item li:last-child,.pagination-box .page-item:last-child,.question-overview-filter-item:last-child,.quiz-nav li:last-child{
  margin-right:0
}
.filter-nav li a{
  padding:3px 8px;
  display:block;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  background-color:#fff;
  transition:.3s;
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.1);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.1);
  box-shadow:0 0 40px rgba(82,85,90,.1);
  color:#7f8897;
  font-size:18px
}
.generic-action-wrap .action-btn{
  color:rgba(127,136,151,.7);
  font-size:20px;
  transition:.3s
}
.generic-action-wrap .dropdown-menu .dropdown-item,.qtyBtn{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.generic-action-wrap .dropdown-menu{
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  padding:10px;
  -webkit-box-shadow:0 0 18px 0 rgba(0,0,0,.05);
  -moz-box-shadow:0 0 18px 0 rgba(0,0,0,.05);
  box-shadow:0 0 18px 0 rgba(0,0,0,.05);
  min-width:140px;
  border-color:rgba(127,136,151,.1)
}
.generic-action-wrap .dropdown-menu .dropdown-header{
  font-size:15px;
  padding:4px 14px
}
.generic-action-wrap .dropdown-menu .dropdown-item{
  color:#7f8897;
  transition:.3s;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  font-weight:500;
  padding:4px 14px;
  font-size:15px
}
.generic-action-wrap .dropdown-menu .dropdown-item:hover{
  background-color:rgba(127,136,151,.1)
}
.generic--action-wrap .action-btn{
  color:#fff;
  font-size:30px;
  line-height:39px;
  border:1px solid rgba(127,126,151,.2);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px
}
.generic--action-wrap .action-btn:hover{
  border-color:rgba(127,126,151,.5);
  color:#fff
}
.generic--action-wrap-2 .dropdown-menu{
  min-width:240px
}
.generic--action-wrap-3 .dropdown-menu{
  min-width:90px
}
.generic--action-wrap-3 .dropdown-menu .dropdown-item{
  line-height:20px;
  font-size:13px
}
.pagination-box{
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  background-color:#fff;
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.1);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.1);
  box-shadow:0 0 40px rgba(82,85,90,.1);
  display:inline-block;
  padding:15px 20px
}
.jqte_fontsizes .jqte_fontsize:hover,.jqte_formats .jqte_format:hover,.jqte_linktypes a:hover,.pagination-box .page-link:hover,.qtyBtn{
  background-color:rgba(128,137,150,.1)
}
.pagination-box .page-item,.sidebar-open .la{
  margin-right:5px
}
.pagination-box .page-item.active .page-link{
  background-color:#ec5252
}
.pagination-box .page-link{
  border:0;
  margin-left:0;
  color:#233d63;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-transition:.2s;
  -moz-transition:.2s;
  -ms-transition:.2s;
  -o-transition:.2s;
  transition:.2s
}
.typing-director{
  position:relative
}
.typing-director span{
  height:6px;
  width:6px;
  float:left;
  margin:0 1px;
  background-color:#7f8897;
  display:block;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  opacity:.4
}
.typing-director span:first-of-type{
  animation:1s .3333s infinite blink
}
.typing-director span:nth-of-type(2){
  animation:1s .6666s infinite blink
}
.typing-director span:nth-of-type(3){
  animation:1s .9999s infinite blink
}
.qtyInput{
  width:40px;
  border:0;
  text-align:center;
  font-weight:500;
  pointer-events:none
}
.icon-btn,.qtyBtn{
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  text-align:center
}
.qtyBtn{
  width:33px;
  height:33px;
  line-height:33px;
  border-radius:100%;
  border:0;
  transition:.3s
}
.btn-text,.icon-element{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  display:inline-block
}
.jqte_linkbutton:hover,.qtyBtn:hover{
  background-color:rgba(128,137,150,.3)
}
.theme-btn{
  background-color:#ec5252;
  color:#fff;
  font-weight:600;
  padding:10px 20px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  cursor:pointer;
  font-size:15px
}
.theme-btn:hover{
  background-color:#ef6767;
  color:#fff
}
.theme-btn:hover .icon{
  padding-left:5px
}
.theme-btn-white{
  background-color:#fff;
  color:#233d63;
  -webkit-box-shadow:0 0 7px rgba(0,0,0,.07);
  -moz-box-shadow:0 0 7px rgba(0,0,0,.07);
  box-shadow:0 0 7px rgba(0,0,0,.07)
}
.form--control,.theme-btn-transparent{
  -webkit-box-shadow:none;
  -moz-box-shadow:none
}
.theme-btn-white:hover svg,.theme-picker-btn:hover svg{
  fill:#f1e77f
}
.theme-btn-transparent{
  background-color:transparent;
  color:#233d63;
  box-shadow:none;
  border:1px solid rgba(128,138,150,.2)
}
.theme-btn-transparent:hover{
  background-color:transparent;
  border-color:rgba(128,138,150,.5);
  color:#233d63
}
.theme-btn-sm{
  padding:6px 14px;
  font-size:14px
}
.icon-btn{
  width:43px;
  height:43px;
  line-height:43px;
  border-radius:100%;
  border:1px solid rgba(255,255,255,.7);
  font-size:22px
}
.icon-element,.member-card .card-image{
  -webkit-border-radius:100%;
  -moz-border-radius:100%
}
.btn-text:hover .icon-btn,.icon-btn:hover{
  background-color:#fff;
  border-color:#fff;
  color:#ec5252
}
.icon-element{
  color:#233d63;
  font-size:40px;
  width:80px;
  height:80px;
  line-height:80px;
  border-radius:100%;
  background-color:#fff;
  -webkit-box-shadow:0 0 40px rgba(14,16,48,.07);
  -moz-box-shadow:0 0 40px rgba(14,16,48,.07);
  box-shadow:0 0 40px rgba(14,16,48,.07);
  text-align:center;
  transition:.3s
}
.icon-element-lg{
  width:110px;
  height:110px;
  line-height:110px;
  font-size:50px
}
.icon-element-md{
  width:60px;
  height:60px;
  line-height:60px;
  font-size:30px
}
.icon-element-sm{
  width:40px;
  height:40px;
  line-height:40px;
  font-size:20px
}
.icon-element-xs{
  width:33px;
  height:33px;
  line-height:33px;
  font-size:17px
}
.btn-text{
  color:#7f8897;
  transition:.3s
}
.play-button svg{
  width:70px
}
.client-logo-item,.collapse-btn[aria-expanded=true] .collapse-btn-show,.logo-box .logo,.message-sent .message-body .la-check{
  display:inline-block
}
.card-item .card-text a,.collapse--btn,.copy-desc a,.quiz-nav li a{
  color:#7f8897;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.card-item .card-text a:hover,.card-item .card-title a:hover,.collapse--btn:hover,.file-upload-wrap .MultiFile-list .MultiFile-remove:hover,.generic-tab .nav-link:hover,.generic-tab-layout-2 .nav-link.active .shop-cart-btn,.pulse-btn:hover,.quiz-nav li a:hover,.search-icon:hover{
  color:#ec5252
}
.theme-picker-btn{
  font-size:14px;
  color:#233d63;
  border:0;
  outline:0;
  display:inline-flex;
  align-items:center;
  background-color:transparent
}
.theme-picker-btn svg{
  width:19px;
  height:19px;
  fill:transparent;
  stroke:rgba(0,0,0,0.7);
  transition:stroke .2s
}
.info-box{
  background-color:#fff;
  -webkit-box-shadow:0 0 40px rgba(14,16,48,.05);
  -moz-box-shadow:0 0 40px rgba(14,16,48,.05);
  box-shadow:0 0 40px rgba(14,16,48,.05);
  padding:50px 40px 42px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  -webkit-transition:.4s;
  -moz-transition:.4s;
  -ms-transition:.4s;
  -o-transition:.4s;
  transition:.4s;
  position:relative;
  overflow:hidden;
  margin-bottom:30px;
  z-index:1;
  text-align:center
}
.info-box .info__title{
  font-weight:600;
  font-size:22px;
  margin-top:25px;
  margin-bottom:20px;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.info-box::before{
  position:absolute;
  content:'';
  top:30%;
  left:-90px;
  width:540px;
  height:540px;
  background-color:rgba(255,255,255,.1);
  z-index:-1;
  transition:.5s;
  -webkit-transform:translateY(100%) rotate(10deg);
  -moz-transform:translateY(100%) rotate(10deg);
  -ms-transform:translateY(100%) rotate(10deg);
  -o-transform:translateY(100%) rotate(10deg);
  transform:translateY(100%) rotate(10deg)
}
.dark-theme #scroll-top:hover,.dark-theme .generic-accordion-layout-2 .card-header .btn[aria-expanded=true],.dark-theme .level-timeline .level-active,.dark-theme .message-sent .message-body,.dark-theme .message-sent .message-body::after,.dark-theme .owl-action-styled .owl-nav div:hover,.info--box-2.border-red::after,.info-box:hover,.level-timeline .level-active .level-dot,.member-card:hover:after,.owl-action-styled .owl-dots div.active{
  background-color:#ec5252
}
.info-box:hover{
  border-color:#ec5252
}
.info-box:hover:before{
  transition-delay:.2s;
  -webkit-transform:translateY(0) rotate(10deg);
  -moz-transform:translateY(0) rotate(10deg);
  -ms-transform:translateY(0) rotate(10deg);
  -o-transform:translateY(0) rotate(10deg);
  transform:translateY(0) rotate(10deg)
}
.info-box:hover .info-overlay::after,.info-box:hover .info-overlay::before{
  -webkit-transform:translateY(0) rotate(10deg);
  -moz-transform:translateY(0) rotate(10deg);
  -ms-transform:translateY(0) rotate(10deg);
  -o-transform:translateY(0) rotate(10deg);
  transform:translateY(0) rotate(10deg)
}
.info-box:hover .info-overlay::after{
  transition-delay:.1s
}
.info--box{
  overflow:inherit;
  text-align:left
}
.category-item-layout-2::after,.contact-success-message,.generic-img-box-layout-2::after,.info--box::before,.leave-rating input,.logo--box,.toggle-password .eye-off,.toggle-password.active .eye-on,.tooltip_templates{
  display:none
}
.info--box:hover{
  background-color:#fff
}
.info--box:hover .info__title,.meta-tags a:hover,.nav-right-button .generic-list-item li a{
  color:#233d63
}
.info--box:hover .info__text{
  color:#7f8897
}
.info--box:hover::before{
  -webkit-transform:translateY(0) rotate(0);
  -moz-transform:translateY(0) rotate(0);
  -ms-transform:translateY(0) rotate(0);
  -o-transform:translateY(0) rotate(0);
  transform:translateY(0) rotate(0)
}
.info--box-2{
  padding:40px 20px;
  text-align:center
}
.info--box-2::after{
  position:absolute;
  content:"";
  top:0;
  left:50%;
  width:70px;
  height:4px;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  transform:translateX(-50%);
  background-color:#7f8897;
  opacity:.2;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.info--box-2.border-purple::after{
  background-color:#7e3cf9
}
.info--box-2.border-yellow::after{
  background-color:#f68a03
}
.course-badge.blue,.info--box-2.border-blue::after,.message-sent .message-body::after{
  background-color:#358ff7
}
.info-overlay:after,.info-overlay:before{
  position:absolute;
  content:'';
  top:50%;
  left:-90px;
  width:540px;
  height:540px;
  z-index:-1;
  transition:.5s;
  -webkit-transform:translateY(100%) rotate(10deg);
  -moz-transform:translateY(100%) rotate(10deg);
  -ms-transform:translateY(100%) rotate(10deg);
  -o-transform:translateY(100%) rotate(10deg);
  transform:translateY(100%) rotate(10deg);
  background-color:rgba(255,255,255,.2)
}
.category-item .cat__img,.category-item .category-content{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.info-overlay:after{
  top:70%;
  background-color:rgba(255,255,255,.3)
}
.file-upload-wrap,.info-area,.review-bars{
  position:relative
}
.info-area:after{
  position:absolute;
  content:"";
  bottom:-30px;
  left:50%;
  -webkit-transform:translateX(-50%) rotate(45deg);
  -moz-transform:translateX(-50%) rotate(45deg);
  -ms-transform:translateX(-50%) rotate(45deg);
  -o-transform:translateX(-50%) rotate(45deg);
  transform:translateX(-50%) rotate(45deg);
  width:60px;
  height:60px;
  background-color:#7f8897
}
.generic-accordion .generic-list-item li{
  font-size:15px;
  color:rgba(35,61,99,.8);
  font-weight:400
}
.copyright-content .generic-list-item li,.generic-accordion .generic-list-item li:last-child,.header-widget .generic-list-item li,.main-menu>ul>li .dropdown-menu-item>li:last-child,.menu-category>ul>li .cat-dropdown-menu>li .sub-menu li:last-child,.menu-category>ul>li .cat-dropdown-menu>li:last-child{
  margin-bottom:0
}
.generic-accordion .card{
  border:0;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  margin-bottom:10px
}
.generic-accordion .card-header{
  padding:0;
  background-color:transparent;
  border-bottom:0
}
.generic-accordion .card-header .btn{
  width:100%;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  padding:10px 20px 10px 50px;
  text-align:left;
  color:#233d63;
  text-decoration:none;
  font-size:17px;
  position:relative;
  font-weight:600;
  background-color:rgba(127,136,151,.07);
  border:0
}
.generic--accordion .card,.generic--accordion .card:first-of-type,.generic--accordion .card:not(:first-of-type):not(:last-of-type){
  border-bottom:1px solid rgba(0,0,0,.125)
}
.generic-accordion .card-header .btn .la{
  display:none;
  position:absolute;
  left:20px;
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  font-size:20px
}
.generic--accordion .card-header .btn{
  padding-left:20px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0
}
.generic--accordion .card-header .btn .la{
  left:auto;
  right:20px;
  font-size:16px
}
.generic--accordion .card-header .btn:hover{
  background-color:rgba(127,136,151,.1)
}
.generic--accordion .card{
  margin-bottom:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0
}
.generic-accordion-layout-2 .card{
  background-color:#fff;
  -webkit-box-shadow:0 0 15px rgba(0,0,0,.075);
  -moz-box-shadow:0 0 15px rgba(0,0,0,.075);
  box-shadow:0 0 15px rgba(0,0,0,.075);
  border:1px solid rgba(128,137,150,.1)
}
.category-item,.leave--rating{
  -webkit-border-radius:8px;
  -moz-border-radius:8px
}
.generic-accordion-layout-2 .card-header .btn{
  padding-top:17px;
  padding-bottom:17px;
  background-color:#fff
}
.generic-accordion-layout-2 .card-header .btn[aria-expanded=true]{
  background-color:#ec5252;
  color:#fff;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
}
.review-rating-summary{
  width:180px;
  text-align:center;
  border-right:1px solid rgba(128,137,150,.1);
  padding-right:30px;
  margin-right:40px
}
.stats-average__count{
  color:#f68a03;
  font-size:65px;
  font-weight:700
}
.review-bars__text{
  text-transform:uppercase;
  font-weight:500;
  font-size:15px;
  margin-right:15px
}
.review-bars__fill{
  width:400px;
  margin-right:15px
}
.review-bars__percent{
  opacity:.8
}
.category-item .btn,.payment-tab-content{
  visibility:hidden;
  opacity:0
}
.leave-rating,.leave-rating label{
  display:inline-block;
  position:relative
}
.leave-rating{
  width:auto
}
.leave-rating input:checked~label::before,.leave-rating label:hover::before,.leave-rating label:hover~label::before{
  color:#f68a03
}
.leave-rating input:nth-of-type(5):checked~.rating-result-text::before,.leave-rating label:nth-of-type(5):hover~.rating-result-text::before{
  content:"Awful!"
}
.leave-rating input:nth-of-type(4):checked~.rating-result-text::before,.leave-rating label:nth-of-type(4):hover~.rating-result-text::before{
  content:"Poor!"
}
.leave-rating input:nth-of-type(3):checked~.rating-result-text::before,.leave-rating label:nth-of-type(3):hover~.rating-result-text::before{
  content:"Average!"
}
.leave-rating input:nth-of-type(2):checked~.rating-result-text::before,.leave-rating label:nth-of-type(2):hover~.rating-result-text::before{
  content:"Good!"
}
.leave-rating input:first-of-type:checked~.rating-result-text::before,.leave-rating label:first-of-type:hover~.rating-result-text::before{
  content:"Amazing!!"
}
.leave-rating label{
  float:right;
  padding-right:8px;
  font-size:20px;
  cursor:pointer;
  margin-bottom:0
}
.leave-rating label::before{
  content:"\f005";
  color:rgba(128,137,150,.4);
  font-family:"Line Awesome Free";
  font-weight:900
}
.leave--rating{
  background-color:rgba(128,137,150,.1);
  border-radius:8px;
  padding:10px 18px
}
.rating-result-text{
  color:#233d63;
  padding-bottom:10px;
  position:absolute;
  width:100%;
  bottom:100%
}
.rating-result-text::before{
  content:"Select Rating"
}
.category-item{
  border-radius:8px;
  position:relative;
  margin-bottom:30px;
  overflow:hidden
}
.category-item .cat__img,.category-item::after{
  -webkit-border-radius:8px;
  -moz-border-radius:8px
}
.category-item .cat__img{
  width:100%;
  border-radius:8px;
  transition:.3s
}
.category-item .category-content{
  position:absolute;
  text-align:center;
  padding-top:50px;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
  color:#fff;
  transition:.3s;
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center
}
.category-item .cat__meta,.category-item .cat__title{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.category-item .cat__title{
  color:#fff;
  font-size:22px;
  transition:.3s;
  font-weight:600
}
.category-item .cat__title a,.generic-img-box-layout-2 .generic-img-box-content h3,.menu-banner-content .btn:hover,.message-sent .message-body h5{
  color:#fff
}
.category-item .cat__meta{
  margin-top:4px;
  transition:.3s
}
.category-item::after,.file-upload-wrap .file-upload-input{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  width:100%
}
.category-item::after{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  background-color:#233d63;
  opacity:.7;
  content:"";
  border-radius:8px;
  transition:.3s
}
.category-item:hover .category-content{
  padding-top:0
}
.category-item:hover .cat__meta{
  opacity:0;
  visibility:hidden;
  margin:0
}
.body-overlay.active,.category-item:hover .btn,.generic-portfolio-item:hover .generic-portfolio-content .portfolio-link,.generic-portfolio-item:hover .generic-portfolio-content .portfolio-link .icon-element,.generic-portfolio-item:hover .generic-portfolio-content .portfolio-link:after,.mobile-search-form.active,.payment-tab.is-active .payment-tab-content,.sidebar-open.active{
  visibility:visible;
  opacity:1
}
.category-item:hover img{
  -webkit-transform:scale(1.1) rotate(3deg);
  -moz-transform:scale(1.1) rotate(3deg);
  -ms-transform:scale(1.1) rotate(3deg);
  -o-transform:scale(1.1) rotate(3deg);
  transform:scale(1.1) rotate(3deg)
}
.category-item-layout-2{
  background-color:#fff;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.08);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.08);
  box-shadow:0 0 40px rgba(82,85,90,.08)
}
.category-item-layout-2 .category-content{
  color:#233d63;
  position:inherit;
  top:auto;
  left:auto;
  display:block;
  padding:40px 20px
}
.category-item-layout-2 .cat__title{
  padding-top:15px;
  color:#233d63;
  font-size:19px
}
.category-item-layout-2:hover .category-content,.member-card{
  padding-top:40px
}
.category-item-layout-2:hover .icon-element{
  -webkit-transform:translateY(-6px);
  -moz-transform:translateY(-6px);
  -ms-transform:translateY(-6px);
  -o-transform:translateY(-6px);
  transform:translateY(-6px)
}
.category-carousel .owl-stage-outer{
  padding:40px;
  margin:-40px
}
.counter-item{
  margin-bottom:30px;
  text-align:center
}
.counter-item .counter__title{
  font-size:50px;
  font-weight:600;
  margin-bottom:10px;
  color:#233d63
}
.counter-item .counter__meta{
  font-size:15px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:1px
}
.counter-item:hover .icon-element{
  -webkit-transform:translateY(-5px);
  -moz-transform:translateY(-5px);
  -ms-transform:translateY(-5px);
  -o-transform:translateY(-5px);
  transform:translateY(-5px)
}
.file-upload-wrap .file-upload-input{
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border:2px dashed rgba(128,137,150,.2);
  height:120px;
  text-align:center;
  cursor:pointer;
  position:relative;
  display:inline-block;
  overflow:hidden;
  z-index:1;
  transition:.3s;
  text-indent:-99999px
}
.member-card:after,.search-icon{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.file-upload-wrap .file-upload-input:hover{
  border-color:rgba(128,137,150,.4);
  background-color:rgba(128,137,150,.03)
}
.file-upload-wrap .file-upload-text{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none;
  line-height:120px;
  text-align:center;
  font-size:16px;
  color:rgba(128,137,150,.9);
  font-weight:500
}
.file-upload-wrap .MultiFile-list>.MultiFile-label{
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  background-color:rgba(128,137,150,.06);
  display:inline-block;
  border:2px solid rgba(128,137,150,.1);
  padding:16px;
  position:relative;
  width:100%
}
.file-upload-wrap .MultiFile-list>.MultiFile-label>span{
  display:flex;
  flex-wrap:wrap;
  justify-content:center
}
.file-upload-wrap .MultiFile-list .MultiFile-remove{
  -webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);
  -moz-box-shadow:0 4px 20px rgba(0,0,0,.2);
  box-shadow:0 4px 20px rgba(0,0,0,.2);
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  position:absolute;
  background-color:#fff;
  color:#233d63;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  top:-16px;
  right:-16px;
  z-index:1
}
.file-upload-wrap-2 .file-upload-input{
  border:1px solid rgba(128,137,150,.1);
  height:50px;
  background-color:rgba(128,137,150,.04);
  width:191px
}
.file-upload-wrap-2 .file-upload-text{
  line-height:50px;
  width:auto;
  left:20px
}
.file--upload-wrap .MultiFile-list>.MultiFile-label{
  padding:5px 12px;
  font-size:15px
}
.file--upload-wrap .MultiFile-list .MultiFile-remove{
  width:25px;
  height:25px;
  line-height:25px
}
.file-upload-wrap-3 .file-upload-input{
  width:30px;
  border:0;
  height:25px;
  background-color:transparent;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0
}
.custom-control-input:checked~.custom--control-label-boxed,.custom-control-input:focus:not(:checked)~.custom--control-label::before,.form--control:focus,.payment-tab-toggle>input:checked~label:before{
  border-color:#ec5252
}
.file-upload-wrap-3 .file-upload-input:hover,.replay-question-body .question-list-item .media:hover{
  background-color:transparent
}
.file-upload-wrap-3 .file-upload-text{
  line-height:30px;
  font-size:20px
}
.file-upload-wrap-3 .MultiFile-list{
  position:absolute;
  right:0;
  bottom:55px
}
.member-card .card-image{
  width:100px;
  height:100px;
  border-radius:100%;
  margin-left:auto;
  margin-right:auto
}
.instructor-img .media-img img,.member-card .card-image .card-img-top{
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%
}
.member-card:after{
  position:absolute;
  content:"";
  top:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  transform:translateX(-50%);
  width:60px;
  height:4px;
  background-color:rgba(127,136,151,.2);
  -webkit-border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  border-radius:0 0 5px 5px;
  transition:.3s
}
.curriculum-sidebar-list .course-item-link:hover,.dashboard-menu-toggler:hover,.faq-heading .faq__title,.form--control-gray,.form--control-gray:focus{
  background-color:rgba(127,136,151,.1)
}
.label-text{
  font-size:15px;
  color:#233d63;
  font-weight:500
}
.form--control{
  height:50px;
  padding-left:45px;
  font-size:14px;
  color:#233d63;
  border-color:rgba(127,136,151,.2);
  font-weight:400;
  box-shadow:none;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px
}
.form--control:focus{
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none
}
.form--control-gray{
  border-color:transparent
}
.card-image,.copy-to-clipboard,.form-group,.half-shape,.lecture-viewer-container,.main-menu-content,.menu-category>ul>li,.preview-course-video,.share-wrap,.shop-cart>ul>li{
  position:relative
}
.input-group .form-control:not(:first-child){
  border-top-left-radius:5px;
  border-bottom-left-radius:5px
}
.input-icon{
  position:absolute;
  top:15px;
  left:20px;
  font-size:18px;
  z-index:4
}
.search-close-icon,.search-icon{
  padding:15px;
  top:50%;
  color:#233d63;
  font-size:18px;
  cursor:pointer;
  position:absolute;
  right:0
}
.search-close-icon{
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%)
}
.search-icon{
  -webkit-transform:translateY(-50%) rotate(-90deg);
  -moz-transform:translateY(-50%) rotate(-90deg);
  -ms-transform:translateY(-50%) rotate(-90deg);
  -o-transform:translateY(-50%) rotate(-90deg);
  transform:translateY(-50%) rotate(-90deg);
  transition:.3s;
  background-color:transparent;
  border:none
}
.custom--control-label-boxed,.payment-tab-toggle>label:before{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.custom--control-label::before,.custom--control-label:after{
  top:.4rem
}
.custom--control-label-boxed{
  display:block;
  border:1px solid rgba(128,137,150,.1);
  background-color:#fff;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  transition:.3s;
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.1);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.1);
  box-shadow:0 0 40px rgba(82,85,90,.1);
  padding:20px 20px 20px 50px
}
.custom--control-label-boxed::before,.custom--control-label-boxed:after{
  top:1.7rem;
  left:1.5rem
}
.custom-control-input:checked~.custom--control-label::before{
  background-color:#ec5252;
  border-color:#ec5252;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none
}
.leaflet-bar a,.leaflet-bar a:hover{
  border-bottom:0;
  width:35px;
  height:35px;
  line-height:35px
}
.custom-control-input:focus~.custom--control-label::before{
  -webkit-box-shadow:0 0 0 .2rem rgba(236,82,82,.25);
  -moz-box-shadow:0 0 0 .2rem rgba(236,82,82,.25);
  box-shadow:0 0 0 .2rem rgba(236,82,82,.25)
}
#map{
  width:100%;
  height:500px
}
.leaflet-bar{
  -webkit-box-shadow:0 0;
  -moz-box-shadow:0 0;
  box-shadow:0 0
}
.leaflet-bar a{
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);
  -moz-box-shadow:0 1px 5px rgba(0,0,0,.3);
  box-shadow:0 1px 5px rgba(0,0,0,.3);
  margin-bottom:4px;
  font-size:20px
}
.leaflet-bar a:hover{
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  background-color:#ec5252;
  color:#fff
}
.payment-logo{
  position:absolute;
  right:20px;
  top:21px
}
.payment-tab-toggle{
  padding-right:20px;
  padding-left:20px
}
.payment-tab-toggle>label{
  cursor:pointer;
  display:block;
  position:relative;
  padding-top:14px;
  padding-bottom:14px;
  padding-left:30px;
  margin-bottom:0;
  font-weight:600;
  color:#233d63
}
.payment-tab-toggle>label:before{
  background-color:#fff;
  border:2px solid #eee;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  content:"";
  position:absolute;
  top:18px;
  left:0;
  width:18px;
  height:18px;
  transition:.3s
}
.payment-tab-toggle>label:after{
  background-color:#eee;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  content:"";
  position:absolute;
  left:5px;
  top:23px;
  width:8px;
  height:8px;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
  transform:scale(0)
}
.payment-tab,.portfolio-filter li{
  -webkit-border-radius:8px;
  -moz-border-radius:8px
}
.payment-tab-toggle>input{
  position:absolute;
  visibility:hidden
}
.payment-tab-toggle>input:checked~label:after{
  background-color:#ec5252;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1)
}
.payment-tab{
  background-color:#fff;
  max-height:55px;
  overflow:hidden;
  position:relative;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -ms-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
  width:100%;
  border-radius:8px;
  -webkit-box-shadow:0 10px 40px rgba(82,85,90,.1);
  -moz-box-shadow:0 10px 40px rgba(82,85,90,.1);
  box-shadow:0 10px 40px rgba(82,85,90,.1);
  margin-bottom:15px
}
.payment-tab.is-active{
  max-height:400px
}
.payment-tab-content{
  padding:0 20px 20px;
  -webkit-transition:.2s;
  -moz-transition:.2s;
  -ms-transition:.2s;
  -o-transition:.2s;
  transition:.2s
}
.client-logo-item img,.meta-tags a{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.meta-tags a{
  color:#ec5252;
  transition:.3s;
  position:relative;
  padding-right:8px;
  padding-left:4px
}
.meta-tags a::after{
  position:absolute;
  content:"";
  top:7px;
  right:0;
  width:3px;
  height:3px;
  background-color:rgba(127,136,151,.4);
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%
}
.helpful-action .btn{
  border-color:rgba(128,137,150,.3);
  padding:0 10px;
  color:#7f8897;
  margin-right:2px;
  font-size:15px
}
.helpful-action .btn:hover{
  background-color:rgba(128,137,150,.1);
  color:#233d63
}
.review-reply{
  margin-left:104px
}
.client-logo-item img{
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
  transition:.3s
}
.client-logo-item:hover img{
  -webkit-filter:grayscale(0);
  filter:grayscale(0)
}
.client--logo-item{
  padding-top:10px;
  padding-bottom:10px
}
.client--logo-item img{
  -webkit-filter:grayscale(0);
  filter:grayscale(0)
}
.client--logo-item-2 img{
  max-width:100px
}
.testimonial-carousel .owl-stage-outer,.testimonial-carousel-3 .owl-stage-outer{
  padding-top:30px
}
.portfolio-filter{
  text-align:center
}
.portfolio-filter li{
  display:inline-block;
  padding:8px 25px;
  cursor:pointer;
  color:#233d63;
  border-radius:8px;
  position:relative;
  z-index:1;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.generic-portfolio-content,.generic-portfolio-item{
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  position:relative
}
.portfolio-filter li.active{
  color:#ec5252;
  -webkit-box-shadow:0 6px 25px rgba(14,16,48,.1);
  -moz-box-shadow:0 6px 25px rgba(14,16,48,.1);
  box-shadow:0 6px 25px rgba(14,16,48,.1);
  background-color:#fff
}
.generic-portfolio-item{
  z-index:1;
  border-radius:8px;
  margin-bottom:30px
}
.generic-portfolio-item img{
  width:100%;
  height:100%;
  -webkit-transition:.6s;
  -moz-transition:.6s;
  -ms-transition:.6s;
  -o-transition:.6s;
  transition:.6s
}
.faq-heading .faq__title,.generic-portfolio-content .portfolio-link:after{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.generic-portfolio-item:hover img,.preview-course-video:hover .play-button{
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1)
}
.generic-portfolio-item:hover .generic-portfolio-content .portfolio-link .icon-element{
  -webkit-transform:translate(-50%,-50%) scale(1);
  -moz-transform:translate(-50%,-50%) scale(1);
  -ms-transform:translate(-50%,-50%) scale(1);
  -o-transform:translate(-50%,-50%) scale(1);
  transform:translate(-50%,-50%) scale(1)
}
.generic-portfolio-content{
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:8px
}
.conversation-box,.scrolled-box{
  overflow-x:hidden;
  overflow-y:scroll
}
.generic-portfolio-content .portfolio-link .icon-element{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%) scale(1.4);
  -moz-transform:translate(-50%,-50%) scale(1.4);
  -ms-transform:translate(-50%,-50%) scale(1.4);
  -o-transform:translate(-50%,-50%) scale(1.4);
  transform:translate(-50%,-50%) scale(1.4);
  opacity:0;
  visibility:hidden;
  z-index:1
}
.body-overlay,.generic-portfolio-content .portfolio-link:after{
  left:0;
  opacity:0;
  top:0;
  width:100%;
  height:100%;
  visibility:hidden
}
.generic-portfolio-content .portfolio-link:after{
  position:absolute;
  content:"";
  background-color:rgba(0,0,0,.5);
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  transition:.3s
}
.chart-legend li{
  font-size:15px;
  margin-bottom:3px;
  display:inline-block;
  padding-right:15px
}
.chart-legend li:last-child,.course-duration span:last-child,[class$="-legend"] li:last-child{
  padding-right:0
}
[class$="-legend"] li{
  display:inline-block;
  padding-right:14px;
  font-size:15px
}
[class$="-legend"] li span{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  display:inline-block;
  height:10px;
  margin-right:5px;
  width:10px
}
.faq-heading .faq__title,.jqte{
  -webkit-border-radius:4px;
  -moz-border-radius:4px
}
.faq-panel.is-active .faq-heading .faq__title i{
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
.owl-action-styled .owl-nav div,.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%)
}
.faq-heading .faq__title{
  color:#233d63;
  width:100%;
  cursor:pointer;
  padding:20px 30px 18px;
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:justify;
  justify-content:space-between;
  font-weight:500;
  font-size:20px;
  position:relative;
  border-radius:4px;
  transition:.3s
}
.down-button .la,.faq-heading .faq__title i,.modal-container .close span,.off-canvas-menu-close i,.play-button,.search-bar-close i,.sub-nav-toggler .la{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.data-list .btn.active,.faq-heading .faq__title:hover,.level-timeline .level-active,.owl-action-styled .owl-nav div:hover,.replay-action-bar .btn-group .btn:hover{
  background-color:#ec5252;
  color:#fff
}
.faq-content{
  padding:20px;
  display:none
}
.faq-content .faq__desc{
  font-size:16px;
  color:#7f8897;
  line-height:28px
}
.body-overlay{
  background:rgba(30,30,28,.9);
  position:fixed;
  -webkit-transition:.4s;
  -moz-transition:.4s;
  -ms-transition:.4s;
  -o-transition:.4s;
  transition:.4s;
  z-index:1024
}
.fixed-nav .header-top{
  height:0;
  border:none;
  opacity:0;
  visibility:hidden
}
.fixed-nav .header-menu-content{
  position:fixed;
  top:0;
  width:100%;
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.1);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.1);
  box-shadow:0 0 40px rgba(82,85,90,.1)
}
.owl-action-styled .owl-nav div{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:45px;
  height:45px;
  line-height:45px;
  text-align:center;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  -webkit-box-shadow:0 6px 30px rgba(82,85,90,.1);
  -moz-box-shadow:0 6px 30px rgba(82,85,90,.1);
  box-shadow:0 6px 30px rgba(82,85,90,.1);
  background-color:#fff;
  font-size:18px;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.owl-action-styled .owl-dots div,.owl-action-styled .owl-dots div::after{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.owl-action-styled .owl-nav div.owl-prev{
  left:20px
}
.owl-action-styled .owl-nav div.owl-next{
  left:auto;
  right:20px
}
.owl-action-styled .owl-dots{
  width:100%;
  text-align:center
}
.owl-action-styled .owl-dots div{
  width:14px;
  height:14px;
  background-color:rgba(128,137,150,.2);
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  display:inline-block;
  margin:0 5px;
  transition:.3s;
  position:relative
}
.owl-action-styled .owl-dots div::after{
  position:absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#fff;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  transition:.3s;
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
  transform:scale(0)
}
.owl-action-styled .owl-dots div.active::after{
  -webkit-transform:scale(.4);
  -moz-transform:scale(.4);
  -ms-transform:scale(.4);
  -o-transform:scale(.4);
  transform:scale(.4)
}
.owl--action-styled .owl-nav div.owl-prev{
  left:-80px
}
.owl--action-styled .owl-nav div.owl-next{
  right:-80px
}
.owl-action-styled-2 .owl-nav div{
  width:35px;
  height:35px;
  line-height:35px
}
.owl-action-styled-2 .owl-nav div.owl-prev{
  left:-17px
}
.owl-action-styled-2 .owl-nav div.owl-next{
  right:-17px
}
.custom-scrollbar-styled::-webkit-scrollbar{
  width:8px
}
.custom-scrollbar-styled::-webkit-scrollbar-track{
  background:#f1f1f1
}
.custom-scrollbar-styled::-webkit-scrollbar-thumb{
  background:rgba(128,137,150,.2);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px
}
.dot-bg:after,.dot-bg:before,.generic-img-box::after,.img-bg,.img-bg-2,.img-bg-3,.pattern-bg{
  background-position:center;
  background-size:cover
}
.custom-scrollbar-styled::-webkit-scrollbar-thumb:hover{
  background:rgba(128,137,150,.4)
}
.avatar-lg{
  width:120px!important;
  height:120px!important
}
.avatar-md{
  width:65px!important;
  height:65px!important
}
.avatar-sm{
  width:48px!important;
  height:48px!important
}
.avatar-xs{
  width:32px!important;
  height:32px!important
}
.dot-bg:after,.dot-bg:before{
  position:absolute;
  content:'';
  bottom:0;
  left:0;
  width:200px;
  height:200px;
  background-image:url("../images/dots.webp");
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  -webkit-transform:rotate(10deg);
  -moz-transform:rotate(10deg);
  -ms-transform:rotate(10deg);
  -o-transform:rotate(10deg);
  transform:rotate(10deg);
  opacity:.2;
  z-index:-1
}
.dot-bg:after{
  top:-80px;
  left:auto;
  bottom:auto;
  right:0
}
.ring-shape{
  position:absolute;
  border:2px solid rgba(128,137,150,.2);
  width:25px;
  height:25px;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%
}
.generic-img-box .img__item,.video-box{
  -webkit-border-radius:8px;
  -moz-border-radius:8px
}
.ring-shape.ring-shape-1{
  left:4%;
  top:15%
}
.ring-shape.ring-shape-2{
  left:10%;
  top:30%
}
.ring-shape.ring-shape-3{
  left:5%;
  top:50%
}
.ring-shape.ring-shape-4{
  left:10%;
  bottom:15%
}
.ring-shape.ring-shape-5{
  right:5%;
  top:10%
}
.ring-shape.ring-shape-6{
  right:15%;
  top:30%
}
.ring-shape.ring-shape-7{
  right:6%;
  bottom:20%
}
.stroke-shape{
  position:absolute;
  width:200px;
  -webkit-transform:rotate(-55deg);
  -moz-transform:rotate(-55deg);
  -ms-transform:rotate(-55deg);
  -o-transform:rotate(-55deg);
  transform:rotate(-55deg);
  opacity:.1;
  background-color:#7f8897;
  height:2px;
  display:block
}
.stroke-shape.stroke-shape-1,.stroke-shape.stroke-shape-2,.stroke-shape.stroke-shape-3{
  top:175px
}
.stroke-shape.stroke-shape-1{
  left:70px
}
.stroke-shape.stroke-shape-2{
  left:90px
}
.stroke-shape.stroke-shape-3{
  left:110px
}
.stroke-shape.stroke-shape-4{
  right:70px
}
.stroke-shape.stroke-shape-5{
  right:90px
}
.stroke-shape.stroke-shape-6{
  right:110px
}
.stroke-shape.stroke-shape-4,.stroke-shape.stroke-shape-5,.stroke-shape.stroke-shape-6{
  bottom:0;
  -webkit-transform:rotate(55deg);
  -moz-transform:rotate(55deg);
  -ms-transform:rotate(55deg);
  -o-transform:rotate(55deg);
  transform:rotate(55deg)
}
.generic-img-box-layout-2 .img__item-3,.half-shape::after{
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%)
}
.ring--shape{
  width:50px;
  height:50px;
  border-width:8px;
  border-color:#fff;
  opacity:.1
}
.ring--shape.ring-shape-1{
  top:-20%
}
.ring--shape.ring-shape-2{
  top:73%;
  left:50%
}
.ring--shape.ring-shape-3{
  top:5%;
  left:auto;
  right:10%
}
.img-bg,.img-bg-2,.img-bg-3,.pattern-bg{
  position:relative;
  z-index:2
}
.img-bg{
  background-image:url("../img/bg-1.webp")
}
.img-bg-2{
  background-image:url("../images/breadcrumb-bg.webp")
}
.img-bg-3{
  background-image:url("../images/breadcrumb-bg-2.webp")
}
.overlay{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  content:"";
  background-color:#000;
  opacity:.8
}
.pattern-bg{
  background-image:url("../images/pattern.webp")
}
.generic-img-box{
  position:relative;
  height:100%
}
.generic-img-box::after{
  position:absolute;
  content:'';
  right:-50px;
  bottom:150px;
  width:200px;
  height:150px;
  background-image:url(../images/dots.webp);
  pointer-events:none;
  opacity:.2;
  z-index:-1
}
.generic-img-box .img__item{
  width:100%;
  border-radius:8px;
  position:absolute
}
.generic-img-box .img__item-1{
  top:0;
  right:0
}
.generic-img-box .img__item-2{
  bottom:100px;
  left:-60px;
  width:250px;
  border:10px solid #fff
}
.generic-img-box-layout-2 img{
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  width:100%;
  height:100%
}
.generic-img-box-layout-2 .img__item{
  width:220px;
  height:220px;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%
}
.generic-img-box-layout-2 .img__item-1{
  right:20px
}
.generic-img-box-layout-2 .img__item-2{
  left:20px;
  top:0;
  bottom:auto;
  border:0
}
.generic-img-box-layout-2 .img__item-3{
  bottom:-20px;
  left:50%;
  transform:translateX(-50%)
}
.generic-img-box-layout-2 .generic-img-box-content{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:rgba(0,0,0,.7);
  flex-direction:column;
  color:#fff
}
.level-dot,.story-img-item{
  -webkit-border-radius:100%;
  -moz-border-radius:100%
}
.generic-img-box-layout-3{
  height:auto
}
.generic-img-box-layout-3 .img__item{
  position:inherit
}
.generic-img-box-layout-3 .img__item-1{
  top:auto;
  right:auto
}
.generic-img-box-layout-3::before{
  position:absolute;
  content:"";
  top:0;
  left:35%;
  height:100%;
  width:10px;
  background-color:#fff;
  z-index:1
}
.half-shape::after,.quiz-course-nav::before{
  position:absolute;
  left:0;
  background-color:#fff
}
.generic-img-box-layout-3::after{
  right:-40px;
  bottom:-40px
}
.half-shape::after{
  content:'';
  width:10000px;
  height:100vh;
  top:50%;
  transform:translateX(-50%);
  z-index:-1
}
.quiz-nav li{
  margin-right:20px
}
.quiz-nav li img{
  width:40px;
  margin-right:15px
}
.quiz-nav li p{
  line-height:22px
}
.quiz-nav li p a{
  color:#233d63;
  font-size:17px
}
.quiz-course-nav::before{
  content:"";
  right:0;
  top:calc(50% - 1px);
  height:2px;
  opacity:.1;
  z-index:-1
}
.quiz-nav-btns .theme-btn{
  font-size:15px;
  font-weight:500
}
.quiz-content .quiz-desc{
  width:700px
}
.level-timeline{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center
}
.level-timeline .icon-element{
  position:relative;
  margin-right:10px;
  margin-left:10px;
  background-color:#eee;
  flex-shrink:0
}
.level-timeline .level-dot{
  position:absolute;
  top:-7px;
  left:50%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  transform:translateX(-50%)
}
.level-timeline::before{
  position:absolute;
  content:"";
  background-color:#eee;
  z-index:-1;
  width:70%;
  height:5px;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  left:50%
}
.level-dot{
  width:12px;
  height:12px;
  display:inline-block;
  border-radius:100%;
  background-color:#eee;
  border:2px solid #fff
}
.feature-area{
  position:relative;
  z-index:2
}
.feature-content-wrap{
  margin-top:-60px
}
.dot-status{
  height:14px;
  width:14px;
  background-color:#f7f7ff;
  display:block;
  border:2px solid #fff;
  box-shadow:0 1px 3px rgba(0,0,0,.2);
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%
}
.jqte_linkbutton,.jqte_toolbar{
  background-color:rgba(128,137,150,.1)
}
.scrolled-box{
  max-height:410px
}
.scrolled--box{
  max-height:550px
}
.jqte{
  margin:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  border-radius:4px;
  border-color:rgba(128,137,150,.2)
}
.jqte *{
  font-family:Arial,sans-serif!important
}
.jqte dl,.jqte ol,.jqte ul{
  padding:5px 5px 5px 16px
}
.jqte ul{
  list-style:disc
}
.jqte_toolbar{
  border-bottom-color:rgba(128,137,150,.2)
}
.jqte_tool{
  padding:3px
}
.jqte_tool:hover{
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.2);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.2);
  box-shadow:0 0 40px rgba(82,85,90,.2)
}
.jqte_tool,.jqte_tool_icon,.jqte_tool_label{
  border-color:transparent!important
}
.jqte_linkinput,.jqte_linktypeview{
  border-color:rgba(128,137,150,.3)
}
.jqte_title,.number-upvotes span{
  font-weight:600
}
.jqte_tool.jqte_tool_1 .jqte_tool_label{
  width:80px;
  height:24px;
  padding:0
}
.jqte_cpalette,.jqte_fontsizes,.jqte_formats,.jqte_linktypes{
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.1);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.1);
  box-shadow:0 0 40px rgba(82,85,90,.1);
  border-color:rgba(128,137,150,.3)
}
.jqte_editor,.jqte_source{
  min-height:160px
}
.jqte_placeholder_text{
  top:49px;
  color:#7f8897;
  font-weight:500
}
.jqte_linktypeview{
  padding:4px 10px
}
.jqte_linkbutton,.jqte_linkinput{
  color:#233d63;
  padding-top:4px;
  padding-bottom:4px
}
.jqte_linktypearrow{
  bottom:13px;
  right:13px
}
.jqte_linkinput:focus,.jqte_linkinput:hover{
  border-color:rgba(128,137,150,.8)
}
.jqte_linkbutton{
  border-color:rgba(128,137,150,.4);
  -webkit-box-shadow:inset 0 0;
  -moz-box-shadow:inset 0 0;
  box-shadow:inset 0 0
}
.pulse-btn:after,.pulse-btn:before{
  position:absolute;
  content:'';
  top:-25px;
  left:-25px;
  bottom:-25px;
  right:-25px;
  background-color:rgba(255,255,255,.2);
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  -webkit-animation:1.8s linear infinite play-button-pulse;
  -moz-animation:1.8s linear infinite play-button-pulse;
  animation:1.8s linear infinite play-button-pulse;
  opacity:0;
  z-index:-1
}
.pulse-btn:after{
  -webkit-animation-delay:.6s;
  -moz-animation-delay:.6s;
  animation-delay:.6s
}
.story-img-item{
  position:relative;
  width:300px;
  height:300px;
  margin-left:auto;
  margin-right:auto;
  border-radius:100%;
  margin-bottom:30px
}
.main-menu,.main-menu>ul>li{
  margin-right:18px
}
.story-img-item img{
  width:100%;
  height:100%;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%
}
.story-img-item .video-play-btn{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.story-img-item:hover .video-play-btn{
  -webkit-transform:translate(-50%,-50%) scale(1.2);
  -moz-transform:translate(-50%,-50%) scale(1.2);
  -ms-transform:translate(-50%,-50%) scale(1.2);
  -o-transform:translate(-50%,-50%) scale(1.2);
  transform:translate(-50%,-50%) scale(1.2)
}
.video-box{
  width:auto;
  height:auto;
  border-radius:8px
}
.flip-box,.video-box img{
  -webkit-border-radius:8px;
  -moz-border-radius:8px
}
.video-box img{
  height:450px;
  border-radius:8px
}
.request-demo-area{
  z-index:1
}
.request-demo-cta{
  border-left:8px solid #ec5252;
  padding:20px 0 20px 32px
}
.flip-box{
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
  perspective:1000px;
  -webkit-perspective:1000px;
  border-radius:8px;
  margin-bottom:30px
}
.flip-box .flip-img{
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  width:100%
}
.flip-box .flip-content{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:100%;
  padding:25px;
  -webkit-perspective:inherit;
  perspective:inherit;
  z-index:2;
  -webkit-transform:translateZ(60px) scale(.88);
  -moz-transform:translateZ(60px) scale(.88);
  -ms-transform:translateZ(60px) scale(.88);
  -o-transform:translateZ(60px) scale(.88);
  transform:translateZ(60px) scale(.88);
  color:#fff
}
.flip-box .flip-title{
  color:#fff;
  font-size:20px;
  font-weight:600
}
.flip-box:hover .flip-box-front{
  -webkit-transform:rotateY(-180deg);
  -moz-transform:rotateY(-180deg);
  -ms-transform:rotateY(-180deg);
  -o-transform:rotateY(-180deg);
  transform:rotateY(-180deg);
  -webkit-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d
}
.flip-box:hover .flip-box-back{
  -webkit-transform:rotateY(0);
  -moz-transform:rotateY(0);
  -ms-transform:rotateY(0);
  -o-transform:rotateY(0);
  transform:rotateY(0);
  -webkit-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d
}
.flip-box-back,.flip-box-front{
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  -ms-transition:transform .7s cubic-bezier(.4, .2, .2, 1);
  transition:transform .7s cubic-bezier(.4, .2, .2, 1);
  -webkit-transition:transform .7s cubic-bezier(.4, .2, .2, 1);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  position:relative;
  -webkit-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d
}
.flip-box-back,.package-tooltip{
  position:absolute;
  top:0;
  left:0;
  width:100%
}
.flip-box-back:after,.flip-box-front:after{
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color:#000;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  opacity:.6
}
.flip-box-back{
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  transform:rotateY(180deg)
}
.package-tooltip{
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  background-color:#ec5252;
  color:#fff;
  font-weight:600;
  display:block;
  text-align:center;
  padding:14px 10px;
  font-size:17px
}
.course-badge.green,.success-message,.success-message:after{
  background-color:#38bb0c
}
.package-item-active{
  padding-top:55px;
  margin-top:-24px
}
.generic-tab,.notification-body a:last-child,.notification-dropdown-menu .generic-list-item li{
  border-bottom:0
}
.generic-tab .nav-item{
  margin-right:5px;
  margin-bottom:5px
}
.generic-tab .nav-link{
  color:#7f8897;
  border:0;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  -webkit-transition:.2s;
  -moz-transition:.2s;
  -ms-transition:.2s;
  -o-transition:.2s;
  transition:.2s
}
.card-item,.generic-tab-layout-2 .nav-link::after{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.generic-tab .nav-link.active{
  color:#ec5252;
  -webkit-box-shadow:0 6px 25px rgba(14,16,48,.1);
  -moz-box-shadow:0 6px 25px rgba(14,16,48,.1);
  box-shadow:0 6px 25px rgba(14,16,48,.1)
}
.generic-tab-layout-2 .nav-item{
  margin-right:10px;
  margin-bottom:0
}
.generic-tab-layout-2 .nav-link{
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  position:relative
}
.generic-tab-layout-2 .nav-link::after{
  position:absolute;
  content:"";
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  background-color:#233d63;
  opacity:0;
  visibility:hidden;
  transition:.3s
}
.generic-tab-layout-2 .nav-link.active{
  color:#ec5252;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none
}
.card-item,.menu-category>ul>li .cat-dropdown-menu>li .sub-menu{
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.1);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.1)
}
.generic-tab-layout-2 .nav-link.active::after{
  opacity:1;
  visibility:visible;
  background-color:#ec5252
}
.generic-table{
  color:#233d63;
  margin-bottom:0
}
.generic-table thead{
  background-color:rgba(127,126,151,.1)
}
.generic-table thead th{
  border:none;
  font-weight:600
}
.card-item,.modal-container .modal-content{
  -webkit-border-radius:8px;
  -moz-border-radius:8px
}
.generic-table tbody td,.generic-table tbody th{
  padding-top:20px;
  padding-bottom:20px;
  border-top:none;
  vertical-align:middle;
  font-weight:500;
  border-bottom:1px solid rgba(127,126,151,.1)
}
.modal-container.fade .modal-dialog{
  -webkit-transform:scale(.8) translate(0,0);
  -moz-transform:scale(.8) translate(0,0);
  -ms-transform:scale(.8) translate(0,0);
  -o-transform:scale(.8) translate(0,0);
  transform:scale(.8) translate(0,0);
  -webkit-transition:.2s;
  -moz-transition:.2s;
  -ms-transition:.2s;
  -o-transition:.2s;
  transition:.2s
}
.modal-container .close:hover span,.sidebar-close:hover,.sidebar-open:hover{
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
  color:#ec5252
}
.modal-container .modal-content{
  border-radius:8px
}
.modal-container .modal-dialog{
  -webkit-transform:scale(.8) translate(0,0);
  -moz-transform:scale(.8) translate(0,0);
  -ms-transform:scale(.8) translate(0,0);
  -o-transform:scale(.8) translate(0,0);
  transform:scale(.8) translate(0,0)
}
.modal-container.show .modal-dialog{
  -webkit-transform:scale(1) translate(0,0);
  -moz-transform:scale(1) translate(0,0);
  -ms-transform:scale(1) translate(0,0);
  -o-transform:scale(1) translate(0,0);
  transform:scale(1) translate(0,0)
}
.success-message{
  color:#fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  padding:3px 6px;
  position:absolute;
  top:-10px;
  left:45%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  transform:translateX(-50%);
  -webkit-transition:.4s;
  -moz-transition:.4s;
  -ms-transition:.4s;
  -o-transition:.4s;
  transition:.4s;
  opacity:0;
  visibility:hidden
}
.success-message.active{
  top:-40px;
  opacity:1;
  visibility:visible
}
.success-message:after{
  position:absolute;
  content:"";
  bottom:-4px;
  left:50%;
  -webkit-transform:translateX(-50%) rotate(45deg);
  -moz-transform:translateX(-50%) rotate(45deg);
  -ms-transform:translateX(-50%) rotate(45deg);
  -o-transform:translateX(-50%) rotate(45deg);
  transform:translateX(-50%) rotate(45deg);
  width:8px;
  height:8px
}
.card-item{
  border-radius:8px;
  margin-bottom:30px;
  transition:.3s;
  box-shadow:0 0 40px rgba(82,85,90,.1);
  border:0
}
.course-badge,.media-card .media-img{
  -webkit-border-radius:8px;
  -moz-border-radius:8px
}
.card-item .card-title{
  color:#233d63;
  font-weight:600;
  line-height:25px;
  margin-bottom:1px;
  font-size:20px
}
.card-item .card-title a{
  color:#233d63;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.card-item .card-body{
  padding:1.6rem
}
.card-image .card-img-top{
  border-top-left-radius:8px;
  border-top-right-radius:8px
}
.card-image .course-badge-labels{
  position:absolute;
  top:10px;
  left:10px
}
.card-image .course--badge-labels{
  left:auto;
  right:10px
}
.card-image .play-button{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%) scale(.6);
  -moz-transform:translate(-50%,-50%) scale(.6);
  -ms-transform:translate(-50%,-50%) scale(.6);
  -o-transform:translate(-50%,-50%) scale(.6);
  transform:translate(-50%,-50%) scale(.6);
  -webkit-transition:150ms ease-in-out;
  -moz-transition:150ms ease-in-out;
  -ms-transition:150ms ease-in-out;
  -o-transition:150ms ease-in-out;
  transition:150ms ease-in-out;
  opacity:0;
  visibility:hidden
}
.media-card .media-body h5 a,.share-wrap .social-icons{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.card-image:hover .play-button{
  -webkit-transform:translate(-50%,-50%) scale(1);
  -moz-transform:translate(-50%,-50%) scale(1);
  -ms-transform:translate(-50%,-50%) scale(1);
  -o-transform:translate(-50%,-50%) scale(1);
  transform:translate(-50%,-50%) scale(1);
  opacity:1;
  visibility:visible
}
.course-badge{
  background-color:#f68a03;
  color:#fff;
  font-weight:700;
  display:inline-block;
  padding:4px 10px;
  border-radius:8px;
  font-size:12px;
  line-height:18px;
  letter-spacing:.2px
}
.share-wrap .social-icons{
  position:absolute;
  top:2px;
  right:0;
  opacity:0;
  visibility:hidden;
  width:115px;
  transition:.3s
}
.share-wrap .social-icons.social-active{
  opacity:1;
  visibility:visible;
  -webkit-transform:translateX(-45px);
  -moz-transform:translateX(-45px);
  -ms-transform:translateX(-45px);
  -o-transform:translateX(-45px);
  transform:translateX(-45px)
}
.share-toggle{
  z-index:1;
  position:relative
}
.share-toggle.share-toggle-active i::before{
  content:"\f00d"
}
.card-item-list-layout{
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  -ms-flex-direction:row;
  flex-direction:row
}
.card-item-list-layout .card-image{
  width:33%
}
.card-item-list-layout .card-image a{
  height:100%
}
.card-item-list-layout .card-image .card-img-top{
  border-top-right-radius:0;
  border-bottom-left-radius:8px;
  height:100%;
  object-fit:cover
}
.card-item-list-layout .card-body{
  width:67%
}
.tooltipster-sidetip{
  width:380px!important
}
.tooltipster-sidetip .tooltipster-box{
  background:#fff;
  border:0;
  -webkit-box-shadow:0 0 10px rgba(82,85,90,.2);
  -moz-box-shadow:0 0 10px rgba(82,85,90,.2);
  box-shadow:0 0 10px rgba(82,85,90,.2);
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px
}
.tooltipster-sidetip .tooltipster-content{
  color:inherit;
  line-height:inherit;
  padding:0
}
.tooltipster-sidetip .card-item{
  margin-bottom:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{
  border-top-color:#fff;
  top:2px
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{
  border-right-color:#fff;
  left:0
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{
  top:50%!important;
  transform:translateY(-50%);
  margin-top:0;
  left:-1px
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{
  left:0;
  border-left-color:#fff
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{
  top:50%!important;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  margin-top:0;
  right:-1px
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{
  border-bottom-color:#fff;
  top:-2px
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border,.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border,.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border,.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{
  border:none
}
.media-card .media-img{
  width:80px;
  height:80px;
  margin-right:15px;
  border-radius:8px
}
.media-card .media-img img{
  width:100%;
  height:100%;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px
}
.media-card .media--img{
  border:4px solid #fff;
  -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.05);
  -moz-box-shadow:0 0 8px 0 rgba(0,0,0,.05);
  box-shadow:0 0 8px 0 rgba(0,0,0,.05)
}
.media-card .media-img-md{
  width:100px;
  height:100px
}
.media-card .media-img-lg{
  width:200px;
  height:200px
}
.media-card .media-body h5{
  color:#233d63;
  font-weight:600;
  line-height:18px
}
.copy-desc a:hover,.course-alert-info .alert-link:hover,.dark-theme .portfolio-filter li.active,.main-menu>ul>li .dropdown-menu-item>li>a:hover,.main-menu>ul>li a:hover,.media-card .media-body h5 a:hover,.menu-category>ul>li .cat-dropdown-menu>li .sub-menu li a:hover,.menu-category>ul>li a:hover,.nav-right-button .generic-list-item li a:hover,.off-canvas-menu-close:hover,.off-canvas-menu-list li .sub-menu li a:hover,.off-canvas-menu-toggle:hover,.search-bar-close:hover,.search-menu-toggle:hover,.shop-cart-btn:hover,.sidebar-user-action-list .generic-list-item li a:hover,.sub-nav-toggler.active,.sub-nav-toggler:hover{
  color:#ec5252
}
.media-card .media-body h5 a{
  color:#233d63;
  transition:.3s
}
.cart-dropdown-menu,.shop-cart-btn{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.header-menu-area{
  position:relative;
  z-index:1023
}
.dashboard-menu-content{
  width:calc(100% - 320px);
  margin-left:auto
}
.shop-cart>ul>li:hover .cart-dropdown-menu{
  opacity:1;
  visibility:visible;
  top:45px
}
.shop-cart-btn{
  font-size:20px;
  padding-top:10px;
  padding-bottom:10px;
  cursor:pointer;
  color:#233d63;
  transition:.3s;
  position:relative
}
.cart-dropdown-menu .media-body,.copy-desc,.course-item-meta,.notification-dropdown-menu .generic-list-item,.product-count,.sidebar-user-action-list .media-body p,.sidebar-user-action-list .media-body span{
  font-size:14px
}
.shop-cart-btn .dot-status{
  position:absolute;
  top:6px;
  right:-6px
}
.cart-dropdown-menu:after,.menu-category>ul>li .cat-dropdown-menu:after{
  top:-8px;
  width:0;
  height:0;
  border-left:9px solid transparent;
  border-right:9px solid transparent;
  border-bottom:9px solid #fff;
  content:""
}
.product-count{
  width:18px;
  height:18px;
  line-height:17px;
  text-align:center;
  background-color:#ec5252;
  color:#fff;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  display:inline-block
}
.cart-dropdown-menu{
  position:absolute;
  right:0;
  top:50px;
  width:325px;
  background-color:#fff;
  padding:20px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  transition:.3s;
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.2);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.2);
  box-shadow:0 0 40px rgba(82,85,90,.2);
  opacity:0;
  visibility:hidden;
  z-index:3
}
.notification-body a,.sub-nav-toggler{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.cart-dropdown-menu li,.sidebar-user-action-list>li{
  margin-bottom:15px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(127,136,151,.1)
}
.cart-dropdown-menu li:last-child{
  padding-bottom:0;
  margin-bottom:0;
  border-bottom:0
}
.cart-dropdown-menu .media-body h5,.sidebar-user-action-list .media-body h5{
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  max-height:3.4rem;
  font-size:14px
}
.cart-dropdown-menu:after{
  position:absolute;
  right:20px
}
.notification-dropdown-menu li{
  margin-bottom:0;
  padding-bottom:0
}
.notification-dropdown-menu li.menu-heading-block{
  padding:15px 20px
}
.notification-dropdown-menu .generic-list-item a{
  padding:8px 20px
}
.menu-heading-block h4{
  font-size:16px;
  font-weight:600
}
.menu-heading-block p{
  font-weight:400;
  font-size:14px
}
.notification-body a{
  padding:15px 20px;
  transition:.3s;
  border-bottom:1px solid rgba(128,137,150,.1)
}
.notification-body a:hover{
  background-color:rgba(128,137,150,.04)
}
.notification-body a:hover.message-active{
  background-color:rgba(53,143,227,.07)
}
.user-profile-cart .cart-dropdown-menu{
  width:280px
}
.header-menu-content{
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -ms-transition:.5s;
  -o-transition:.5s;
  transition:.5s
}
.header-menu-content.fixed-top{
  -webkit-box-shadow:0 0 40px rgba(14,16,48,.07);
  -moz-box-shadow:0 0 40px rgba(14,16,48,.07);
  box-shadow:0 0 40px rgba(14,16,48,.07)
}
.off-canvas-menu-toggle,.search-menu-toggle{
  display:none;
  cursor:pointer
}
.sub-nav-toggler{
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  color:#233d63;
  cursor:pointer;
  transition:.3s;
  display:none;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  border:none;
  outline:0;
  z-index:2;
  background-color:#fff;
  -webkit-box-shadow:0 0 .35rem rgba(0,0,0,.085);
  -moz-box-shadow:0 0 .35rem rgba(0,0,0,.085);
  box-shadow:0 0 .35rem rgba(0,0,0,.085)
}
.menu-category>ul>li .cat-dropdown-menu,.menu-category>ul>li a{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.menu-category>ul>li .cat-dropdown-menu,.menu-category>ul>li .cat-dropdown-menu>li .sub-menu{
  padding:25px 0;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  position:absolute;
  background-color:#fff;
  opacity:0;
  visibility:hidden
}
.down-button.active .la,.sub-nav-toggler.active .la{
  -webkit-transform:rotate(-180deg);
  -moz-transform:rotate(-180deg);
  -ms-transform:rotate(-180deg);
  -o-transform:rotate(-180deg);
  transform:rotate(-180deg)
}
.logo-box{
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  position:relative
}
.menu-category>ul>li a{
  color:#233d63;
  text-transform:capitalize;
  padding-bottom:35px;
  transition:.3s
}
.menu-category>ul>li .cat-dropdown-menu{
  left:0;
  top:60px;
  width:320px;
  display:block;
  border-radius:8px;
  transition:.3s;
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.2);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.2);
  box-shadow:0 0 40px rgba(82,85,90,.2);
  z-index:1
}
.menu-category>ul>li .cat-dropdown-menu>li{
  margin-bottom:8px;
  position:relative
}
.menu-category>ul>li .cat-dropdown-menu>li>a{
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding-right:30px;
  padding-left:30px;
  padding-bottom:0
}
.menu-category>ul>li .cat-dropdown-menu>li>a .la-angle-right{
  font-size:13px
}
.menu-category>ul>li .cat-dropdown-menu>li .sub-menu{
  top:-24px;
  left:96%;
  width:280px;
  border-radius:8px;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
  box-shadow:0 0 40px rgba(82,85,90,.1)
}
.menu-category>ul>li .cat-dropdown-menu>li .sub-menu li a{
  color:#7f8897;
  text-transform:capitalize;
  position:relative;
  display:inline-block;
  padding-right:0;
  padding-left:0;
  margin-left:30px;
  padding-bottom:0
}
.menu-category>ul>li .cat-dropdown-menu>li .sub-menu li a:after{
  width:0;
  height:1px;
  position:absolute;
  content:'';
  bottom:1px;
  right:0;
  background-color:#ec5252;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.main-menu>ul>li .dropdown-menu-item,.main-menu>ul>li a{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
.menu-category>ul>li .cat-dropdown-menu>li .sub-menu li a:hover:after{
  width:100%;
  right:auto;
  left:0
}
.menu-category>ul>li .cat-dropdown-menu>li:hover .sub-menu{
  left:100%;
  opacity:1;
  visibility:visible
}
.menu-category>ul>li .cat-dropdown-menu:after{
  position:absolute;
  left:30px
}
.menu-category>ul>li:hover .cat-dropdown-menu{
  opacity:1;
  visibility:visible;
  top:43px
}
.menu-wrapper{
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:end;
  justify-content:flex-end;
  padding-top:20px;
  padding-bottom:20px;
  position:relative
}
.menu-wrapper form{
  width:350px;
  margin-right:25px;
  margin-left:25px
}
@media (max-width:1366px){
  .menu-wrapper form{
      width:300px
  }
}
@media (max-width:1280px){
  .owl--action-styled .owl-nav div.owl-prev{
      left:-20px
  }
  .owl--action-styled .owl-nav div.owl-next{
      right:-20px
  }
  .menu-wrapper form{
      width:280px;
      margin-right:15px;
      margin-left:15px
  }
}
.main-menu>ul>li{
  display:inline-block;
  text-transform:capitalize;
  position:relative
}
.main-menu>ul>li.mega-menu-has{
  position:static
}
.main-menu>ul>li a{
  font-size:15px;
  color:#233d63;
  transition:.3s;
  padding-bottom:33px
}
.main-menu>ul>li .dropdown-menu-item{
  position:absolute;
  left:0;
  top:60px;
  width:220px;
  background-color:#fff;
  padding:15px 25px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  transition:.3s;
  -webkit-box-shadow:0 0 40px rgba(82,85,90,.1);
  -moz-box-shadow:0 0 40px rgba(82,85,90,.1);
  box-shadow:0 0 40px rgba(82,85,90,.1);
  opacity:0;
  visibility:hidden
}
.main-menu>ul>li .dropdown-menu-item>li{
  display:block;
  margin-right:0;
  margin-bottom:4px;
  text-transform:capitalize
}
.main-menu>ul>li .dropdown-menu-item>li>a{
  color:#7f8897;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:0;
  margin-bottom:0
}
.main-menu>ul>li .mega-menu{
  top:95px;
  width:100%;
  padding-top:0;
  padding-bottom:0
}
.main-menu>ul>li .mega-menu>ul>li{
  margin-bottom:0;
  border-left:1px solid rgba(128,137,150,.1);
  padding:15px 30px
}
.main-menu>ul>li .mega-menu>ul>li:first-child{
  padding-left:0;
  border-left:0
}
.main-menu>ul>li .mega-menu>ul>li:last-child{
  border-left:0;
  padding-right:0
}
.main-menu>ul>li .mega-menu>ul>li>a{
  padding-bottom:5px;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.main-menu>ul>li:hover .dropdown-menu-item{
  top:50px;
  opacity:1;
  visibility:visible
}
.main-menu>ul>li:hover .mega-menu{
  top:70px
}
.menu-banner-content{
  z-index:2
}
.menu-banner-content .btn{
  padding-bottom:6px;
  line-height:28px;
  display:block
}
.down-button{
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  transform:translateX(-50%);
  width:30px;
  text-align:center;
  height:22px;
  line-height:20px;
  background-color:rgba(128,137,150,.1);
  color:#7f8897;
  display:none;
  -webkit-border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px;
  z-index:3;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.nav-right-button .generic-list-item li{
  margin-bottom:0;
  margin-right:10px;
  display:inline-block
}
.nav-right-button .notification-dropdown-menu .generic-list-item li{
  margin-right:0;
  margin-bottom:0;
  display:block
}
.off-canvas-menu-close{
  position:absolute;
  top:20px;
  right:20px;
  cursor:pointer
}
.mobile-search-form,.off-canvas-menu{
  position:fixed;
  top:0;
  left:0;
  background-color:#fff
}
.off-canvas-menu-close:hover i,.search-bar-close:hover i{
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg)
}
.off-canvas-menu-heading{
  padding-right:20px;
  padding-left:20px;
  font-size:14px;
  color:#7f8897;
  font-weight:700
}
.off-canvas-menu{
  width:325px;
  height:100vh;
  overflow-x:hidden;
  z-index:1035;
  -webkit-transition:.4s cubic-bezier(.7, 0, .2, 1);
  -moz-transition:.4s cubic-bezier(.7, 0, .2, 1);
  -ms-transition:.4s cubic-bezier(.7, 0, .2, 1);
  -o-transition:.4s cubic-bezier(.7, 0, .2, 1);
  transition:.4s cubic-bezier(.7, 0, .2, 1);
  -webkit-box-shadow:0 1px 8px rgba(0,0,0,.1);
  -moz-box-shadow:0 1px 8px rgba(0,0,0,.1);
  box-shadow:0 1px 8px rgba(0,0,0,.1);
  -webkit-transform:translateX(-100%);
  -moz-transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  -o-transform:translateX(-100%);
  transform:translateX(-100%)
}
.off--canvas-menu{
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0)
}
@media (max-width:1199px){
  .dashboard-menu-content{
      width:100%
  }
  .off-canvas-menu-toggle,.search-menu-toggle{
      display:inline-block
  }
  .sub-nav-toggler{
      display:block
  }
  .logo-box{
      -ms-flex-pack:justify;
      justify-content:space-between
  }
  .logo--box{
      display:-webkit-flex;
      display:-ms-flex;
      display:flex
  }
  .menu-category,.menu-wrapper,.nav-right-button .course-cart{
      display:none
  }
  .main-menu-content{
      padding-top:14px;
      padding-bottom:14px
  }
  .main-menu-content .col-lg-2,.main-menu-content .col-lg-3{
      -ms-flex:0 0 100%;
      flex:0 0 100%;
      max-width:100%
  }
  .user-action-wrap{
      display:none!important
  }
  .off--canvas-menu{
      -webkit-transform:translateX(-100%);
      -moz-transform:translateX(-100%);
      -ms-transform:translateX(-100%);
      -o-transform:translateX(-100%);
      transform:translateX(-100%)
  }
}
.category-off-canvas-menu.active,.main-off-canvas-menu.active,.off--canvas-menu.active,.user-off-canvas-menu.active{
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0)
}
.off-canvas-menu-list li{
  margin-bottom:0;
  font-size:15px
}
.off-canvas-menu-list li svg{
  fill:#233d63;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.off-canvas-menu-list li a{
  background-color:#fff;
  color:#233d63;
  text-transform:capitalize;
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:6px 20px;
  border-right:2px solid transparent
}
.conversation-item .message-body .la-check,.course-duration span:last-child:after,.dark-theme .dark-mode-btn,.hero-area-2 .hero-slider-item:before,.hero-area-3 .hero-slider-item:before,.lecture-tab-body .generic-tab .mobile-menu-nav-item,.off-canvas-menu-list li .sub-menu,.question-overview-result-wrap.active{
  display:none
}
.off-canvas-menu-list li .sub-menu li a{
  color:#7f8897
}
.off--canvas-menu-list li a{
  padding-top:12px;
  padding-bottom:12px;
  justify-content:flex-start
}
.off--canvas-menu-list li a:hover{
  color:#358ff7
}
.off--canvas-menu-list li.page-active a{
  background-color:rgba(53,143,227,.04);
  color:#358ff7;
  border-right-color:#358ff7
}
.mobile-search-form{
  width:100%;
  z-index:1030;
  padding:20px;
  opacity:0;
  visibility:hidden;
  -webkit-transition:.4s;
  -moz-transition:.4s;
  -ms-transition:.4s;
  -o-transition:.4s;
  transition:.4s
}
.sidebar-user-action-list>li:last-child{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0
}
.sidebar-user-action-list .generic-list-item li a{
  color:#233d63;
  font-size:15px
}
.sidebar-user-action-list .notification-body a{
  padding-right:0;
  padding-left:0
}
.dashboard-menu-close{
  display:none;
  z-index:3
}
.dashboard-menu-toggler{
  display:none;
  position:relative;
  cursor:pointer
}
.dashboard-content-wrap{
  height:100vh;
  padding-top:45px;
  width:calc(100% - 325px);
  margin-left:auto;
  padding-right:30px;
  padding-left:30px
}
.profile-detail .generic-list-item li{
  padding-bottom:15px;
  margin-bottom:15px;
  display:-webkit-flex;
  display:-ms-flex;
  display:flex
}
.profile-detail .generic-list-item li:last-child{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none
}
.profile-detail .generic-list-item li .profile-name{
  color:#233d63;
  font-weight:600;
  width:300px
}
.profile-detail .generic-list-item li .profile-desc{
  width:500px
}
.dashboard-message-wrapper{
  border:1px solid rgba(127,136,151,.1);
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  background-color:#fff;
  -webkit-box-shadow:0 0 18px 0 rgba(0,0,0,.03);
  -moz-box-shadow:0 0 18px 0 rgba(0,0,0,.03);
  box-shadow:0 0 18px 0 rgba(0,0,0,.03)
}
.message-sidebar{
  width:350px;
  border-right:1px solid rgba(127,136,151,.1)
}
.message-active{
  background-color:rgba(53,143,227,.07)
}
.progress_bg,.skillbar{
  background-color:rgba(127,136,151,.1)
}
.conversation-wrap{
  padding-top:20px;
  padding-bottom:20px
}
.conversation-box{
  max-height:620px;
  padding-right:30px;
  padding-left:30px
}
.conversation-item .media-body{
  flex:inherit
}
.conversation-item .message-body{
  display:inline-block;
  padding:10px 15px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  position:relative;
  background-color:#eee
}
.conversation-item .message-body::after{
  content:'';
  position:absolute;
  right:-6px;
  top:50%;
  -webkit-transform:translateY(-50%) rotate(45deg);
  -moz-transform:translateY(-50%) rotate(45deg);
  -ms-transform:translateY(-50%) rotate(45deg);
  -o-transform:translateY(-50%) rotate(45deg);
  transform:translateY(-50%) rotate(45deg);
  width:12px;
  height:12px;
  background-color:#eee
}
.conversation-item .message-typing{
  -ms-flex-align:center;
  align-items:center;
  display:-ms-flexbox;
  display:flex
}
.conversation-item .message-typing .typing-director{
  padding-top:8px;
  margin-left:3px
}
.message-reply .media-body,.message-sent .media{
  flex-direction:row-reverse
}
.message-sent .message-body{
  background-color:#358ff7;
  color:#fff
}
.message-sent .message-body span{
  opacity:.8;
  text-align:right
}
.message-sent .avatar-sm{
  margin-right:0!important;
  margin-left:1rem
}
.message-reply .message-body::after{
  right:auto;
  left:-6px
}
.message-reply-body .emojionearea-emojis-list{
  padding-top:20px
}
.message-reply-body .emojionearea{
  border:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none
}
.message-reply-body .emojionearea-search{
  height:auto!important
}
.message-reply-body .emojionearea-search>input{
  height:auto!important;
  border:1px solid rgba(128,137,150,.1);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  padding:3px 12px
}
.message-reply-body .emojionearea-editor{
  width:100%;
  min-height:60px;
  padding-top:14px;
  padding-bottom:14px;
  padding-left:0;
  margin-right:10px;
  flex:1;
  font-size:15px;
  font-weight:500;
  color:#233d63;
  border:none;
  resize:none;
  outline:0
}
.message-reply-body .emojionearea-button{
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%)
}
@media (max-width:320px){
  .emojionearea .emojionearea-picker.emojionearea-picker-position-top{
      right:-100px
  }
}
.progress_bg{
  border-radius:30px;
  margin-top:10px
}
.progress_bg .progress_bar,.skillbar{
  position:relative;
  -webkit-border-radius:30px;
  -moz-border-radius:30px
}
.progress_bg .progress_bar{
  height:10px;
  background-color:#ec5252;
  border-radius:30px
}
.progress_bg .progress_bar:after{
  position:absolute;
  content:'';
  top:-4px;
  right:-1px;
  width:18px;
  height:18px;
  background-color:#ec5252;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  -webkit-box-shadow:0 0 1px rgba(0,0,0,.2);
  -moz-box-shadow:0 0 1px rgba(0,0,0,.2);
  box-shadow:0 0 1px rgba(0,0,0,.2)
}
.skillbar{
  display:block;
  width:100%;
  height:15px;
  border-radius:30px;
  -webkit-transition:width .4s linear,background-color .4s linear;
  -moz-transition:width .4s linear,background-color .4s linear;
  -ms-transition:width .4s linear,background-color .4s linear;
  -o-transition:width .4s linear,background-color .4s linear;
  transition:width .4s linear,background-color .4s linear
}
.skillbar--bar,.skillbar-skillbar{
  height:7px
}
.skillbar-skillbar-2{
  height:4px
}
.skillbar-bar{
  height:15px;
  width:0;
  background-color:#7f8897;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px
}
.skillbar--bar-2{
  height:4px
}
.skill-bar-percent{
  font-size:15px;
  font-weight:600;
  color:#233d63
}
.skillbar-title{
  font-size:15px
}
.my-course-progress-bar-wrap .skillbar-title{
  width:26%
}
.my-course-progress-bar-wrap .skillbar-box{
  width:56%
}
.my-course-progress-bar-wrap .skill-bar-percent{
  width:18%;
  text-align:right
}
.hero-bg-1{
  background-image:url("../images/slider-img1.webp")
}
.hero-bg-2{
  background-image:url("../images/slider-img2.webp")
}
.hero-bg-3{
  background-image:url("../images/slider-img3.webp")
}
.hero-bg-4{
  background-image:url("../images/slider-img4.webp")
}
.hero-bg-5{
  background-image:url("../images/hero.webp");
  background-size:cover;
  background-position:center center
}
.hero-slider .hero-slider-item .section__desc,.hero-slider .hero-slider-item .section__title{
  -webkit-transform:translateY(70px);
  -moz-transform:translateY(70px);
  -ms-transform:translateY(70px);
  -o-transform:translateY(70px);
  transform:translateY(70px);
  opacity:0;
  visibility:hidden
}
.hero-slider .hero-slider-item .hero-btn-box{
  opacity:0;
  visibility:hidden;
  -webkit-transform:translateY(60px);
  -moz-transform:translateY(60px);
  -ms-transform:translateY(60px);
  -o-transform:translateY(60px);
  transform:translateY(60px)
}
.hero-slider .owl-dots{
  position:relative;
  bottom:140px
}
.hero-slider-item:after,.hero-slider-item:before{
  position:absolute;
  top:0;
  width:100%;
  left:0;
  height:100%
}
.hero-slider .owl-dots div{
  border-color:#fff
}
.hero-slider .owl-item.active .hero-btn-box,.hero-slider .owl-item.active .section__desc,.hero-slider .owl-item.active .section__title{
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  -o-transform:translateY(0);
  transform:translateY(0)
}
.hero-slider .owl-item.active .section__title{
  -webkit-transition:.7s 0.3s;
  -moz-transition:.7s 0.3s;
  -ms-transition:.7s 0.3s;
  -o-transition:.7s 0.3s;
  transition:.7s 0.3s
}
.hero-slider .owl-item.active .section__desc{
  -webkit-transition:.7s 0.7s;
  -moz-transition:.7s 0.7s;
  -ms-transition:.7s 0.7s;
  -o-transition:.7s 0.7s;
  transition:.7s 0.7s
}
.hero-slider .owl-item.active .hero-btn-box{
  -webkit-transition:.2s 1.1s;
  -moz-transition:.2s 1.1s;
  -ms-transition:.2s 1.1s;
  -o-transition:.2s 1.1s;
  transition:.2s 1.1s
}
.hero-slider-item{
  position:relative;
  z-index:2;
  padding-top:200px;
  padding-bottom:270px
}
.hero-slider-item:after{
  background-color:#233d63;
  opacity:.9;
  content:"";
  z-index:-1
}
.hero-slider-item:before{
  content:'';
  background-image:url("../images/shape.webp");
  background-size:cover;
  background-position:center;
  z-index:1;
  opacity:.1;
  pointer-events:none
}
.hero-area-2 .hero-slider-item,.hero-area-3 .hero-slider-item{
  padding-top:80px
}
.hero-area-2 .hero-slider-item:after,.hero-area-3 .hero-slider-item:after{
  opacity:.6
}
.hero-area-2 .hero-slider-item{
  padding-bottom:0
}
.hero-area-3 .hero-slider-item{
  padding-bottom:70px
}
.hero-area-4 .hero-slider-item{
  padding-top:165px;
  padding-bottom:180px
}
@media (max-width:480px){
  .owl-action-styled .owl-nav{
      text-align:center
  }
  .owl-action-styled .owl-nav div{
      display:inline-block;
      position:inherit;
      top:auto;
      -webkit-transform:translateY(0);
      -moz-transform:translateY(0);
      -ms-transform:translateY(0);
      -o-transform:translateY(0);
      transform:translateY(0);
      width:33px;
      height:33px;
      line-height:33px
  }
  .owl-action-styled .owl-nav div.owl-prev{
      left:auto;
      margin-right:10px
  }
  .owl-action-styled .owl-nav div.owl-next{
      right:auto
  }
  .hero-slider .owl-nav{
      display:none
  }
  .hero-slider-item{
      padding-top:120px;
      padding-bottom:200px
  }
  .hero-area-3 .hero-slider-item{
      padding-top:120px;
      padding-bottom:130px
  }
  .hero-area-4 .hero-slider-item{
      padding-top:120px;
      padding-bottom:120px
  }
}
.hero-area-4 .hero-slider-item::before{
  background-image:url("../images/hero-shape.webp");
  z-index:-1
}
.hero-area-4 .hero-content .form-control{
  height:60px;
  font-size:16px
}
.hero-feature-wrap{
  margin-top:150px;
  position:relative
}
.hero-category-wrap .col-lg-4{
  padding-right:5px;
  padding-left:5px
}
.breadcrumb-content .video-box{
  position:relative;
  bottom:-100px
}
.error-content svg{
  width:300px;
  fill:#7f8897
}
.sidebar-negative{
  position:relative;
  z-index:3;
  margin-top:-100px
}
.preview-course-video .overlay{
  background:linear-gradient(180deg,rgba(30,30,28,0) 0,rgba(30,30,28,.9) 100%);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  z-index:-1
}
.preview-course-video-content{
  position:absolute;
  text-align:center;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding-bottom:20px;
  z-index:1
}
.course-overview-card .overview-list-item{
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.course-overview-card .overview-list-item li{
  margin-bottom:15px;
  width:50%;
  padding-right:20px;
  position:relative;
  padding-left:25px;
  font-size:15px
}
.course-overview-card .overview-list-item li i{
  position:absolute;
  top:5px;
  left:0
}
.instructor-img{
  margin-right:40px
}
.instructor-img .media-img{
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  width:120px;
  height:120px
}
.course-dashboard-column{
  width:75%;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -ms-transition:.5s;
  -o-transition:.5s;
  transition:.5s
}
.course-dashboard-column.active,.logo-box img{
  width:100%
}
.lecture-video-detail{
  position:relative;
  z-index:3
}
.lecture-video-detail-body{
  padding:20px 50px 50px
}
.lecture-overview-item{
  margin-bottom:30px;
  margin-top:30px
}
.lecture-overview-item .generic-list-item li span{
  color:#233d63;
  margin-right:8px
}
.lecture-overview-stats-wrap>.lecture-overview-stats-wide-item{
  width:75%
}
.lecture-overview-stats-wrap>*{
  width:25%
}
.lecture-overview-stats-wrap>:first-child{
  width:20%
}
.lecture-description .generic-list-item,.lecture-description p{
  padding-bottom:20px
}
.lecture-owner-decription p{
  padding-bottom:10px
}
.lecture-owner-decription strong{
  font-weight:600;
  color:#233d63
}
.question-overview-filter-item{
  flex:1;
  margin-right:8px
}
.question-overview-filter-item .generic-action-wrap .theme-btn{
  font-weight:400;
  color:#7f8897;
  text-align:left
}
.question-overview-filter-item .generic-action-wrap .theme-btn:before{
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  font-family:"Line Awesome Free";
  font-size:15px;
  color:#7f8897;
  pointer-events:none;
  display:inline-block;
  content:"\f107";
  right:15px;
  font-weight:900
}
.question-overview-filter-item .generic-action-wrap .dropdown-menu{
  min-width:100%
}
.lecture-quest-wrap{
  position:relative;
  width:960px;
  margin-left:auto;
  margin-right:auto
}
.new-question-wrap,.replay-question-wrap{
  background-color:#fff;
  padding-top:30px;
  display:none
}
.new-question-wrap,.search-course-wrap{
  width:700px;
  margin-left:auto;
  margin-right:auto
}
.replay-action-bar{
  border:1px solid rgba(127,136,151,.2);
  background-color:rgba(127,136,151,.1);
  border-bottom:0;
  -webkit-border-radius:4px 4px 0 0;
  -moz-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0
}
.replay-action-bar .btn-group .btn{
  color:#233d63;
  -webkit-box-shadow:0 0;
  -moz-box-shadow:0 0;
  box-shadow:0 0
}
.replay-action-bar .btn-group .btn:first-child{
  -webkit-border-radius:4px 0 0 0;
  -moz-border-radius:4px 0 0;
  border-radius:4px 0 0
}
.replay-action-bar .btn-group .btn:last-child{
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0
}
.question-replay-body .form--control{
  border-top-left-radius:0;
  border-top-right-radius:0
}
.question-list-item .media-body{
  overflow:hidden
}
.question-list-item .media:hover{
  background-color:rgba(127,136,151,.05)
}
.question-meta-content{
  overflow:hidden;
  padding-right:145px
}
.number-upvotes button{
  border:none;
  margin-left:10px;
  font-size:15px;
  color:#7f8897;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
  width:25px;
  height:25px;
  line-height:25px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  background-color:transparent;
  outline:0
}
.number-upvotes button:hover{
  color:#233d63;
  background-color:rgba(127,136,151,.2)
}
.lecture-announcement-wrap{
  width:960px;
  margin-left:auto;
  margin-right:auto
}
.my-course-sort-by-content{
  width:18%
}
.my-course-filter-by-content{
  padding-left:10px;
  width:50%
}
.my-course-filter-by-content-inner .select-container{
  width:33%;
  margin-right:10px
}
.my-course-search-content{
  width:32%;
  padding-left:20px
}
@media (max-width:1199px){
  .dashboard-menu-close,.dashboard-menu-toggler{
      display:inline-block
  }
  .dashboard-content-wrap{
      padding-top:30px;
      padding-left:0;
      padding-right:0;
      width:100%
  }
  .data-list .btn-group{
      width:100%;
      margin-bottom:15px
  }
  .my-course-filter-by-content{
      width:58%
  }
  .my-course-search-content{
      width:25%
  }
}
.course-alert-info .close{
  padding:22px 15px
}
.course-alert-info .alert-link{
  -webkit-transition:.2s;
  -moz-transition:.2s;
  -ms-transition:.2s;
  -o-transition:.2s;
  transition:.2s
}
.sidebar-close,.sidebar-open{
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s
}
@media (max-width:375px){
  .quiz-nav li{
      margin-bottom:10px
  }
  .off-canvas-menu{
      width:320px
  }
  .breadcrumb-content .media-card{
      flex-direction:column
  }
  .breadcrumb-content .media-card .media-img{
      margin-right:auto;
      margin-bottom:15px
  }
  .breadcrumb-content .media-card .media-body{
      width:100%
  }
  .my-course-info form{
      margin-top:15px;
      width:100%
  }
}
.course-dashboard-side-heading{
  padding:20px;
  position:relative
}
.sidebar-close,.sidebar-open{
  background-color:transparent;
  border:none;
  font-size:22px;
  color:#233d63;
  outline:0;
  transition:.3s
}
.sidebar-open{
  padding:10px 16px;
  background-color:#233d63;
  color:#fff;
  -webkit-border-radius:4px 0 0 4px;
  -moz-border-radius:4px 0 0 4px;
  border-radius:4px 0 0 4px;
  position:absolute;
  top:20px;
  left:-40px;
  opacity:0;
  visibility:hidden;
  transition:.3s;
  font-size:15px;
  font-weight:600;
  z-index:-1
}
.sidebar-open:hover{
  -webkit-transform:rotate(0);
  -moz-transform:rotate(0);
  -ms-transform:rotate(0);
  -o-transform:rotate(0);
  transform:rotate(0);
  color:#fff;
  left:-155px
}
.course-duration span{
  font-size:13px;
  color:#7f8897;
  position:relative;
  padding-right:12px;
  padding-left:2px;
  font-weight:500;
  display:inline-block
}
.course-duration span:after{
  position:absolute;
  content:"";
  top:7px;
  right:0;
  width:4px;
  height:4px;
  background-color:rgba(127,136,151,.4);
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%
}
.lecture-viewer-text-wrap{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:4;
  display:none;
  padding-bottom:50px
}
.lecture-viewer-text-content{
  overflow:auto;
  height:100%;
  padding:50px 80px 0
}
.lecture-viewer-text-body{
  width:700px;
  height:100%;
  margin-left:auto;
  margin-right:auto
}
@media (max-width:1440px){
  .header-menu-content,.header-top{
      padding-left:0!important;
      padding-right:0!important
  }
  .lecture-viewer-text-body{
      width:auto
  }
}
.lecture-viewer-content-detail .generic-list-item li{
  font-size:17px;
  line-height:32px;
  margin-bottom:12px
}
.lecture-viewer-content-detail .generic-list-item li strong{
  color:#233d63;
  font-weight:600
}
.curriculum-sidebar-list .course-item-link{
  cursor:pointer;
  padding:12px 20px;
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -ms-transition:.3s;
  -o-transition:.3s;
  transition:.3s
}
.curriculum-sidebar-list .course-item-link.active{
  background-color:rgba(53,143,247,.1)
}
.curriculum-sidebar-list .course-item-link.active:hover{
  background-color:rgba(53,143,247,.2)
}
.course-item-content-wrap{
  display:-webkit-flex;
  display:-ms-flex;
  display:flex
}
.course-item-content{
  flex-grow:1
}
.courser-item-meta-wrap{
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.course-item-meta i{
  margin-right:3px
}
.course-dashboard-sidebar-column{
  width:25%;
  height:100vh;
  position:fixed;
  right:0;
  background-color:#fff;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -ms-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
  z-index:5;
  -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.05);
  -moz-box-shadow:0 0 8px 0 rgba(0,0,0,.05);
  box-shadow:0 0 8px 0 rgba(0,0,0,.05);
  border:1px solid rgba(127,136,151,.2);
  border-top:0
}
.course-dashboard-sidebar-column.active{
  right:-25%
}
@media (max-width:1366px){
  .course-dashboard-column{
      width:calc(100% - 400px)
  }
  .lecture-quest-wrap{
      width:700px
  }
  .course-dashboard-sidebar-column{
      width:400px
  }
  .course-dashboard-sidebar-column.active{
      right:-400px
  }
}
@media (max-width:1024px){
  .my-course-progress-bar-wrap .skillbar-box,.my-course-progress-bar-wrap .skillbar-title{
      width:100%
  }
  .my-course-progress-bar-wrap .skill-bar-percent{
      position:absolute;
      width:auto;
      top:0;
      right:0
  }
  .course-dashboard-column{
      width:calc(100% - 350px)
  }
  .lecture-announcement-wrap,.lecture-quest-wrap{
      width:600px
  }
  .course-dashboard-sidebar-column{
      width:350px
  }
  .course-dashboard-sidebar-column.active{
      right:-350px
  }
}
.course-dashboard-sidebar-wrap{
  height:100%;
  overflow-x:hidden;
  padding-bottom:90px;
  background-color:#fff;
  z-index:5
}
@media only screen and (min-width:768px) and (max-width:991px){
  .course-dashboard-sidebar-column,.section__desc br,.section__title br{
      display:none
  }
  .review-bars__fill{
      width:320px
  }
  .breadcrumb-btn-box.text-right,.category-btn-box,.cta-btn-box{
      text-align:left!important
  }
  .client-logo-2{
      margin-top:50px
  }
  .client-logo-wrap,.copyright-content .social-icons{
      text-align:center!important
  }
  .cta-content-wrap svg{
      margin-bottom:16px
  }
  .generic-img-box .img__item{
      position:inherit
  }
  .generic-img-box .img__item-1{
      top:auto;
      right:auto
  }
  .generic-img-box .img__item-2{
      bottom:auto;
      left:auto;
      width:100%;
      border:0;
      margin-top:30px
  }
  .generic-img-box-layout-2 .img__item{
      margin-left:auto;
      margin-right:auto
  }
  .generic-img-box-layout-2 .img__item-1{
      right:auto
  }
  .generic-img-box-layout-2 .img__item-2{
      left:auto;
      top:auto
  }
  .generic-img-box-layout-2 .img__item-3{
      bottom:auto;
      left:auto;
      -webkit-transform:translateX(0);
      -moz-transform:translateX(0);
      -ms-transform:translateX(0);
      -o-transform:translateX(0);
      transform:translateX(0);
      margin-top:30px
  }
  .quiz-nav-btns{
      margin-top:10px
  }
  .lecture-announcement-wrap,.lecture-quest-wrap,.new-question-wrap,.quiz-content .quiz-desc,.search-course-wrap{
      width:auto
  }
  .hero-category-wrap .category-item,.quiz-result-content{
      margin-bottom:30px
  }
  .level-timeline{
      margin-top:60px
  }
  .jqte_placeholder_text{
      top:80px
  }
  .dashboard-menu-content .menu-wrapper,.package-item-active,.sidebar-negative,.story-img-item.mt-90px{
      margin-top:0
  }
  .register-content{
      margin-top:30px
  }
  .responsive-column-half{
      -ms-flex:0 0 50%;
      flex:0 0 50%;
      max-width:50%
  }
  .card-item .card-body.d-flex{
      flex-direction:column;
      text-align:center
  }
  .header-top{
      text-align:center;
      display:none
  }
  .copyright-content .justify-content-end,.dashboard-copyright-content .justify-content-end,.header-widget .generic-list-item,.header-widget.justify-content-end{
      -ms-flex-pack:center!important;
      justify-content:center!important
  }
  .shop-cart{
      text-align:left
  }
  .down-button,.lecture-tab-body .generic-tab .mobile-menu-nav-item{
      display:block
  }
  .profile-detail .generic-list-item li .profile-desc{
      width:400px
  }
  .dashboard-message-wrapper{
      flex-direction:column
  }
  .message-sidebar{
      width:100%;
      border-right:0
  }
  .dashboard-info-card .card-body.d-flex{
      flex-direction:row;
      text-align:left
  }
  .hero-content .section__title{
      font-size:50px!important;
      line-height:60px!important
  }
  .hero-content form{
      width:100%!important
  }
  .hero-category-wrap{
      padding-top:60px
  }
  .hero-category-wrap .col-lg-4{
      padding-right:15px;
      padding-left:15px
  }
  .breadcrumb-content .section__title{
      padding-bottom:5px
  }
  .breadcrumb-logo{
      text-align:left!important;
      padding-top:20px
  }
  .course-dashboard-container,.my-course-filter-wrap{
      display:block!important
  }
  .course-dashboard-column,.my-course-sort-by-content{
      width:100%
  }
  .my-course-filter-by-content{
      padding:10px 0;
      width:100%
  }
  .my-course-filter-by-content-inner{
      flex-wrap:wrap
  }
  .my-course-filter-by-content-inner .select-container{
      width:48%;
      margin-bottom:10px
  }
  .my-course-search-content{
      width:100%;
      padding-left:0
  }
  .copy-desc{
      padding-bottom:5px;
      text-align:center
  }
}
@media only screen and (min-width:480px) and (max-width:767px){
  .section__title{
      font-size:30px
  }
  .course-dashboard-sidebar-column,.section__desc br,.section__title br{
      display:none
  }
  .filter-bar .select-container,.generic-img-box-layout-2 .img__item{
      margin-left:auto;
      margin-right:auto
  }
  .info-box::before,.info-overlay:after,.info-overlay:before{
      width:640px
  }
  .curriculum-header,.dashboard-message-wrapper,.feedback-wrap .media-card,.instructor-wrap .media-card,.review-wrap .media-card{
      flex-direction:column
  }
  .course-dashboard-column,.feedback-wrap .media-body,.my-course-sort-by-content,.review-wrap .media-body{
      width:100%
  }
  .review-wrap .media-img{
      margin-right:0!important;
      margin-bottom:16px
  }
  .review-rating-summary{
      width:100%;
      padding-right:0;
      margin-right:0;
      margin-bottom:40px;
      border-right:0
  }
  .review-bars__fill{
      width:320px
  }
  .breadcrumb-btn-box.text-right,.category-btn-box,.cta-btn-box{
      text-align:left!important
  }
  .review-reply{
      margin-left:0
  }
  .client-logo-2{
      margin-top:50px
  }
  .client-logo-wrap,.copyright-content .social-icons{
      text-align:center!important
  }
  .cta-content-wrap svg{
      margin-bottom:16px
  }
  .cta-content-wrap .section__title{
      font-size:35px!important
  }
  .generic-img-box .img__item{
      position:inherit
  }
  .generic-img-box .img__item-1{
      top:auto;
      right:auto
  }
  .generic-img-box .img__item-2{
      bottom:auto;
      left:auto;
      width:100%;
      border:0;
      margin-top:30px
  }
  .generic-img-box-layout-2 .img__item-1{
      right:auto
  }
  .generic-img-box-layout-2 .img__item-2{
      left:auto;
      top:auto
  }
  .generic-img-box-layout-2 .img__item-3{
      bottom:auto;
      left:auto;
      -webkit-transform:translateX(0);
      -moz-transform:translateX(0);
      -ms-transform:translateX(0);
      -o-transform:translateX(0);
      transform:translateX(0);
      margin-top:30px
  }
  .course-dashboard-container,.lecture-overview-stats-wrap,.my-course-filter-wrap,.question-overview-filter-wrap,.quiz-action-content{
      display:block!important
  }
  .quiz-nav-btns{
      margin-top:10px
  }
  .card-item-list-layout .card-body,.card-item-list-layout .card-image,.lecture-announcement-wrap,.lecture-overview-stats-wrap>*,.lecture-overview-stats-wrap>.lecture-overview-stats-wide-item,.lecture-quest-wrap,.new-question-wrap,.profile-detail .generic-list-item li .profile-desc,.quiz-content .quiz-desc,.search-course-wrap{
      width:auto
  }
  .hero-category-wrap .category-item,.quiz-result-content{
      margin-bottom:30px
  }
  .level-timeline{
      margin-top:60px
  }
  .feature-content-wrap{
      margin-top:120px
  }
  .jqte_placeholder_text{
      top:80px
  }
  .dashboard-menu-content .menu-wrapper,.package-item-active,.sidebar-negative,.story-img-item.mt-90px{
      margin-top:0
  }
  .register-content{
      margin-top:30px
  }
  .responsive-column-half{
      -ms-flex:0 0 100%;
      flex:0 0 100%;
      max-width:100%
  }
  .card-item .card-body.d-flex{
      flex-direction:column;
      text-align:center
  }
  .card-item-list-layout{
      -ms-flex-direction:column;
      flex-direction:column
  }
  .card-item-list-layout .card-image .card-img-top{
      height:auto;
      border-top-right-radius:8px;
      border-bottom-left-radius:0
  }
  .header-top{
      text-align:center;
      display:none
  }
  .copyright-content .justify-content-end,.dashboard-copyright-content .justify-content-end,.header-widget .generic-list-item,.header-widget.justify-content-end{
      -ms-flex-pack:center!important;
      justify-content:center!important
  }
  .shop-cart{
      text-align:left
  }
  .cart-dropdown-menu{
      right:-145px
  }
  .cart-dropdown-menu:after{
      right:50%
  }
  .down-button,.lecture-tab-body .generic-tab .mobile-menu-nav-item,.profile-detail .generic-list-item li{
      display:block
  }
  .profile-detail .generic-list-item li .profile-name{
      width:auto;
      display:block;
      margin-bottom:4px
  }
  .message-sidebar{
      width:100%;
      border-right:0
  }
  .dashboard-info-card .card-body.d-flex{
      flex-direction:row;
      text-align:left
  }
  .hero-content .section__title{
      font-size:40px!important;
      line-height:55px!important
  }
  .hero-content form{
      width:100%!important
  }
  .hero-category-wrap{
      padding-top:60px
  }
  .hero-category-wrap .col-lg-4{
      padding-right:15px;
      padding-left:15px
  }
  .breadcrumb-content .section__title{
      padding-bottom:5px
  }
  .breadcrumb-content .section__desc{
      font-size:16px;
      line-height:24px!important
  }
  .breadcrumb-logo{
      text-align:left!important;
      padding-top:20px
  }
  .course-overview-card .overview-list-item li{
      width:100%;
      padding-right:0
  }
  .curriculum-header h3{
      width:100%;
      text-align:left;
      padding-bottom:4px
  }
  .curriculum-duration{
      width:100%;
      text-align:left
  }
  .instructor-img{
      margin-bottom:40px;
      margin-right:0
  }
  .lecture-overview-stats-wrap>:first-child{
      width:auto;
      margin-bottom:12px
  }
  .question-overview-filter-item{
      width:100%;
      margin-right:0;
      margin-bottom:8px
  }
  .question-meta-content{
      padding-right:20px
  }
  .my-course-filter-by-content{
      padding:10px 0;
      width:100%
  }
  .my-course-filter-by-content-inner{
      flex-wrap:wrap
  }
  .my-course-filter-by-content-inner .select-container{
      width:100%;
      margin-right:0;
      margin-bottom:10px
  }
  .my-course-search-content{
      width:100%;
      padding-left:0
  }
  .lecture-viewer-text-content{
      padding:30px 30px 0
  }
  .copy-desc{
      padding-bottom:5px;
      text-align:center
  }
}
@media only screen and (min-width:320px) and (max-width:479px){
  .section__title{
      font-size:30px
  }
  .section__title.fs-70{
      font-size:45px!important
  }
  .course-dashboard-sidebar-column,.section__desc br,.section__title br{
      display:none
  }
  .curriculum-header,.dashboard-message-wrapper,.feedback-wrap .media-card,.instructor-wrap .media-card,.review-bars,.review-wrap .media-card{
      flex-direction:column
  }
  .conversation-item .message-body,.course-dashboard-column,.feedback-wrap .media-body,.my-course-sort-by-content,.review-wrap .media-body{
      width:100%
  }
  .review-wrap .media-img{
      margin-right:0!important;
      margin-bottom:16px
  }
  .review-rating-summary{
      width:100%;
      padding-right:0;
      margin-right:0;
      margin-bottom:40px;
      border-right:0
  }
  .review-bars__text{
      width:100%;
      text-align:left;
      margin-right:0;
      margin-bottom:8px
  }
  .review-bars__fill{
      width:100%;
      margin-right:0;
      margin-bottom:8px
  }
  .review-bars__percent{
      position:absolute;
      top:0;
      right:0
  }
  .breadcrumb-btn-box.text-right,.category-btn-box,.cta-btn-box{
      text-align:left!important
  }
  .review-reply{
      margin-left:0
  }
  .client-logo-2{
      margin-top:50px
  }
  .client-logo-wrap,.copyright-content .social-icons{
      text-align:center!important
  }
  .cta-content-wrap svg{
      margin-bottom:16px
  }
  .faq-heading .faq__title{
      font-size:16px;
      padding-right:20px;
      padding-left:20px
  }
  .generic-img-box .img__item{
      position:inherit
  }
  .generic-img-box .img__item-1{
      top:auto;
      right:auto
  }
  .generic-img-box .img__item-2{
      bottom:auto;
      left:auto;
      width:100%;
      border:0;
      margin-top:30px
  }
  .generic-img-box-layout-2 .img__item{
      margin-left:auto;
      margin-right:auto
  }
  .generic-img-box-layout-2 .img__item-1{
      right:auto
  }
  .generic-img-box-layout-2 .img__item-2{
      left:auto;
      top:auto
  }
  .generic-img-box-layout-2 .img__item-3{
      bottom:auto;
      left:auto;
      -webkit-transform:translateX(0);
      -moz-transform:translateX(0);
      -ms-transform:translateX(0);
      -o-transform:translateX(0);
      transform:translateX(0);
      margin-top:30px
  }
  .course-dashboard-container,.lecture-overview-stats-wrap,.my-course-filter-wrap,.question-overview-result-header,.quiz-action-content{
      display:block!important
  }
  .quiz-nav-btns{
      margin-top:10px
  }
  .quiz-nav-btns .theme-btn{
      margin-bottom:10px
  }
  .card-item-list-layout .card-body,.card-item-list-layout .card-image,.lecture-announcement-wrap,.lecture-overview-stats-wrap>*,.lecture-overview-stats-wrap>.lecture-overview-stats-wide-item,.lecture-overview-stats-wrap>:first-child,.lecture-quest-wrap,.new-question-wrap,.quiz-content .quiz-desc,.search-course-wrap{
      width:auto
  }
  .hero-category-wrap .category-item,.quiz-result-content{
      margin-bottom:30px
  }
  .level-timeline{
      margin-top:60px
  }
  .feature-content-wrap{
      margin-top:80px
  }
  .jqte_placeholder_text{
      top:130px
  }
  .dashboard-menu-content .menu-wrapper,.package-item-active,.sidebar-negative,.story-img-item.mt-90px{
      margin-top:0
  }
  .story-img-item{
      width:280px;
      height:280px
  }
  .register-content{
      margin-top:30px
  }
  .responsive-column-half{
      -ms-flex:0 0 100%;
      flex:0 0 100%;
      max-width:100%
  }
  .card-item .card-body.d-flex{
      flex-direction:column;
      text-align:center
  }
  .card-item-list-layout{
      -ms-flex-direction:column;
      flex-direction:column
  }
  .card-item-list-layout .card-image .card-img-top{
      height:auto;
      border-top-right-radius:8px;
      border-bottom-left-radius:0
  }
  .header-top{
      text-align:center;
      display:none
  }
  .copyright-content .justify-content-end,.dashboard-copyright-content .justify-content-end,.header-widget .generic-list-item,.header-widget.justify-content-end{
      -ms-flex-pack:center!important;
      justify-content:center!important
  }
  .shop-cart{
      text-align:left
  }
  .cart-dropdown-menu{
      right:-80px;
      width:300px
  }
  .cart-dropdown-menu:after{
      right:100px
  }
  .down-button,.lecture-tab-body .generic-tab .mobile-menu-nav-item{
      display:block
  }
  .message-sidebar{
      width:100%;
      border-right:0
  }
  .dashboard-info-card .card-body.d-flex{
      flex-direction:row;
      text-align:left
  }
  .hero-content .section__title{
      font-size:30px!important;
      line-height:40px!important
  }
  .hero-content form{
      width:100%!important
  }
  .hero-category-wrap{
      padding-top:60px
  }
  .hero-category-wrap .col-lg-4{
      padding-right:15px;
      padding-left:15px
  }
  .breadcrumb-content .section__title{
      font-size:30px!important;
      line-height:40px!important;
      padding-bottom:5px
  }
  .breadcrumb-content .section__title.fs-30{
      font-size:22px!important;
      line-height:30px!important;
      padding-bottom:0
  }
  .breadcrumb-content .section__desc{
      font-size:16px;
      line-height:24px!important
  }
  .breadcrumb-content .file-upload-wrap{
      margin-top:20px
  }
  .breadcrumb-logo{
      text-align:left!important;
      padding-top:20px
  }
  .error-content svg{
      width:250px
  }
  .course-overview-card .overview-list-item li{
      width:100%;
      padding-right:0
  }
  .curriculum-header h3{
      width:100%;
      text-align:left;
      padding-bottom:4px
  }
  .curriculum-duration{
      width:100%;
      text-align:left
  }
  .instructor-img{
      margin-bottom:40px;
      margin-right:0
  }
  .question-meta-content{
      padding-right:20px
  }
  .my-course-filter-by-content{
      padding:10px 0;
      width:100%
  }
  .my-course-filter-by-content-inner{
      flex-wrap:wrap
  }
  .my-course-filter-by-content-inner .select-container{
      width:100%;
      margin-right:0;
      margin-bottom:10px
  }
  .my-course-search-content{
      width:100%;
      padding-left:0
  }
  .copy-desc{
      padding-bottom:5px;
      text-align:center
  }
}
/* .dark-theme{
  background-color:#1b1b1b;
  color:#eee
}
.dark-theme #scroll-top,.dark-theme .bootstrap-tagsinput input,.dark-theme .btn,.dark-theme .card-item .card-text a:hover,.dark-theme .card-item .card-title,.dark-theme .card-item .card-title a,.dark-theme .category-item-layout-2 .cat__title,.dark-theme .category-item-layout-2 .category-content,.dark-theme .collapse--btn,.dark-theme .copy-desc a:hover,.dark-theme .file-upload-wrap .file-upload-text,.dark-theme .filter-nav li a,.dark-theme .form-group .search-icon,.dark-theme .generic-accordion .card-header .btn,.dark-theme .generic-action-wrap .dropdown-menu .dropdown-item,.dark-theme .generic-list-item li,.dark-theme .generic-list-item li a,.dark-theme .generic-tab .nav-link,.dark-theme .generic-table,.dark-theme .helpful-action .btn:hover,.dark-theme .icon-element,.dark-theme .info--box:hover .info__text,.dark-theme .info--box:hover .info__title,.dark-theme .jqte *,.dark-theme .label-text,.dark-theme .lecture-overview-item .generic-list-item li span,.dark-theme .lecture-owner-decription strong,.dark-theme .lecture-viewer-content-detail .generic-list-item li strong,.dark-theme .light-mode-btn,.dark-theme .main-menu>ul>li .dropdown-menu-item>li>a,.dark-theme .main-menu>ul>li a,.dark-theme .media-card .media-body h5,.dark-theme .media-card .media-body h5 a,.dark-theme .menu-category>ul>li .cat-dropdown-menu li .sub-menu a,.dark-theme .menu-category>ul>li a,.dark-theme .message-reply-body .emojionearea-editor,.dark-theme .meta-tags a,.dark-theme .modal-container .close,.dark-theme .modal-container .close:hover span,.dark-theme .number-upvotes button,.dark-theme .off-canvas-menu-list li .sub-menu li a:hover,.dark-theme .owl-action-styled .owl-nav div,.dark-theme .pagination-box .page-link,.dark-theme .payment-tab-toggle>label,.dark-theme .portfolio-filter li,.dark-theme .profile-detail .generic-list-item li .profile-name,.dark-theme .qtyBtn,.dark-theme .qtyInput,.dark-theme .question-overview-filter-item .generic-action-wrap .theme-btn,.dark-theme .quiz-nav li a,.dark-theme .quiz-nav li p a,.dark-theme .rating-result-text,.dark-theme .replay-action-bar .btn-group .btn,.dark-theme .review-stars span.rating-number,.dark-theme .select-container .dropdown-toggle,.dark-theme .shop-cart-btn,.dark-theme .sidebar-close,.dark-theme .sidebar-open,.dark-theme .skill-bar-percent,.dark-theme .social--icons-styled li a,.dark-theme .sub-nav-toggler,.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4,.dark-theme h5,.dark-theme h6{
  color:#eee
}
.dark-theme .before-price,.dark-theme .card-item .card-text a,.dark-theme .card-item .card-title a:hover,.dark-theme .collapse--btn:hover,.dark-theme .generic-list-item li a:hover,.dark-theme .generic-tab .nav-link:hover,.dark-theme .main-menu>ul>li .dropdown-menu-item>li>a:hover,.dark-theme .main-menu>ul>li a:hover,.dark-theme .media-card .media-body h5 a:hover,.dark-theme .menu-category>ul>li .cat-dropdown-menu li .sub-menu a:hover,.dark-theme .menu-category>ul>li a:hover,.dark-theme .meta-tags a:hover,.dark-theme .number-upvotes button:hover,.dark-theme .off-canvas-menu-list li .sub-menu li a,.dark-theme .quiz-nav li a:hover,.dark-theme .quiz-nav li p a:hover,.dark-theme .rating-total,.dark-theme .select-container .dropdown-item,.dark-theme .shop-cart-btn:hover{
  color:rgba(238,238,238,.6)
}
.dark-theme .light-mode-btn{
  display:block
}
.dark-theme .shadow-sm{
  box-shadow:inset 0 0 0 #777,0 2px 2px rgba(0,0,0,.6)!important
}
.dark-theme .bg-white{
  background-color:#1b1b1b!important
}
.dark-theme .bg-gray{
  background-color:rgba(238,238,238,.1)!important
}
.dark-theme .bg-radial-gradient-gray{
  background:#383838!important;
  background:radial-gradient(circle,#383838 0,#1b1b1b 100%)!important
}
.dark-theme .course-dashboard-sidebar-column,.dark-theme .course-dashboard-sidebar-wrap,.dark-theme .custom--control-label-boxed,.dark-theme .custom-control-label::before,.dark-theme .dashboard-message-wrapper,.dark-theme .generic-accordion-layout-2 .card-header .btn,.dark-theme .jqte_formats,.dark-theme .lecture-viewer-text-wrap,.dark-theme .message-reply-body .emojionearea-editor,.dark-theme .mobile-search-form,.dark-theme .modal-content,.dark-theme .off-canvas-menu,.dark-theme .off-canvas-menu-list li a,.dark-theme .pagination-box .page-link{
  background-color:#292929
}
.dark-theme .category-item::after,.dark-theme .half-shape::after,.dark-theme .hero-slider-item:after,.dark-theme .iti__country-list,.dark-theme .jqte_editor,.dark-theme .jqte_source,.dark-theme .list-group-item,.dark-theme .new-question-wrap,.dark-theme .payment-tab,.dark-theme .qtyInput,.dark-theme .replay-question-wrap{
  background-color:#1b1b1b
}
.dark-theme #scroll-top,.dark-theme .conversation-item .message-body,.dark-theme .conversation-item .message-body::after,.dark-theme .dropdown-menu,.dark-theme .filter-nav li a,.dark-theme .icon-element,.dark-theme .level-timeline::before,.dark-theme .owl-action-styled .owl-nav div,.dark-theme .pagination-box,.dark-theme .pagination-box .page-link,.dark-theme .select-container .dropdown-toggle,.dark-theme .social--icons-styled li a,.dark-theme .sub-nav-toggler{
  background-color:#3a3a3a
}
.dark-theme .theme-picker-btn svg{
  stroke:#eeeeee
}
.dark-theme .border-gray{
  border-color:rgba(238,238,238,.1)!important
}
.dark-theme .border-top-gray{
  border-top-color:rgba(238,238,238,.1)!important
}
.dark-theme .border-right-gray{
  border-right-color:rgba(238,238,238,.1)!important
}
.dark-theme .border-bottom-gray{
  border-bottom-color:rgba(238,238,238,.1)!important
}
.dark-theme .border-left-gray{
  border-left-color:rgba(238,238,238,.1)!important
}
.dark-theme .footer__logo,.dark-theme .logo img{
  -webkit-filter:brightness(900%) brightness(200%);
  filter:brightness(900%) brightness(200%)
}
.dark-theme .text-black{
  color:#eee!important
}
.dark-theme .text-black-50,.dark-theme .text-gray{
  color:rgba(238,238,238,.6)!important
}
.dark-theme .file-upload-wrap .file-upload-input:hover,.dark-theme .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,.dark-theme .iti--separate-dial-code .iti__selected-flag,.dark-theme .iti__country.iti__highlight,.dark-theme .jqte_toolbar,.dark-theme .list-group-item-action:focus,.dark-theme .list-group-item-action:hover,.dark-theme .off--canvas-menu-list li.page-active a,.dark-theme .pagination-box .page-link:hover,.dark-theme .ribbon,.dark-theme .section-block{
  background-color:rgba(238,238,238,.1)
}
.dark-theme .divider span,.dark-theme .stroke-shape{
  background-color:#eee
}
.dark-theme .off-canvas-menu-list li svg{
  fill:#eeeeee
}
.dark-theme img{
  filter:brightness(.7) contrast(1.2)
}
.dark-theme .card,.dark-theme .cart-dropdown-menu,.dark-theme .category-item-layout-2,.dark-theme .filter-bar,.dark-theme .main-menu>ul>li .dropdown-menu-item,.dark-theme .menu-category>ul>li .cat-dropdown-menu{
  background-color:#292929;
  -webkit-box-shadow:0 0 40px rgba(0,0,0,.1);
  -moz-box-shadow:0 0 40px rgba(0,0,0,.1);
  box-shadow:0 0 40px rgba(0,0,0,.1)
}
.dark-theme .bootstrap-tagsinput,.dark-theme .form--control,.dark-theme .select-container .dropdown-menu .bs-searchbox .form-control{
  background-color:rgba(238,238,238,.1);
  color:#eee
}
.dark-theme .bootstrap-tagsinput:focus,.dark-theme .form--control:focus,.dark-theme .select-container .dropdown-menu .bs-searchbox .form-control:focus{
  border-color:rgba(238,238,238,.4)
}
.dark-theme .bootstrap-tagsinput::-webkit-input-placeholder,.dark-theme .form--control::-webkit-input-placeholder,.dark-theme .select-container .dropdown-menu .bs-searchbox .form-control::-webkit-input-placeholder{
  color:rgba(238,238,238,.6)
}
.dark-theme .bootstrap-tagsinput:-ms-input-placeholder,.dark-theme .form--control:-ms-input-placeholder,.dark-theme .select-container .dropdown-menu .bs-searchbox .form-control:-ms-input-placeholder{
  color:rgba(238,238,238,.6)
}
.dark-theme .bootstrap-tagsinput::placeholder,.dark-theme .form--control::placeholder,.dark-theme .select-container .dropdown-menu .bs-searchbox .form-control::placeholder{
  color:rgba(238,238,238,.6)
}
.dark-theme .menu-category>ul>li .cat-dropdown-menu li .sub-menu{
  background-color:#292929;
  border:1px solid rgba(238,238,238,.05);
  -webkit-box-shadow:0 0 40px rgba(0,0,0,.1);
  -moz-box-shadow:0 0 40px rgba(0,0,0,.1);
  box-shadow:0 0 40px rgba(0,0,0,.1)
}
.dark-theme .menu-category>ul>li .cat-dropdown-menu li .sub-menu a:after{
  background-color:rgba(238,238,238,.6)
}
.dark-theme .cart-dropdown-menu:after,.dark-theme .menu-category>ul>li .cat-dropdown-menu:after,.dark-theme .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{
  border-bottom-color:#292929
}
.dark-theme .info-box{
  background-color:#292929;
  -webkit-box-shadow:0 0 40px rgba(0,0,0,.05);
  -moz-box-shadow:0 0 40px rgba(0,0,0,.05);
  box-shadow:0 0 40px rgba(0,0,0,.05)
}
.dark-theme .info-box:before{
  background-color:rgba(27,27,27,.3)
}
.dark-theme .info-overlay:before{
  background-color:rgba(27,27,27,.5)
}
.dark-theme .info-overlay:after{
  background-color:rgba(27,27,27,.6)
}
.dark-theme .generic-tab .nav-link.active{
  color:#1b1b1b;
  -webkit-box-shadow:0 6px 25px rgba(41,41,41,.1);
  -moz-box-shadow:0 6px 25px rgba(41,41,41,.1);
  box-shadow:0 6px 25px rgba(41,41,41,.1)
}
.dark-theme .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{
  border-top-color:#292929
}
.dark-theme .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{
  border-right-color:#292929
}
.dark-theme .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{
  border-left-color:#292929
}
.dark-theme .theme-btn-white{
  background-color:#3a3a3a;
  color:#eee
}
.dark-theme .theme-btn-white:hover{
  background-color:#fff;
  color:#1b1b1b
}
.dark-theme .theme-btn-white:hover svg{
  stroke:#1b1b1b
}
.dark-theme .theme-btn-transparent{
  color:#eee;
  border-color:rgba(238,238,238,.1)
}
.dark-theme .generic-list-item-boxed li:hover,.dark-theme .theme-btn-transparent:hover{
  border-color:rgba(238,238,238,.5)
}
.dark-theme .menu-banner-content .btn:hover{
  color:#1b1b1b
}
.dark-theme .filter-nav li a.active{
  background-color:#eee;
  color:#1b1b1b
}
.dark-theme .select-container .show>.btn-light.dropdown-toggle{
  background-color:#3a3a3a;
  color:#eee;
  border-color:rgba(238,238,238,.2)
}
.dark-theme .select-container .dropdown-item.active{
  background-color:rgba(238,238,238,.2);
  color:#eee
}
.dark-theme .select-container .dropdown-item.active:hover{
  background-color:rgba(238,238,238,.2)
}
.dark-theme .select-container .dropdown-item:hover{
  background-color:rgba(238,238,238,.02);
  color:#eee
}
.dark-theme .cart-dropdown-menu li,.dark-theme .iti__divider{
  border-bottom-color:rgba(238,238,238,.1)
}
.dark-theme .file-upload-wrap .file-upload-input,.dark-theme .file-upload-wrap-2 .file-upload-input,.dark-theme .iti__country-list,.dark-theme .list-group-item{
  border-color:rgba(238,238,238,.1)
}
.dark-theme .media-card .media--img{
  border-color:#3a3a3a
} */
.logo-box{
  width:250px
}
.iconSlider{
  width:100%;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:10px;
  padding:30px 60px
}
.iconSlider img{
  width:100%;
  padding:10px;
  border:1px solid #ccc;
  border-radius:5px;
  transition:.4s ease-in-out
}
.iconSlider img:hover{
  transform:skew(-10deg) scale(.85);
  box-shadow:0 0 10px rgba(0,0,0,.3)
}
.course-card{
  width:100%;
  height:180px;
  border-radius:5px;
  overflow:hidden;
  position:relative;
  transition:.3s ease-in-out;
  margin-top:30px
}
.course-card img{
  width:100%;
  height:100%;
  transition:.4s ease-in-out
}
.course-card:hover img{
  transform:scale(1.2)
}
.course-card .course-info{
  border-radius:5px;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:rgba(0,0,0,.7);
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  color:#fff
}
.course-card .course-info h2 a{
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:18px;
  font-weight:700
}
.course-card .course-info a.course-btn{
  color:#ec5252;
  font-size:12px;
  font-weight:400
}
.course-card .course-info a.course-btn:hover{
  color:#233d63;
  text-shadow:1px 1px 0 #000
}
.course-card:hover{
  transform:scale(.95);
  box-shadow:0 0 10px rgba(0,0,0,.75)
}
.cta-new{
  width:100%;
  padding:120px 0;
  text-align:center;
  background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)) center center/cover,url('../img/bg.webp') center center/cover;
  color:#fff
}
.cta-new h2{
  font-size:25px;
  color:#fff;
  font-weight:400
}
.cta-new h1{
  font-size:60px;
  font-weight:800;
  color:#fff
}
.cta-new h1 span{
  text-shadow:2px 2px 0 #000
}

.wrapper-2{
  display: none;
}

.wrapper-2{
  position:relative;
  margin:0px auto;
  border:0px solid red;
  overflow:hidden;
  height: auto;
  max-width: 100%;
  border-radius:4px;
}
.imgList{
  position:absolute;
  list-style:none;
  margin:0;
  padding:0;
  width:100%;
  text-align:center;  
}
.imgList li{
  height:100px;
  float:left;
  display:inline-block;
  background:rgba(255,255,4,.6);
  height:500px;
  width:700px;
  }

li .nr{
  position:relative;
  margin:0;
  padding:0;
  top:19%;
  left:0%;
  transition:transformY(-50%) transformX(-50%);
  font-size:200px;
  color:#fff;
  text-shadow:2px 1px 1px #999;
}

.glyphicon-menu-left{
  cursor:pointer;
  position:absolute;
  left:0;
  top:45%;
  border:0px solid red;
  padding:10px;
  background:rgba(0,0,0,.5);
  color:#fff;
}
.glyphicon-menu-right{
  cursor:pointer;
  position:absolute;
  top:45%;
  right:0;
  border:0px solid red;
  padding:10px;
  background:rgba(0,0,0,.5);
  color:#fff;
}

.imgList li:nth-child(1){
  background:#1abc9c;
}
.imgList li:nth-child(2){
  background:purple;
}
.imgList li:nth-child(3){
  background:orange;
}
.imgList li:nth-child(4){
  background:indianred;
}
.imgList li:nth-child(5){
  background:#d35400;
}
.imgList li:nth-child(6){
  background:#2ecc71;
}

.splide{
  display: none;
}

@media (max-width:768px){
  .logo-box{
      width:100%
  }
  .splide{
    margin-bottom: -90px;
  }
  .hero-area{
    display: none;
  }
  .section--padding {
    padding-top: 47px;
}

.float-2 img { 
  display: none;
  width: 62px;
}
.float img {
  display: none;
  width: 62px;
}
.float {
  top: 84%;
}
.float-2 { 
  top: 84%;
}
  .logo-box img{
      width:80%
  }
  .iconSlider{
      padding:20px;
      grid-template-columns:repeat(3,1fr)
  }
  .cta-new h1{
      font-size:30px
  }
  .cta-new h2{
      font-size:20px;
      margin-bottom:20px
  }
  .splide{
    display: initial;
  }

}


.gallery img{
  width: 100%;
  height: 30px;
  object-fit: cover;
}