body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
@charset "UTF-8";
/**
 * Swiper 8.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 4, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.btn-course-primary {
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ffffff;
  background: none;
  border: 2px solid #F0F0F0;
  padding: 15px 20px;
  cursor: pointer;
}

html {
  scroll-padding-top: 350px;
}

.page-headActions .button.is-icon a {
  justify-content: flex-start !important;
}

.post-type-archive-courses .hero-scrollToIcon {
  margin: inherit !important;
}
.post-type-archive-courses .hero-scrollTo {
  display: flex !important;
}
.post-type-archive-courses .hero-scrollTo svg {
  margin-top: 0;
}

.archive-courses h1, .other-course h1, .popular-courses h1, .cource-content h1,
.archive-courses h2,
.other-course h2,
.popular-courses h2,
.cource-content h2,
.archive-courses h3,
.other-course h3,
.popular-courses h3,
.cource-content h3,
.archive-courses h4,
.other-course h4,
.popular-courses h4,
.cource-content h4,
.archive-courses h5,
.other-course h5,
.popular-courses h5,
.cource-content h5,
.archive-courses h6,
.other-course h6,
.popular-courses h6,
.cource-content h6,
.single-course h1,
.single-course h2,
.single-course h3,
.single-course h4,
.single-course h5,
.single-course h6 {
  color: #000000;
  font-style: normal;
  margin: 0;
}
.archive-courses a, .other-course a, .popular-courses a, .cource-content a,
.single-course a {
  color: #000000;
}
.archive-courses p, .other-course p, .popular-courses p, .cource-content p,
.single-course p {
  font-style: normal;
  color: #000000;
  margin: 0;
}
.archive-courses ul, .other-course ul, .popular-courses ul, .cource-content ul,
.single-course ul {
  margin: 0;
}

.dark-mode .archive-courses h1, .dark-mode .other-course h1, .dark-mode .popular-courses h1, .dark-mode .cource-content h1,
.dark-mode .archive-courses h2,
.dark-mode .other-course h2,
.dark-mode .popular-courses h2,
.dark-mode .cource-content h2,
.dark-mode .archive-courses h3,
.dark-mode .other-course h3,
.dark-mode .popular-courses h3,
.dark-mode .cource-content h3,
.dark-mode .archive-courses h4,
.dark-mode .other-course h4,
.dark-mode .popular-courses h4,
.dark-mode .cource-content h4,
.dark-mode .archive-courses h5,
.dark-mode .other-course h5,
.dark-mode .popular-courses h5,
.dark-mode .cource-content h5,
.dark-mode .archive-courses h6,
.dark-mode .other-course h6,
.dark-mode .popular-courses h6,
.dark-mode .cource-content h6,
.dark-mode .single-course h1,
.dark-mode .single-course h2,
.dark-mode .single-course h3,
.dark-mode .single-course h4,
.dark-mode .single-course h5,
.dark-mode .single-course h6 {
  color: #ffffff;
}
.dark-mode .archive-courses a, .dark-mode .other-course a, .dark-mode .popular-courses a, .dark-mode .cource-content a,
.dark-mode .single-course a {
  color: #ffffff;
}
.dark-mode .archive-courses p, .dark-mode .other-course p, .dark-mode .popular-courses p, .dark-mode .cource-content p,
.dark-mode .single-course p {
  color: #ffffff;
}

.dff-btn {
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  padding: 15px;
  display: inline-block;
  border: 2px solid #000000;
}
.dff-btn:focus {
  background-color: rgba(51, 51, 51, 0.1);
  background-color: var(--color-primary-transparent);
  color: var(--color-primary);
}

.chevron {
  margin-left: 8px;
  position: relative;
}
.chevron:before {
  content: "";
  border-style: solid;
  border-width: 1px 1px 0 0;
  display: inline-block;
  height: 6px;
  left: 0;
  position: relative;
  transform: rotate(-45deg);
  width: 6px;
  top: 0px;
}
.chevron.bottom:before {
  transform: rotate(135deg);
  top: -3px;
}

.dark-mode .dff-btn, .dark-mode a.dff-btn {
  color: #000000;
  border: 1px solid #ffffff;
  background-color: #ffffff;
}

.single-modules {
  padding-bottom: 30px;
}
.tabs-nav {
  border-bottom: 1.05536px solid rgba(0, 0, 0, 0.1);
  margin: 10px 0;
}
.tabs-nav ul {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.tabs-nav ul li {
  display: flex;
  align-items: center;
  list-style: none;
  margin-bottom: 10px;
}
@media only screen and (min-width: 546px) {
  .tabs-nav ul li {
    margin-right: 55px;
  }
}
.tabs-nav ul li:last-child {
  margin-right: 0;
}
.tabs-nav ul li.active {
  color: #000;
}
.tabs-nav ul li.active button,
.tabs-nav ul li.active a {
  color: inherit;
  position: relative;
}
.tabs-nav ul li.active button::after,
.tabs-nav ul li.active a::after {
  content: "";
  position: absolute;
  height: 4px;
  background: #000000;
  width: 100%;
  bottom: -12px;
  left: 0;
}
.tabs-nav ul button,
.tabs-nav ul a {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  padding: 12px 20px;
  border: none;
  background: none;
  cursor: pointer;
  color: #000000;
}
.tabs-nav ul button:disabled,
.tabs-nav ul a:disabled {
  opacity: 0.4;
}

.tabs-content {
  padding: 50px 0;
}
@media only screen and (min-width: 769px) {
  .tabs-content {
    padding: 72px 0;
  }
}
.tabs-content .tab-wrapper:not(:first-child) {
  display: none;
}

@media only screen and (min-width: 546px) {
  .rtl .tabs-nav ul li {
    margin-right: 0;
    margin-left: 55px;
  }
}
.rtl .tabs-nav ul li:last-child {
  margin-right: 0;
  margin-left: 0;
}

.dark-mode .tabs-nav {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .tabs-nav ul li button, .dark-mode .tabs-nav ul li a {
  color: #ffffff;
}
.dark-mode .tabs-nav ul li.active {
  color: #ffffff;
}
.dark-mode .tabs-nav ul li.active button::after,
.dark-mode .tabs-nav ul li.active a::after {
  background: #ffffff;
}

.accordion {
  width: 100%;
}
.accordion-item {
  border-bottom: 0.5px solid #000000;
}
.accordion-head {
  padding: 15px 0 15px 15px;
  font-size: 22px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.accordion-head.active {
  border-bottom: 0.5px solid #000000;
}
.accordion-head::before, .accordion-head::after {
  content: "";
  position: absolute;
  transition: all 0.3s;
}
.accordion-head::after {
  background-image: url("../../images/accordion-arrow.svg");
  background-repeat: no-repeat;
  width: 23px;
  height: 24px;
  right: 14px;
}
.accordion-head h6 {
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
}
@media only screen and (min-width: 769px) {
  .accordion-head h6 {
    font-size: 18px;
    line-height: 32px;
  }
}
.accordion-head.active::after {
  transform: rotate(180deg);
}
.accordion-content {
  display: none;
  border-left: 8px solid #000000;
  padding: 15px 8px;
}
.accordion-content ul {
  padding-left: 0;
}
.accordion-content ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}
@media only screen and (min-width: 769px) {
  .accordion-content ul li {
    font-size: 16px;
    line-height: 24px;
  }
}

.rtl .accordion-head {
  padding-left: 0;
  padding-right: 17px;
}
.rtl .accordion-head::after {
  left: 14px;
  right: unset;
}
.rtl .accordion-content {
  display: none;
  border-left: unset;
  border-right: 8px solid #000000;
  padding: 15px 8px;
}
.rtl .accordion-content ul {
  padding-left: 0;
  padding-right: 20px;
}

.dark-mode .accordion-item {
  border-bottom: 0.5px solid #ffffff;
}
.dark-mode .accordion-head.active {
  border-bottom: 0.5px solid #ffffff;
}
.dark-mode .accordion-head::after {
  background-image: url("../../images/accordion-arrow-white.svg");
}
.dark-mode .accordion-content {
  border-left-color: #ffffff;
}
.dark-mode .accordion-content ul li {
  color: #ffffff;
}

.dark-mode .rtl .accordion-content {
  border-right-color: #fff;
}

.leave-course-popup.modal-popup .modal-wrapper {
  width: 573px;
}
.leave-course-popup.modal-popup .modal-body {
  text-align: center;
}
.leave-course-popup.modal-popup .modal-body .modal-content {
  max-width: 390px;
}
.leave-course-popup.modal-popup .modal-body .modal-content h2 {
  line-height: 32px;
}

@media only screen and (min-width: 769px) {
  .modules-course .cource-content {
    padding-top: 50px;
  }
}
.modules-course .cource-content .container .columns {
  flex-direction: column;
}
@media only screen and (min-width: 993px) {
  .modules-course .cource-content .container .columns {
    flex-direction: row;
  }
}
.modules-course .cource-content .container .columns .single-modules {
  padding-bottom: 0;
}
@media only screen and (min-width: 769px) {
  .modules-course .cource-content .container .columns .single-modules {
    padding-bottom: 30px;
  }
}
.modules-course .cource-content .container .columns .course-sidebar {
  border: unset;
  padding: 0;
  max-width: 100%;
}
@media only screen and (min-width: 993px) {
  .modules-course .cource-content .container .columns .course-sidebar {
    max-width: 305px;
  }
}
.modules-course .cource-content .container .columns .accordion-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.modules-course .cource-content .container .columns .accordion-item.accordion-item-exam {
  border: none;
}
.modules-course .cource-content .container .columns .accordion-head {
  padding-left: 20px;
  cursor: pointer;
}
.modules-course .cource-content .container .columns .accordion-head.active, .modules-course .cource-content .container .columns .accordion-head:hover {
  border-bottom: unset;
}
.modules-course .cource-content .container .columns .accordion-head.active h6, .modules-course .cource-content .container .columns .accordion-head:hover h6 {
  font-weight: 700;
}
.modules-course .cource-content .container .columns .accordion-head h6 {
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media only screen and (min-width: 769px) {
  .modules-course .cource-content .container .columns .accordion-head h6 {
    font-size: 18px;
    line-height: 24px;
  }
}
.modules-course .cource-content .container .columns .accordion-head.active::after {
  transform: rotate(180deg);
}
.modules-course .cource-content .container .columns .accordion-head.exam-tab-item::after {
  content: unset;
}
.modules-course .cource-content .container .columns .accordion-head.complete h6 {
  position: relative;
}
.modules-course .cource-content .container .columns .accordion-head.complete h6::after {
  content: "";
  position: absolute;
  background-image: url(../../images/certificate-icon-black.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  right: -30px;
}
.modules-course .cource-content .container .columns .accordion-content {
  border-left: 6px solid #000000;
  padding: 0px 0 15px 8px;
}
.modules-course .cource-content .container .columns .accordion-content ul {
  padding-left: 6px;
}
.modules-course .cource-content .container .columns .accordion-content ul li {
  list-style-type: none;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  padding: 5px 0;
  color: #000000;
  cursor: pointer;
}
.modules-course .cource-content .container .columns .accordion-content ul li p {
  width: 88%;
}
.modules-course .cource-content .container .columns .accordion-content ul li p:hover {
  font-weight: 700;
}
@media only screen and (min-width: 769px) {
  .modules-course .cource-content .container .columns .accordion-content ul li {
    font-size: 16px;
    line-height: 20px;
  }
}
.modules-course .cource-content .container .columns .accordion-content ul li.complete {
  position: relative;
}
.modules-course .cource-content .container .columns .accordion-content ul li.complete:before {
  content: "";
  position: absolute;
  background-image: url(../../images/certificate-icon-black.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.modules-course .cource-content .container .columns .accordion-content ul .active p {
  font-weight: 700;
}
.modules-course .cource-content .container .columns .main-content {
  padding-right: 0;
  width: 100%;
  padding-left: 0;
  border: unset;
}
@media only screen and (min-width: 993px) {
  .modules-course .cource-content .container .columns .main-content {
    width: calc(100% - 275px);
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .modules-course .cource-content .container .columns .main-content {
    padding-left: 70px;
  }
}
.modules-course .cource-content .container .columns .main-content .content {
  max-width: 100%;
}
@media only screen and (min-width: 993px) {
  .modules-course .cource-content .container .columns .main-content .content {
    max-width: 810px;
  }
}
.modules-course .cource-content .container .columns .main-content .lesson-container {
  background: #f8f8f8;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.modules-course .cource-content .container .columns .main-content .lesson-container.loader-wrap {
  background: unset;
  border: none;
  box-sizing: border-box;
}
.modules-course .cource-content .container .columns .main-content .lesson-container.loader-wrap .lesson-header,
.modules-course .cource-content .container .columns .main-content .lesson-container.loader-wrap .lesson-content {
  display: none;
}
.modules-course .cource-content .container .columns .main-content .lesson-container .lesson-wrapper {
  position: relative;
}
.modules-course .cource-content .container .columns .close-module h6 {
  opacity: 0.4;
  position: relative;
  width: 100%;
}
.modules-course .cource-content .container .columns .close-module h6 span {
  position: absolute;
  top: 0;
  right: 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}
.modules-course .cource-content .container .columns .close-module .accordion-head::after {
  content: unset;
}
.modules-course .cource-content .lesson-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}
@media only screen and (min-width: 769px) {
  .modules-course .cource-content .lesson-header {
    padding: 15px 32px;
  }
}
.modules-course .cource-content .lesson-header span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}
.modules-course .cource-content .lesson-header .back,
.modules-course .cource-content .lesson-header .next {
  position: relative;
  display: flex;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  color: #000000;
}
.modules-course .cource-content .lesson-header .back:disabled,
.modules-course .cource-content .lesson-header .next:disabled {
  color: rgba(16, 16, 16, 0.3);
}
.modules-course .cource-content .lesson-header .back:disabled::after, .modules-course .cource-content .lesson-header .back:disabled::before,
.modules-course .cource-content .lesson-header .next:disabled::after,
.modules-course .cource-content .lesson-header .next:disabled::before {
  opacity: 0.2;
}
.modules-course .cource-content .lesson-header .next {
  padding-right: 25px;
}
.modules-course .cource-content .lesson-header .next::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url("../../images/arrow-next.svg");
  background-repeat: no-repeat;
  right: 0;
}
.modules-course .cource-content .lesson-header .back {
  padding-left: 25px;
}
.modules-course .cource-content .lesson-header .back::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url("../../images/arrow-back.svg");
  background-repeat: no-repeat;
  left: 0;
}
.modules-course .cource-content .lesson-inner-container {
  padding: 15px;
  border-top: 1px solid #cccccc;
}
@media only screen and (min-width: 769px) {
  .modules-course .cource-content .lesson-inner-container {
    padding: 20px 32px;
  }
}
.modules-course .cource-content .lesson-inner-container h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 16px;
  letter-spacing: 0.01em;
}
.modules-course .cource-content .lesson-inner-container .module-inner-content h1, .modules-course .cource-content .lesson-inner-container .module-inner-content h2, .modules-course .cource-content .lesson-inner-container .module-inner-content h3, .modules-course .cource-content .lesson-inner-container .module-inner-content h4, .modules-course .cource-content .lesson-inner-container .module-inner-content h5 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
}
.modules-course .cource-content .lesson-inner-container .module-inner-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  margin: 10px 0;
}
.modules-course .cource-content .lesson-inner-container .module-inner-content ul {
  margin: 15px 0;
  list-style-type: disc;
}
.modules-course .cource-content .lesson-inner-container .upload-file-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.modules-course .cource-content .lesson-inner-container .upload-file-wrap .file-button-open {
  display: flex;
}
@media only screen and (max-width: 731px) {
  .modules-course .cource-content .lesson-inner-container .upload-file-wrap .file-button-open {
    width: 100%;
  }
}
.modules-course .cource-content .lesson-inner-container .upload-file-wrap .open-btn {
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000000;
  padding: 15px 52px;
  border: 1px solid #000000;
}
@media only screen and (max-width: 731px) {
  .modules-course .cource-content .lesson-inner-container .upload-file-wrap .open-btn {
    width: 100%;
  }
}
.modules-course .cource-content .lesson-inner-container .upload-file-wrap .file-info {
  position: relative;
  padding-left: 43px;
  display: flex;
  flex-direction: column;
  padding-right: 15px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 731px) {
  .modules-course .cource-content .lesson-inner-container .upload-file-wrap .file-info {
    margin-bottom: 0;
  }
}
.modules-course .cource-content .lesson-inner-container .upload-file-wrap .file-info::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  background-image: url("../../images/file-icon.svg");
  background-repeat: no-repeat;
  left: -7px;
}
.modules-course .cource-content .lesson-inner-container .upload-file-wrap .file-info h6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.modules-course .cource-content .lesson-inner-container .upload-file-wrap .file-info .file-size {
  color: #000000;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  opacity: 0.5;
}
.modules-course .cource-content .lesson-inner-container .upload-audio-file-wrap h6 {
  margin-bottom: 15px;
}
.modules-course .cource-content .video-wrapper-upload {
  width: 100%;
}
.modules-course .cource-content .gallery-slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.modules-course .cource-content .gallery-slider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #000000;
}
.modules-course .cource-content .gallery-slider .gallery-fancybox {
  height: 300px;
  background: #000000;
}
@media only screen and (min-width: 601px) {
  .modules-course .cource-content .gallery-slider .gallery-fancybox {
    height: 450px;
  }
}
.modules-course .cource-content .gallery-slider .gallery-fancybox.horizontal img {
  object-fit: cover;
  display: block;
  width: 100%;
}
.modules-course .cource-content .gallery-slider .gallery-fancybox.vertical img {
  object-fit: contain;
  height: 100%;
}
.modules-course .cource-content .gallery-slider .swiper-counter {
  position: absolute;
  z-index: 99999;
  bottom: 5px;
  background: #f0f0f0;
  padding: 0px 40px;
  border-radius: 4px;
  left: 50%;
  -ms-transform: translateY(-50%);
  transform: translateX(-50%);
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
}
.modules-course .cource-content .gallery-slider .swiper-button-prev {
  background-image: url("../../images/arrow_back_prev.svg");
}
.modules-course .cource-content .gallery-slider .swiper-button-prev::after {
  content: unset;
}
.modules-course .cource-content .gallery-slider .swiper-button-next {
  background-image: url("../../images/arrow_back_next.svg");
}
.modules-course .cource-content .gallery-slider .swiper-button-next::after {
  content: unset;
}
.modules-course .box .course-box {
  display: none;
}
.modules-course .selected .course-box {
  display: block;
}

@media only screen and (min-width: 769px) {
  .rtl .modules-course .cource-content {
    padding-top: 50px;
  }
}
.rtl .modules-course .cource-content .container .columns .main-content {
  padding-right: 0;
  width: 100%;
  padding-left: 0;
}
@media only screen and (min-width: 993px) {
  .rtl .modules-course .cource-content .container .columns .main-content {
    padding-left: 0;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .rtl .modules-course .cource-content .container .columns .main-content {
    padding-left: 0;
    padding-right: 70px;
  }
}
.rtl .modules-course .cource-content .container .columns .accordion-head {
  padding-left: 0;
  padding-right: 17px;
}
.rtl .modules-course .cource-content .container .columns .accordion-head.complete h6 {
  position: relative;
}
.rtl .modules-course .cource-content .container .columns .accordion-head.complete h6::after {
  left: -30px;
  right: unset;
}
.rtl .modules-course .cource-content .container .columns .accordion-content {
  display: none;
  border-left: unset;
  border-right: 6px solid #000000;
  padding: 15px 8px;
}
.rtl .modules-course .cource-content .container .columns .accordion-content ul {
  padding-left: 0;
  padding-right: 5px;
}
.rtl .modules-course .cource-content .container .columns .accordion-content ul li.complete:before {
  left: 5px;
  right: unset;
}
.rtl .modules-course .cource-content .container .close-module h6 span {
  left: 10px;
  right: unset;
}
.rtl .modules-course .cource-content .lesson-header .next {
  padding-left: 25px;
  padding-right: 0;
}
.rtl .modules-course .cource-content .lesson-header .next::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url("../../images/arrow-back.svg");
  background-repeat: no-repeat;
  left: 0;
}
.rtl .modules-course .cource-content .lesson-header .next::after {
  content: unset;
}
.rtl .modules-course .cource-content .lesson-header .back {
  padding-left: 0;
  padding-right: 25px;
}
.rtl .modules-course .cource-content .lesson-header .back::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url("../../images/arrow-next.svg");
  background-repeat: no-repeat;
  right: 0;
}
.rtl .modules-course .cource-content .lesson-complete .control {
  padding-right: 30px;
}
.rtl .modules-course .cource-content .lesson-complete .control_indicator {
  right: 0;
}
.rtl .modules-course .cource-content .swiper-button-prev {
  background-image: url("../../images/arrow_back_next.svg");
}
.rtl .modules-course .cource-content .swiper-button-prev::after {
  content: unset;
}
.rtl .modules-course .cource-content .swiper-button-next {
  background-image: url("../../images/arrow_back_prev.svg");
}
.rtl .modules-course .cource-content .swiper-button-next::after {
  content: unset;
}

.dark-mode .modules-course .cource-content .container .columns .accordion-item {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .modules-course .cource-content .container .columns .accordion-content {
  border-left-color: #ffffff;
}
.dark-mode .modules-course .cource-content .container .columns .accordion-content ul li {
  color: #ffffff;
}
.dark-mode .modules-course .cource-content .container .columns .accordion-content ul li.complete:before {
  content: "";
  position: absolute;
  background-image: url(../../images/certificate-icon.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  right: 0;
}
.dark-mode .modules-course .cource-content .container .columns .accordion-head.complete h6::after {
  background-image: url(../../images/certificate-icon.svg);
}
.dark-mode .modules-course .cource-content .container .columns .main-content .lesson-header .back,
.dark-mode .modules-course .cource-content .container .columns .main-content .lesson-header .next {
  color: #ffffff;
}
.dark-mode .modules-course .cource-content .container .columns .main-content .lesson-header .back:disabled,
.dark-mode .modules-course .cource-content .container .columns .main-content .lesson-header .next:disabled {
  color: rgba(255, 255, 255, 0.2);
}
.dark-mode .modules-course .cource-content .container .columns .main-content .lesson-header .next::after {
  filter: invert(100%);
}
.dark-mode .modules-course .cource-content .container .columns .main-content .lesson-header .back::before {
  filter: invert(100%);
}
.dark-mode .modules-course .cource-content .container .columns .main-content .lesson-inner-container {
  border-top-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .modules-course .cource-content .container .columns .main-content .lesson-container {
  background: #000000;
  border-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .modules-course .cource-content .lesson-inner-container .upload-file-wrap .open-btn {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.dark-mode .modules-course .cource-content .lesson-inner-container .upload-file-wrap .file-info .file-size {
  color: #ffffff;
}
.dark-mode .modules-course .cource-content .lesson-inner-container .upload-file-wrap .file-info::before {
  filter: invert(100%);
}
.dark-mode .modules-course .cource-content .gallery-slider .swiper-slide {
  background: #000000;
}
.dark-mode .modules-course .cource-content .gallery-slider .gallery-fancybox {
  background: #000000;
}
.dark-mode .modules-course .cource-content .gallery-slider .swiper-counter {
  background: #f0f0f0;
}
.dark-mode .modules-course .cource-content .gallery-slider .swiper-counter span {
  color: #000000;
}
.dark-mode .modules-course .lesson-complete .control input:checked ~ .control_indicator {
  background: #000000;
}
.dark-mode .modules-course .lesson-complete .control input:disabled ~ .control_indicator {
  background: #e6e6e6;
}
.dark-mode .modules-course .lesson-complete .control_indicator {
  background: #000000;
  border: 1px solid #ffffff;
}
.dark-mode .modules-course .lesson-complete .control:hover input ~ .control_indicator,
.dark-mode .modules-course .lesson-complete .control input:focus ~ .control_indicator {
  background: #000000;
}
.dark-mode .modules-course .lesson-complete .control:hover input:not([disabled]):checked ~ .control_indicator,
.dark-mode .modules-course .lesson-complete .control input:checked:focus ~ .control_indicator {
  background: #000000;
}
.dark-mode .modules-course .lesson-complete .control-checkbox .control_indicator:after {
  left: 6px;
  top: 1px;
  width: 3px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.dark-mode .modules-course .lesson-complete .control-checkbox input:disabled ~ .control_indicator:after {
  border-color: #7b7b7b;
}

.dark-mode .rtl .modules-course .cource-content .container .columns .accordion-head.complete h6 {
  position: relative;
}
.dark-mode .rtl .modules-course .cource-content .container .columns .accordion-head.complete h6::after {
  content: "";
  position: absolute;
  background-image: url(../../images/certificate-icon.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  left: -30px;
}
.dark-mode .rtl .modules-course .cource-content .container .columns .accordion-content {
  border-right-color: #ffffff;
}
.dark-mode .rtl .modules-course .cource-content .container .columns .accordion-content ul li {
  color: #ffffff;
}
.dark-mode .rtl .modules-course .cource-content .container .columns .accordion-content ul li.complete:before {
  left: 5px;
  right: unset;
}

.lesson-complete .control {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 16px;
}
.lesson-complete .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.lesson-complete .control input:checked ~ .control_indicator {
  background: #000000;
}
.lesson-complete .control input:checked ~ .control_indicator:after {
  display: block;
}
.lesson-complete .control input:disabled ~ .control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.lesson-complete .control_indicator {
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  background: #f8f8f8;
  border: 1px solid #000000;
  border-radius: 0px;
  border-radius: 0px;
}
.lesson-complete .control_indicator:after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}
.lesson-complete .control:hover input ~ .control_indicator,
.lesson-complete .control input:focus ~ .control_indicator {
  background: #ffffff;
}
.lesson-complete .control:hover input:not([disabled]):checked ~ .control_indicator,
.lesson-complete .control input:checked:focus ~ .control_indicator {
  background: #000000;
}
.lesson-complete .control-checkbox .control_indicator:after {
  left: 6px;
  top: 1px;
  width: 3px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.lesson-complete .control-checkbox input:disabled ~ .control_indicator:after {
  border-color: #7b7b7b;
}

.lesson-audio-container .mejs-container {
  background-color: #f8f8f8;
}
.lesson-audio-container .mejs-controls {
  background-color: #f8f8f8 !important;
  padding: 0;
}
.lesson-audio-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background-color: #c4c4c4;
}
.lesson-audio-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #000000;
}
.lesson-audio-container .mejs-controls .mejs-time-rail:hover .mejs-time-handle-content {
  transform: translate3d(3px, 3px, 0) scale3d(1.5, 1.5, 1.5);
  border-radius: 50% !important;
}
.lesson-audio-container .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: #c4c4c4;
}
.lesson-audio-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: #c4c4c4;
}
.lesson-audio-container .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #000000;
}
.lesson-audio-container .mejs-embed {
  background-color: #f8f8f8;
}
.lesson-audio-container .mejs-embed body {
  background-color: #f8f8f8;
}
.lesson-audio-container .mejs-button.mejs-pause, .lesson-audio-container .mejs-button.mejs-play {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(138, 138, 138, 0.5);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
}
.lesson-audio-container .mejs-button.mejs-pause > button, .lesson-audio-container .mejs-button.mejs-play > button {
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
  padding: 0;
}
.lesson-audio-container .mejs-button.mejs-play > button {
  background-image: url("../../images/play-arrow.svg");
}
.lesson-audio-container .mejs-button.mejs-pause > button {
  background-image: url("../../images/pause-icon1.svg");
}
.lesson-audio-container .mejs-button.mejs-mute > button {
  background-image: url("../../images/298-volume-mute.svg");
}
.lesson-audio-container .mejs-button.mejs-unmute > button {
  background-image: url("../../images/299-volume-mute2.svg");
}
.lesson-audio-container .mejs-button.mejs-replay > button {
  background: url("../../images/to-replay.svg") no-repeat;
}
.lesson-audio-container .mejs-time {
  color: #888888;
  height: auto;
}
.lesson-audio-container .mejs-time-buffering {
  height: 4px;
}
.lesson-audio-container .mejs-time-current {
  height: 4px;
}
.lesson-audio-container .mejs-time-float {
  height: 15px;
  background: none;
}
.lesson-audio-container .mejs-time-float-corner {
  border: 5px solid #f8f8f8;
  border-color: #000 transparent transparent;
}
.lesson-audio-container .mejs-time-float-current {
  height: 154px;
}
.lesson-audio-container .mejs-time-hovered {
  height: 4px;
}
.lesson-audio-container .mejs-time-loaded {
  height: 4px;
}
.lesson-audio-container .mejs-time-marker {
  height: 4px;
}
.lesson-audio-container .mejs-time-total {
  height: 4px;
  margin-top: 8px;
}
.lesson-audio-container .mejs-horizontal-volume-total {
  height: 4px;
  top: 19px;
}
.lesson-audio-container .mejs-time-handle-content {
  margin-top: -3px;
  width: 10px;
  height: 10px;
  background: #000000;
  border-radius: 50%;
}
.lesson-audio-container .mejs-time-handle {
  width: 10px;
  height: 10px;
  margin-top: -3px;
  background: #000000;
  border-radius: 50%;
  left: -4px;
  border-radius: 50% !important;
}
.lesson-audio-container .mejs-container {
  box-sizing: border-box;
}
.lesson-audio-container .mejs-container * {
  box-sizing: border-box;
}
.lesson-audio-container .mejs-duration,
.lesson-audio-container .mejs-currenttime {
  font-weight: 400;
  font-size: 12px;
  color: #000000;
}
.lesson-audio-container .mejs-currenttime {
  margin-left: 7px;
}

.video-wrapper-upload {
  width: 100% !important;
  position: relative;
}
@media only screen and (min-width: 993px) {
  .video-wrapper-upload {
    height: 386px;
  }
}
@media only screen and (min-width: 1025px) {
  .video-wrapper-upload {
    height: 450px;
  }
}
.video-wrapper-upload .wp-video {
  width: 100% !important;
  height: 100%;
}
.video-wrapper-upload .mejs-container {
  background-color: #606060;
}
@media only screen and (min-width: 993px) {
  .video-wrapper-upload .mejs-container.wp-video-shortcode {
    height: 386px !important;
  }
}
@media only screen and (min-width: 1025px) {
  .video-wrapper-upload .mejs-container.wp-video-shortcode {
    height: 455px !important;
  }
}
.video-wrapper-upload .mejs-controls {
  background-color: #e5e5e5 !important;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 15px;
}
@media only screen and (min-width: 769px) {
  .video-wrapper-upload .mejs-controls {
    padding: 0 32px;
  }
}
.video-wrapper-upload .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background-color: #c4c4c4;
}
.video-wrapper-upload .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #000000;
}
.video-wrapper-upload .mejs-controls .mejs-time-rail:hover .mejs-time-handle-content {
  transform: translate3d(3px, 3px, 0) scale3d(1.5, 1.5, 1.5);
  border-radius: 50% !important;
}
.video-wrapper-upload .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: #c4c4c4;
}
.video-wrapper-upload .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: #c4c4c4;
}
.video-wrapper-upload .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #000000;
}
.video-wrapper-upload .mejs-embed {
  background-color: #e5e5e5;
}
.video-wrapper-upload .mejs-embed body {
  background-color: #e5e5e5;
}
.video-wrapper-upload .mejs-button.mejs-pause, .video-wrapper-upload .mejs-button.mejs-play {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
  border-radius: 3px;
  width: 25px;
  height: 20px;
}
.video-wrapper-upload .mejs-button.mejs-pause > button, .video-wrapper-upload .mejs-button.mejs-play > button {
  background-repeat: no-repeat;
  background-position: center;
}
.video-wrapper-upload .mejs-button.mejs-play > button {
  background: url("../../images/play-arrow-white.svg") no-repeat;
}
.video-wrapper-upload .mejs-button.mejs-pause > button {
  background: url("../../images/pause-icon-white1.svg") no-repeat;
  width: 20px;
}
.video-wrapper-upload .mejs-button.mejs-mute > button {
  background: url("../../images/298-volume-mute.svg") no-repeat;
}
.video-wrapper-upload .mejs-button.mejs-unmute > button {
  background: url("../../images/299-volume-mute2.svg") no-repeat;
}
.video-wrapper-upload .mejs-button.mejs-replay > button {
  background: url("../../images/to-replay.svg") no-repeat;
}
.video-wrapper-upload .mejs-fullscreen-button > button {
  background: url("../../images/fullscreen_black.svg") no-repeat;
}
.video-wrapper-upload .mejs-overlay:hover .mejs-overlay-button {
  background-position: center;
}
.video-wrapper-upload .mejs-overlay .mejs-overlay-button {
  background: url("../../images/play_arrow_video_black.svg") no-repeat;
  height: 80px;
  width: 80px;
}
.video-wrapper-upload .mejs-time {
  color: #888888;
  height: auto;
  padding-top: 3px;
}
.video-wrapper-upload .mejs-time-buffering {
  height: 4px;
}
.video-wrapper-upload .mejs-time-current {
  height: 4px;
}
.video-wrapper-upload .mejs-time-float {
  height: 15px;
  background: none;
  margin-bottom: 5px;
}
.video-wrapper-upload .mejs-time-float-corner {
  border: 5px solid #f8f8f8;
  border-color: #000 transparent transparent;
}
.video-wrapper-upload .mejs-time-float-current {
  height: 154px;
}
.video-wrapper-upload .mejs-time-hovered {
  height: 4px;
}
.video-wrapper-upload .mejs-time-loaded {
  height: 4px;
}
.video-wrapper-upload .mejs-time-marker {
  height: 4px;
}
.video-wrapper-upload .mejs-time-total {
  height: 4px;
  margin-top: 8px;
}
.video-wrapper-upload .mejs-horizontal-volume-total {
  height: 4px;
  top: 19px;
}
.video-wrapper-upload .mejs-time-handle-content {
  margin-top: -3px;
  width: 10px;
  height: 10px;
  background: #000000;
  border-radius: 50%;
}
.video-wrapper-upload .mejs-time-handle {
  width: 10px;
  height: 10px;
  margin-top: -3px;
  background: #000000;
  border-radius: 50%;
  left: -4px;
  border-radius: 50% !important;
}
.video-wrapper-upload .mejs-container {
  box-sizing: border-box;
}
.video-wrapper-upload .mejs-container * {
  box-sizing: border-box;
}
.video-wrapper-upload .mejs-duration,
.video-wrapper-upload .mejs-currenttime {
  font-weight: 400;
  font-size: 12px;
  color: #000000;
}
.video-wrapper-upload .mejs-currenttime {
  margin-left: 7px;
}

.rtl .modal-popup .modal-close::after {
  left: 6px;
  right: unset;
}

.dark-mode .modal-popup .modal-wrapper {
  background-color: #000;
}
.dark-mode .modal-popup .modal-content p {
  color: #fff;
}
.dark-mode .modal-popup .modal-content .buttons .btn-course-primary {
  background: #fff;
  color: #000;
}
.dark-mode .modal-popup .modal-content .buttons .btn-course-primary:hover {
  color: #000;
}
.dark-mode .modal-popup .modal-content .buttons button.btn-course-primary,
.dark-mode .modal-popup .modal-content .buttons .login.btn-course-primary {
  border: 1px solid #fff;
  background: none;
  color: #fff;
}
.dark-mode .modal-popup .modal-content .buttons button.btn-course-primary:hover,
.dark-mode .modal-popup .modal-content .buttons .login.btn-course-primary:hover {
  color: #fff;
}

.modal-popup .modal {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
}
.modal-popup .modal.is-visible {
  visibility: visible;
}
.modal-popup .modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.modal-popup .modal.is-visible .modal-transition {
  opacity: 1;
}
.modal-popup .modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0deg, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.modal-popup .modal-wrapper {
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 335px;
  padding: 0 20px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 1.5em hsla(0deg, 0%, 0%, 0.35);
}
@media only screen and (min-width: 611px) {
  .modal-popup .modal-wrapper {
    max-width: 574px;
    padding: 0;
  }
}
.modal-popup .modal-transition {
  transition: all 0.3s 0.12s;
  opacity: 0;
}
.modal-popup .modal-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 5px 0;
}
@media only screen and (min-width: 611px) {
  .modal-popup .modal-header {
    padding: 5px 10px 0 0;
  }
}
.modal-popup .modal-content {
  padding: 15px 0 42px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 300px;
  margin: 0 auto;
}
.modal-popup .modal-content > *:first-child {
  margin-top: 0;
}
.modal-popup .modal-content > *:last-child {
  margin-bottom: 0;
}
.modal-popup .modal-content h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
}
@media only screen and (min-width: 611px) {
  .modal-popup .modal-content h2 {
    font-size: 26px;
  }
}
.modal-popup .modal-content p {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  padding: 0 30px;
  color: #202020;
  text-align: center;
}
@media only screen and (min-width: 611px) {
  .modal-popup .modal-content p {
    font-size: 16px;
    line-height: 24px;
    padding: 0;
  }
}
.modal-popup .modal-content .buttons {
  margin-top: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modal-popup .modal-content .buttons .btn-course-primary {
  background: #000000;
  border-radius: 2px;
  border: none;
  max-width: 325px;
  width: 100%;
  text-align: center;
  line-height: 18px;
}
.modal-popup .modal-content .buttons .btn-course-primary:first-child {
  margin: 25px 0 10px 0;
}
.modal-popup .modal-content .buttons .btn-course-primary:hover {
  color: #fff;
}
.modal-popup .modal-content .buttons button.btn-course-primary,
.modal-popup .modal-content .buttons .login.btn-course-primary {
  border: 1px solid #000000;
  box-sizing: border-box;
  background: none;
  color: #000000;
}
.modal-popup .modal-content .buttons button.btn-course-primary:hover,
.modal-popup .modal-content .buttons .login.btn-course-primary:hover {
  color: #000000;
}
.modal-popup .modal-close {
  position: relative;
  height: 25px;
  width: 25px;
  cursor: pointer;
}
.modal-popup .modal-close::after {
  content: "";
  background-image: url("../../images/close_black.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  right: -10px;
  top: 3px;
  position: absolute;
}
@media only screen and (min-width: 611px) {
  .modal-popup .modal-close::after {
    right: 0;
  }
}
.modal-popup .modal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.info-for-future-user-modal .modal-body p {
  padding: 0 40px;
  text-align: center;
}

.phrases {
  display: none;
}

.course-quiz__top {
  border-bottom: 1px solid #CCCCCC;
  display: flex;
  align-items: center;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  padding: 18px 32px;
}
@media (max-width: 767px) {
  .course-quiz__top {
    font-size: 13px;
    padding: 9px 16px;
    text-transform: uppercase;
  }
}
.course-quiz__title {
  font-weight: 500;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .course-quiz__title {
    display: none;
  }
}
.course-quiz__title:after {
  content: "";
  height: 24px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  display: inline-block;
  margin: 0 16px;
}
.course-quiz__step-title {
  display: none;
}
.course-quiz__content {
  text-align: center;
  padding: 24px;
  max-width: 550px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .course-quiz__content {
    text-align: left;
    padding: 12px 16px;
  }
}
.course-quiz__content h3 {
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 26px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .course-quiz__content h3 {
    font-size: 12px;
    line-height: 16px;
  }
}
.course-quiz__content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  margin: 50px 0 15px;
}
@media (max-width: 767px) {
  .course-quiz__content p {
    font-size: 15px;
    line-height: 23px;
  }
}
@media (max-width: 767px) {
  .course-quiz__content p:last-of-type {
    margin-bottom: 32px;
  }
}
.course-quiz__content textarea {
  width: 100%;
  padding: 20px;
}
.course-quiz__content .steps {
  display: none;
}
.course-quiz__checkbox {
  max-width: 400px;
  margin: 0 auto 16px auto;
}
.course-quiz__checkbox input {
  position: absolute;
  opacity: 0;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}
.course-quiz__checkbox label {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 16px;
  line-height: 16px;
  color: #000000;
  padding: 15px 48px;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.course-quiz__checkbox label:after {
  content: "";
  position: absolute;
  left: 15px;
  width: 18px;
  height: 18px;
  border: 2px solid #000000;
  transition: all 0.3s ease;
  margin-bottom: -1px;
}
.course-quiz__checkbox label:before {
  content: "";
  position: absolute;
  left: 21px;
  opacity: 0;
  z-index: 1;
  transform: rotate(45deg);
  height: 14px;
  width: 7px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transition: all 0.3s ease;
}
.course-quiz__checkbox input:checked + label,
.course-quiz__checkbox input:focus + label {
  border-color: #000000;
}
.course-quiz__checkbox input:checked + label:before {
  opacity: 1;
}
.course-quiz__checkbox input:checked + label:after {
  background-color: #000000;
}
.course-quiz .error:not(:empty) ~ .course-quiz__checkbox label {
  border-color: red;
}
.course-quiz .error:not(:empty) ~ .course-quiz__checkbox input:focus + label {
  border-color: #000000;
}
.course-quiz__radio {
  max-width: 400px;
  margin: 0 auto 16px auto;
}
.course-quiz__radio input {
  position: absolute;
  opacity: 0;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}
.course-quiz__radio label {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 16px;
  line-height: 16px;
  color: #000000;
  padding: 15px 48px;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.course-quiz__radio label:after {
  content: "";
  position: absolute;
  left: 15px;
  width: 18px;
  height: 18px;
  border: 2px solid #000000;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.course-quiz__radio label:before {
  content: "";
  position: absolute;
  left: 19px;
  opacity: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #000000;
  transition: all 0.3s ease;
}
.course-quiz__radio input.error + label {
  border-color: red;
}
.course-quiz__radio input:checked + label,
.course-quiz__radio input:focus + label,
.course-quiz__radio input.error:focus + label {
  border-color: #000000;
}
.course-quiz__radio input:checked + label:before {
  opacity: 1;
}
.course-quiz__select {
  line-height: 36px;
}
.course-quiz__select input {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
  border: none;
  background-color: transparent;
  outline: none;
  border-bottom: 1px solid #000000;
  position: relative;
  padding: 0;
  top: -4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  width: 50%;
  display: block;
  margin: 0 auto;
  border-top: none;
  border-left: none;
  border-right: none;
}
.course-quiz__select input.error {
  border-color: red;
}
.course-quiz__select textarea.error {
  border-color: red;
}
.course-quiz__select .textarea_characters {
  display: flex;
  justify-content: space-between;
}
.course-quiz label.error {
  display: none !important;
}
.course-quiz__progress {
  padding: 40px 30px 70px 30px;
  text-align: center;
  display: none;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 767px) {
  .course-quiz__progress {
    padding: 32px 16px 24px 16px;
  }
}
.course-quiz__progress.active {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.course-quiz__progress-title {
  margin: 0;
  font-size: 22px;
  line-height: 20px;
  color: #000000;
}
@media (max-width: 767px) {
  .course-quiz__progress-title {
    font-size: 20px;
    line-height: 30px;
  }
}
.course-quiz__progress-subtitle {
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
  margin: 25px 0 0;
  max-width: 350px;
}
.course-quiz__progress-result {
  color: rgba(0, 0, 0, 0.5);
  margin: 32px 0 0;
  max-width: 350px;
  font-size: 22px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .course-quiz__progress-result {
    font-size: 20px;
  }
}
.course-quiz__progress-result span {
  font-weight: bold;
}
.course-quiz .actions, .course-quiz__buttons {
  text-align: center;
  max-width: 400px;
  margin: 56px auto 18px auto;
  width: 100%;
}
@media (max-width: 767px) {
  .course-quiz .actions, .course-quiz__buttons {
    margin: 42px auto 12px auto;
  }
}
.course-quiz .actions ul, .course-quiz__buttons ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 0 -8px;
  padding: 0;
}
.course-quiz .actions ul li, .course-quiz__buttons ul li {
  width: calc(50% - 16px);
  flex: 0 0 calc(50% - 16px);
  max-width: calc(50% - 16px);
  margin: 0 8px;
}
.course-quiz .actions ul .disabled, .course-quiz__buttons ul .disabled {
  display: none;
}
.course-quiz .actions ul a, .course-quiz__buttons ul a {
  color: #ffffff;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: block;
  border: 1px solid #000000;
  padding: 16px;
  background-color: #000000;
}
.course-quiz .actions ul a:focus, .course-quiz__buttons ul a:focus {
  background-color: rgba(51, 51, 51, 0.1);
  background-color: var(--color-primary-transparent);
  color: var(--color-primary);
}
.course-quiz .actions ul a.failed, .course-quiz__buttons ul a.failed {
  background-color: #959595;
  border: 1px solid #959595;
  cursor: not-allowed;
  color: #fff;
}
.course-quiz .actions ul li:first-child a, .course-quiz__buttons ul li:first-child a {
  background-color: transparent;
  color: #000000;
}
.course-quiz .actions ul li:first-child a:focus, .course-quiz__buttons ul li:first-child a:focus {
  background-color: rgba(51, 51, 51, 0.1);
  background-color: var(--color-primary-transparent);
  color: var(--color-primary);
}
@media (max-width: 767px) {
  .course-quiz .course-quiz__progress .course-quiz__buttons ul {
    flex-wrap: wrap;
    margin: 0;
  }
  .course-quiz .course-quiz__progress .course-quiz__buttons ul li {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 12px;
  }
  .course-quiz .course-quiz__progress .course-quiz__buttons.course-quiz__buttons_try_again ul {
    flex-direction: column-reverse;
  }
  .course-quiz .course-quiz__progress .course-quiz__buttons.course-quiz__buttons_try_again ul li {
    margin: 0 0 10px 0;
  }
}

.nice-select {
  background-color: #fff;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid #000000;
  padding: 0px 45px 0px 5px;
  top: -4px;
  line-height: 20px;
}

.nice-select .current {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 26px;
}

.nice-select .list {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: translateY(-21px);
  -ms-transform: translateY(-21px);
  transform: translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  min-width: 235px;
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select:after {
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  display: block;
  height: 7px;
  width: 7px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select .option {
  padding: 12px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
  transition: all 0.3s ease;
}

.nice-select .option.disabled {
  display: none;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background: rgba(204, 204, 204, 0.2);
}

.error + .nice-select {
  border-color: red;
}

@media (max-width: 1200px) {
  .nice-select:active, .nice-select:focus, .nice-select:hover,
.nice-select .list:active,
.nice-select .list:focus,
.nice-select .list:hover {
    outline: none;
  }
}
.course-quiz__checkbox label.inline,
.course-quiz__checkbox input[type=checkbox] + label {
  display: flex;
  margin-left: inherit !important;
  align-items: center;
}

.rtl .nice-select {
  text-align: right;
  padding: 0px 5px 0px 45px;
}
.rtl .nice-select .list {
  left: inherit;
  right: 0;
}
.rtl .nice-select:after {
  left: 10px;
  right: inherit;
}
@media (max-width: 767px) {
  .rtl .course-quiz__content {
    text-align: right;
  }
}
.rtl .course-quiz__checkbox label {
  text-align: right;
}
.rtl .course-quiz__checkbox label:after {
  left: initial;
  right: 15px;
}
.rtl .course-quiz__checkbox label:before {
  left: initial;
  right: 21px;
}
.rtl .course-quiz__radio label {
  text-align: right;
}
.rtl .course-quiz__radio label:after {
  left: initial;
  right: 15px;
}
.rtl .course-quiz__radio label:before {
  left: initial;
  right: 19px;
}

.dark-mode .course-quiz__top {
  color: #ffffff;
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .course-quiz__title:after {
  background-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .course-quiz__content h3 {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .course-quiz__checkbox label {
  background: #000000;
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.dark-mode .course-quiz__checkbox label:after {
  border: 2px solid #ffffff;
}
.dark-mode .course-quiz__checkbox label:before {
  border-bottom: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
}
.dark-mode .course-quiz__checkbox input:checked + label,
.dark-mode .course-quiz__checkbox input:focus + label {
  border-color: #ffffff;
}
.dark-mode .course-quiz__checkbox input:checked + label:after {
  background-color: #000000;
}
.dark-mode .course-quiz__checkbox label.inline,
.dark-mode .course-quiz__checkbox input[type=checkbox] + label {
  display: flex;
  margin-left: inherit !important;
}
.dark-mode .course-quiz .error:not([style="display: none;"]) ~ .course-quiz__checkbox input:focus + label {
  border-color: #ffffff;
}
.dark-mode .course-quiz__radio label {
  background: #000000;
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.dark-mode .course-quiz__radio label:after {
  border-color: #ffffff;
}
.dark-mode .course-quiz__radio label:before {
  background-color: #ffffff;
}
.dark-mode .course-quiz__radio input:checked + label,
.dark-mode .course-quiz__radio input:focus + label {
  border-color: #ffffff;
}
.dark-mode .course-quiz__select input {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.dark-mode .course-quiz__select input.error {
  border-color: red;
}
.dark-mode .course-quiz__progress-title {
  color: #ffffff;
}
.dark-mode .course-quiz__progress-subtitle {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .course-quiz__progress-result {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .course-quiz__progress-result span {
  color: #ffffff;
}
.dark-mode .course-quiz .actions ul a, .dark-mode .course-quiz__buttons ul a {
  color: #000000;
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.dark-mode .course-quiz .actions ul a.failed, .dark-mode .course-quiz__buttons ul a.failed {
  background-color: #959595;
  border: 1px solid #959595;
}
.dark-mode .course-quiz .actions ul li:first-child a, .dark-mode .course-quiz__buttons ul li:first-child a {
  background-color: #000000;
  color: #ffffff;
}

.dark-mode .nice-select {
  background-color: #000000;
  border-bottom: 1px solid #ffffff;
}
.dark-mode .nice-select .current {
  color: #ffffff;
}
.dark-mode .nice-select .list {
  background: #000000;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 4px 8px rgba(255, 255, 255, 0.1);
}
.dark-mode .nice-select:after {
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.dark-mode .nice-select .option {
  color: #ffffff;
  background-color: #000000;
}
.dark-mode .nice-select .option:hover,
.dark-mode .nice-select .option.focus,
.dark-mode .nice-select .option.selected.focus {
  background: rgba(255, 255, 255, 0.2);
}
.dark-mode .error + .nice-select {
  border-color: red;
}
.dark-mode .course-quiz__select .textarea_characters span {
  color: #fff;
}

.certificate-wrap .course-item-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.certificate-wrap .course-item-content .course-item-desc {
  flex: 1;
}
.certificate-wrap .course-item-content .certificate {
  position: relative;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  background: #000000;
  margin: 0;
  padding: 12px 0;
  display: flex;
  align-items: center;
  padding-left: 45px;
}
.certificate-wrap .course-item-content .certificate::before {
  content: "";
  position: absolute;
  background-image: url("../../images/certificate-icon.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  left: 10px;
}
.certificate-wrap .course-item-content .download-certificate {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000000;
  display: flex;
  justify-content: center;
  margin: 0 15px;
  border: 0.870074px solid #000000;
  box-sizing: border-box;
}

.rtl .certificate-wrap .course-item-content .certificate {
  padding-right: 45px;
  padding-left: 0;
}
.rtl .certificate-wrap .course-item-content .certificate::before {
  content: "";
  right: 10px;
}

.dark-mode .certificate-wrap .course-item-content .download-certificate {
  color: #fff;
  border: 0.870074px solid #fff;
}

.page-template-courses-inc .breadcrumb br {
  display: none;
}

.archive-courses, .other-course, .popular-courses, .cource-content {
  padding-bottom: 50px;
}
.archive-courses .container, .other-course .container, .popular-courses .container, .cource-content .container {
  width: 100%;
  max-width: 1225px;
  padding: 0 20px;
}
.archive-courses-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
@media only screen and (min-width: 566px) {
  .archive-courses-list {
    flex-direction: row;
    gap: 25px;
  }
}
@media only screen and (min-width: 1200px) {
  .archive-courses-list {
    gap: 40px;
    justify-content: unset;
  }
}
.archive-courses .courses-categories, .other-course .courses-categories, .popular-courses .courses-categories, .cource-content .courses-categories {
  padding: 24px 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 25px;
}
@media only screen and (min-width: 993px) {
  .archive-courses .courses-categories, .other-course .courses-categories, .popular-courses .courses-categories, .cource-content .courses-categories {
    padding: 72px 0 40px;
    margin-bottom: 0;
    border: none;
  }
}
.archive-courses .courses-categories ul, .other-course .courses-categories ul, .popular-courses .courses-categories ul, .cource-content .courses-categories ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.archive-courses .courses-categories ul li, .other-course .courses-categories ul li, .popular-courses .courses-categories ul li, .cource-content .courses-categories ul li {
  list-style: none;
  background: #F0F0F0;
  border-radius: 50px;
  margin-right: 12px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 993px) {
  .archive-courses .courses-categories ul li, .other-course .courses-categories ul li, .popular-courses .courses-categories ul li, .cource-content .courses-categories ul li {
    margin-right: 28px;
  }
}
.archive-courses .courses-categories ul li:last-child, .other-course .courses-categories ul li:last-child, .popular-courses .courses-categories ul li:last-child, .cource-content .courses-categories ul li:last-child {
  margin-right: 0;
}
.archive-courses .courses-categories ul li a, .other-course .courses-categories ul li a, .popular-courses .courses-categories ul li a, .cource-content .courses-categories ul li a {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  cursor: pointer;
}
.archive-courses .courses-categories ul li.active, .other-course .courses-categories ul li.active, .popular-courses .courses-categories ul li.active, .cource-content .courses-categories ul li.active {
  transition: 0.3s;
  background: #000000;
}
.archive-courses .courses-categories ul li.active a, .other-course .courses-categories ul li.active a, .popular-courses .courses-categories ul li.active a, .cource-content .courses-categories ul li.active a {
  color: #ffffff;
  transition: 0.3s;
}

.archive-courses-list p a::before {
  background-color: var(--color-primary);
  bottom: 2px;
}
.archive-courses-list .course-item {
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  padding-bottom: 15px;
  background: #ffffff;
  border: 0.870074px solid #f0f0f0;
  box-sizing: border-box;
}
@media only screen and (min-width: 566px) {
  .archive-courses-list .course-item {
    flex-basis: 47%;
  }
}
@media only screen and (min-width: 769px) {
  .archive-courses-list .course-item {
    flex-basis: 31%;
  }
}
@media only screen and (min-width: 1200px) {
  .archive-courses-list .course-item {
    flex-basis: 22.46%;
  }
}
.archive-courses-list .course-item .course-item-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.archive-courses-list .course-item .course-item-content .course-item-img {
  position: relative;
  height: 192px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
@media only screen and (min-width: 566px) {
  .archive-courses-list .course-item .course-item-content .course-item-img {
    height: 148px;
  }
}
.archive-courses-list .course-item .course-item-content .course-item-img .courses-item-category {
  position: absolute;
  top: 15px;
  left: 15px;
  display: flex;
  flex-wrap: wrap;
}
.archive-courses-list .course-item .course-item-content .course-item-img .courses-item-category h4 {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #000000;
  margin: 0;
  background: linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(259.4deg, #fbcb43 -49.47%, #ffdc7a 103.79%);
  padding: 4px;
  margin: 0 4px 4px 0;
  display: flex;
  align-items: center;
}
.archive-courses-list .course-item .course-item-content .course-item-img .courses-item-category h4 span {
  margin-right: 5px;
}
.archive-courses-list .course-item .course-item-content .course-item-img .courses-item-category h4 span img {
  width: 10px;
  height: 10px;
}
.archive-courses-list .course-item .course-item-desc {
  padding: 15px;
  flex: 1;
}
.archive-courses-list .course-item .course-item-desc h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
.archive-courses-list .course-item .course-duration {
  margin: 0 15px;
}
.archive-courses-list .course-item .course-duration h5 {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  margin: 0;
}
.archive-courses-list .course-item .course-duration__status {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.02em;
  color: #000000;
  padding-left: 20px;
  position: relative;
  margin: 0 15px;
}
.archive-courses-list .course-item .course-duration__status:before {
  content: "";
  background: url(../../images/complete-icon.svg) no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
}
.archive-courses-list .course-item .course-progress {
  margin: 18px 15px 0px 15px;
}
.archive-courses-list .course-item .course-progress__wrap {
  background-color: #E5E5E5;
}
.archive-courses-list .course-item .course-progress__line {
  height: 4px;
  background-color: #000;
}
.archive-courses-list .course-item .course-progress__value {
  margin-top: 4px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  line-height: 14px;
}

/************************************************************
            Popular Courses
**************************************************************/
.popular-courses h2 {
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
  display: flex;
  align-items: center;
  letter-spacing: 0.02em;
  margin-bottom: 40px;
}
.popular-courses .archive-courses-list {
  justify-content: flex-start;
}

/************************************************************
           Other Course
**************************************************************/
.other-course {
  background: #000000;
  padding: 30px 0 100px 0;
}
.other-course h2 {
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
  display: flex;
  align-items: center;
  letter-spacing: 0.02em;
  color: #ffffff;
  margin-bottom: 40px;
}
.other-course .course-item {
  background: #000000;
}
.other-course .course-item .course-item-desc h2 {
  color: #ffffff;
}
.other-course .course-item .course-duration h5 {
  color: #ffffff;
}
.other-course .course-item .course-duration__status {
  color: #ffffff;
}
.other-course .course-item .course-duration__status:before {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
.other-course .course-item .course-progress__wrap {
  background-color: #000;
  box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.5294117647);
}
.other-course .course-item .course-progress__line {
  background-color: #E5E5E5;
}
.other-course .course-item .course-progress__value {
  color: rgba(255, 255, 255, 0.7);
}

.rtl .archive-courses-list .course-item .course-item-img .courses-item-category {
  right: 15px;
}
.rtl .archive-courses-list .course-item .course-item-img .courses-item-category h4 span {
  margin-left: 5px;
  margin-right: 0;
}
.rtl .archive-courses-list .course-duration__status {
  padding-left: 0;
  padding-right: 20px;
}
.rtl .archive-courses-list .course-duration__status:before {
  left: initial;
  right: 0;
}
.rtl .courses-categories ul li {
  margin-bottom: 15px;
}
@media only screen and (min-width: 993px) {
  .rtl .courses-categories ul li {
    margin-left: 28px;
    margin-right: 0;
  }
}
.rtl .courses-categories ul li:last-child {
  margin-left: 0;
}

.dark-mode .archive-courses .courses-categories ul li, .dark-mode .cource-content .courses-categories ul li, .dark-mode .popular-courses .courses-categories ul li, .dark-mode .other-course .courses-categories ul li {
  background: #000000;
}
.dark-mode .archive-courses .courses-categories ul li.active, .dark-mode .cource-content .courses-categories ul li.active, .dark-mode .popular-courses .courses-categories ul li.active, .dark-mode .other-course .courses-categories ul li.active {
  background: #ffffff;
}
.dark-mode .archive-courses .courses-categories ul li.active a, .dark-mode .cource-content .courses-categories ul li.active a, .dark-mode .popular-courses .courses-categories ul li.active a, .dark-mode .other-course .courses-categories ul li.active a {
  color: #000000;
}

.dark-mode .archive-courses-list .course-item {
  border-color: rgba(255, 255, 255, 0.1882352941);
  background-color: #000000;
}
.dark-mode .archive-courses-list .course-item .course-item-content .course-item-img .courses-item-category h4 {
  color: #ffffff;
  background: #000000;
}
.dark-mode .archive-courses-list .course-item .course-item-content .course-item-img .courses-item-category h4 span img {
  filter: brightness(0) invert(1);
}
.dark-mode .archive-courses-list .course-duration__status {
  color: #ffffff;
}
.dark-mode .archive-courses-list .course-duration__status:before {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
.dark-mode .archive-courses-list .course-progress__wrap {
  background-color: #000;
  box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.5294117647);
}
.dark-mode .archive-courses-list .course-progress__line {
  background-color: #E5E5E5;
}
.dark-mode .archive-courses-list .course-progress__value {
  color: rgba(255, 255, 255, 0.7);
}

.single-course .breadcrumbs-container {
  display: none;
}
@media only screen and (min-width: 769px) {
  .single-course .breadcrumbs-container {
    display: block;
    margin-left: 50px;
    position: relative;
    z-index: 2;
  }
}
.single-course .breadcrumbs-container ul {
  display: flex;
  align-items: center;
  margin-top: 0;
}
.single-course .breadcrumbs-container ul li {
  color: #ffffff;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.02em;
}
.single-course .breadcrumbs-container ul li a {
  color: #ffffff;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.02em;
}
.single-course .breadcrumbs-container ul li:before {
  content: "›";
  color: #ffffff;
  margin: 0 12px;
}
.single-course .breadcrumbs-container ul li:first-child:before {
  content: " ";
  margin: 0;
}

.course-header-wrapper {
  padding: 35px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .course-header-wrapper {
    padding: 62px 0 95px 0;
  }
}
.course-header-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}
.course-header-wrapper .course-header-content {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .course-header-wrapper .course-header-content {
    max-width: 575px;
    margin-left: 130px;
    padding-top: 175px;
  }
}
.course-header-wrapper .course-header-content h1 {
  font-weight: 500;
  font-size: 28px;
  line-height: 34px;
  display: flex;
  align-self: flex-end;
  text-align: right;
  color: #ffffff;
  margin: 20px 0 150px 0;
}
@media only screen and (min-width: 769px) {
  .course-header-wrapper .course-header-content h1 {
    font-size: 56px;
    line-height: 68px;
  }
}
@media only screen and (min-width: 769px) {
  .course-header-wrapper .course-header-content h1 {
    margin: 20px 0 95px 0;
  }
}
.course-header-wrapper .course-header-content .course-format {
  display: flex;
  align-self: flex-end;
}
.course-header-wrapper .course-header-content .course-format h5 {
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  display: flex;
  align-items: center;
  letter-spacing: 0.02em;
  color: #ffffff;
  justify-content: flex-end;
  margin: 0;
}
@media only screen and (min-width: 769px) {
  .course-header-wrapper .course-header-content .course-format h5 {
    font-size: 16px;
    line-height: 18px;
  }
}
.course-header-wrapper .course-header-content .course-format .course-duration {
  position: relative;
  padding-left: 30px;
}
.course-header-wrapper .course-header-content .course-format .course-duration:before {
  content: "";
  position: absolute;
  left: 0;
  background: url("../../images/time-icon.svg") no-repeat;
  width: 23px;
  height: 23px;
}
.course-header-wrapper .course-header-content .apply-now {
  width: 100%;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .course-header-wrapper .course-header-content .apply-now {
    width: 100%;
    max-width: 180px;
    align-self: flex-end;
    text-align: center;
  }
}
.course-header-wrapper.course-header-my-tabs .course-header-content {
  flex-direction: column;
  max-width: 800px;
}
@media only screen and (min-width: 769px) {
  .course-header-wrapper.course-header-my-tabs .course-header-content {
    flex-direction: row;
  }
}
.course-header-wrapper.course-header-my-tabs .course-header-content h1 {
  margin-bottom: 0 !important;
}
.course-header-wrapper.course-header-my-tabs .course-header-content .course-title-wrap {
  display: flex;
  flex-direction: column;
}
.course-header-wrapper.course-header-my-tabs .course-header-content .hero-side-course {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 769px) {
  .course-header-wrapper.course-header-my-tabs .course-header-content .hero-side-course {
    display: flex;
    align-items: flex-end;
    margin-left: 35px;
    margin-bottom: 8px;
  }
}
.course-header-wrapper.course-header-my-tabs .course-header-content .hero-side-course .hero-scrollToIcon {
  background: #ffffff;
}

.cource-content {
  padding-top: 50px;
}
@media only screen and (min-width: 769px) {
  .cource-content {
    padding-top: 50px;
  }
}
.cource-content .container {
  width: 100%;
  max-width: 1225px;
  padding: 0 20px;
}
.cource-content .container .columns {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 769px) {
  .cource-content .container .columns {
    flex-direction: row;
  }
}
.cource-content .container .columns .main-content {
  width: 100%;
  padding-bottom: 72px;
}
@media only screen and (min-width: 769px) {
  .cource-content .container .columns .main-content {
    width: calc(100% - 275px);
    padding-right: 70px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 767px) {
  .cource-content .container .columns .main-content {
    padding-bottom: 6px;
  }
}
@media only screen and (min-width: 769px) {
  .cource-content .container .columns .main-content .content {
    max-width: 620px;
  }
}
.cource-content .container .columns .main-content .content .desc {
  padding-bottom: 30px;
}
.cource-content .container .columns .main-content .content .desc p {
  margin: 16px 0;
}
@media (max-width: 767px) {
  .cource-content .container .columns .main-content .content .desc > * {
    display: none;
  }
  .cource-content .container .columns .main-content .content .desc > *:first-child {
    display: block;
  }
}
.cource-content .container .columns .main-content .content .desc ul {
  list-style-type: disc;
}
.cource-content .container .columns h2 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.02em;
  margin: 0;
}
@media only screen and (min-width: 769px) {
  .cource-content .container .columns h2 {
    font-size: 28px;
  }
}
.cource-content .container .columns p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}
@media only screen and (min-width: 769px) {
  .cource-content .container .columns p {
    font-size: 16px;
  }
}
.cource-content .container .columns .course-sidebar {
  width: 100%;
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 769px) {
  .cource-content .container .columns .course-sidebar {
    max-width: 330px;
    padding-left: 70px;
    padding-bottom: 0;
    margin-bottom: 0;
    border: unset;
  }
}
.cource-content .container .columns .course-sidebar .sidebar-info {
  margin-top: 25px;
}
.cource-content .container .columns .course-sidebar .sidebar-info h3 {
  font-weight: 500;
  font-size: 17px;
  line-height: 22px;
  display: flex;
  align-items: center;
  margin-top: 0;
}
@media only screen and (min-width: 769px) {
  .cource-content .container .columns .course-sidebar .sidebar-info h3 {
    font-size: 18px;
  }
}
.cource-content .container .columns .course-sidebar .sidebar-info p {
  margin-top: 2px;
}
.cource-content .container .columns .course-requirments ul {
  margin-top: 18px;
  padding-left: 18px;
}
.cource-content .container .columns .course-requirments ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  list-style: disc;
}
@media only screen and (min-width: 769px) {
  .cource-content .container .columns .course-requirments ul li {
    font-size: 16px;
    line-height: 22px;
  }
}
.cource-content .course-leaving {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 56px;
  padding-top: 32px;
}
.cource-content .course-leaving__title {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 16px;
  color: #000000;
}
@media (max-width: 767px) {
  .cource-content .course-leaving {
    margin-top: 48px;
    padding-top: 12px;
  }
  .cource-content .course-leaving__title {
    margin-bottom: 24px;
  }
  .cource-content .course-leaving .dff-btn {
    width: 100%;
    text-align: center;
  }
}
.cource-content .show-more,
.cource-content .show-less {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
  display: none;
}

.dark-mode .cource-content .course-leaving {
  border-top-color: rgba(255, 255, 255, 0.2);
}
.dark-mode .cource-content .course-leaving__title {
  color: #ffffff;
}

.rtl .cource-content .container .columns .main-content {
  padding-right: 0;
  border-right: unset;
  padding-left: 70px;
  border-left: unset;
}
.rtl .cource-content .container .columns .main-content .content .desc ul {
  list-style-type: disc;
  padding-right: 18px;
}
.rtl .cource-content .container .columns .course-sidebar {
  padding-left: 0;
}
@media only screen and (min-width: 769px) {
  .rtl .cource-content .container .columns .course-sidebar {
    padding-right: 0;
  }
}
@media only screen and (min-width: 769px) {
  .rtl .course-header-wrapper .course-header-content {
    max-width: 810px;
    margin-left: 0;
    padding-right: 160px;
  }
}
.rtl .course-header-wrapper .course-header-content h1 {
  text-align: left;
}
@media only screen and (min-width: 769px) {
  .rtl .single-course .breadcrumbs-container {
    margin-left: 0;
    margin-right: 50px;
  }
}
.rtl .course-requirments ul {
  padding-right: 18px;
}

.my-courses-tabs .container {
  width: 100%;
  max-width: 1225px;
  padding: 0 20px;
}
.my-courses-tabs .my-courses-tabs-content {
  padding: 0;
}
.my-courses-tabs .my-courses-tabs-content .course-header-content {
  padding-top: 40px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 769px) {
  .my-courses-tabs .my-courses-tabs-content .course-header-content {
    padding-top: 215px;
    padding-bottom: 0;
  }
}
.my-courses-tabs .my-courses-tabs-content .course-header-content h1 {
  margin-bottom: 10px;
}

#loader {
  display: flex;
  justify-content: center;
  position: absolute;
  margin-top: 20px;
  left: 50%;
  transform: translate(-50%, -50%);
}
#loader svg {
  width: 50%;
  height: 250px;
}

.dark-mode .my-courses-tabs input[type=text] {
  background: unset !important;
}
.dark-mode .my-courses-tabs input[type=text]:focus {
  border-color: #FFFFFF;
}

.my-progress-content .my-progres-modules ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.my-progress-content .my-progres-modules ul li {
  display: flex;
  align-items: center;
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.my-progress-content .my-progres-modules ul li:last-child {
  border: unset;
}
.my-progress-content .my-progres-modules ul li.active, .my-progress-content .my-progres-modules ul li:hover {
  color: #000;
  position: relative;
}
.my-progress-content .my-progres-modules ul li.active a, .my-progress-content .my-progres-modules ul li:hover a {
  color: inherit;
  font-weight: 700;
}
.my-progress-content .my-progres-modules ul li.active::before, .my-progress-content .my-progres-modules ul li:hover::before {
  content: "";
  position: absolute;
  height: 6px;
  background: #000000;
  width: 56px;
  bottom: 0;
  top: 24px;
  left: -25px;
  display: flex;
  transform: rotate(90deg);
  align-items: center;
}
.my-progress-content .my-progres-modules ul a {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  width: 100%;
  text-transform: uppercase;
  padding: 15px 20px;
}
.my-progress-content .tabs-content {
  padding: 0;
}
.my-progress-content .tabs-content .progress-wrapper:not(:first-child) {
  display: none;
}
.my-progress-content .tabs-content .progress-wrapper h3 {
  padding: 0;
  margin: 0;
}
.my-progress-content .tabs-content .progress-wrapper .progress-content {
  padding: 40px 30px 70px 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .my-progress-content .tabs-content .progress-wrapper .progress-content {
    padding: 32px 16px 70px 16px;
  }
}
.my-progress-content .tabs-content .progress-wrapper .progress-content h5 {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 20px;
  color: #000000;
}
@media (max-width: 767px) {
  .my-progress-content .tabs-content .progress-wrapper .progress-content h5 {
    font-size: 20px;
    line-height: 30px;
  }
}
.my-progress-content .tabs-content .progress-wrapper .progress-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
  margin: 25px 0 0;
  max-width: 350px;
}
.my-progress-content .tabs-content .progress-wrapper .progress-content .module-result {
  font-size: 22px;
  line-height: 20px;
}
.my-progress-content .tabs-content .progress-wrapper .progress-content .module-result span {
  font-weight: bold;
}
@media (max-width: 767px) {
  .my-progress-content .tabs-content .progress-wrapper .progress-content .module-result {
    font-size: 20px;
  }
}
.my-progress-content .tabs-content .progress-wrapper .answers-content {
  padding: 10px 10px 0;
  display: flex;
  flex-direction: row;
}
.my-progress-content .tabs-content .progress-wrapper .answers-content .answer {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
}
.my-progress-content .tabs-content .progress-wrapper .answers-content .question {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
}
.my-progress-content .tabs-content .progress-wrapper .answers-content .question-column {
  border-right: 1px solid #c3c4c7;
  padding: 0 15px;
  width: 50%;
}
.my-progress-content .tabs-content .progress-wrapper .answers-content .answer-column {
  padding: 0 15px;
  width: 50%;
}
.my-progress-content .tabs-content .progress-wrapper .module-result {
  font-size: 22px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
}
.my-progress-content .tabs-content .progress-wrapper .module-result span {
  font-weight: bold;
}
@media (max-width: 767px) {
  .my-progress-content .tabs-content .progress-wrapper .module-result {
    font-size: 20px;
  }
}
.my-progress-content .passing-rate {
  margin: 0;
  font-size: 14px !important;
  padding: 0 0 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-progress-content .columns {
  display: flex;
  flex-direction: column;
  padding: 50px 0;
}
@media only screen and (min-width: 993px) {
  .my-progress-content .columns {
    flex-direction: row;
    padding-bottom: 50px;
  }
}
.my-progress-content .columns .main-content {
  width: 100%;
  padding-bottom: 72px;
}
@media only screen and (min-width: 993px) {
  .my-progress-content .columns .main-content {
    width: calc(100% - 275px);
    padding-right: 70px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (min-width: 993px) {
  .my-progress-content .columns .main-content .content {
    max-width: 620px;
  }
}
.my-progress-content .columns .main-content .content .desc {
  padding-bottom: 30px;
}
.my-progress-content .columns .main-content .content .desc p {
  margin-top: 16px;
}
.my-progress-content .columns h2 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.02em;
  margin: 0;
}
@media only screen and (min-width: 769px) {
  .my-progress-content .columns h2 {
    font-size: 28px;
  }
}
.my-progress-content .columns p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
}
@media only screen and (min-width: 769px) {
  .my-progress-content .columns p {
    font-size: 16px;
  }
}
.my-progress-content .columns .course-sidebar {
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 993px) {
  .my-progress-content .columns .course-sidebar {
    max-width: 330px;
    padding-left: 70px;
    padding-bottom: 0;
    margin-bottom: 0;
    border: unset;
  }
}
.my-progress-content .columns .course-sidebar .sidebar-info {
  margin-top: 25px;
}
.my-progress-content .columns .course-sidebar .sidebar-info h3 {
  font-weight: 500;
  font-size: 17px;
  line-height: 22px;
  display: flex;
  align-items: center;
  margin-top: 0;
}
@media only screen and (min-width: 769px) {
  .my-progress-content .columns .course-sidebar .sidebar-info h3 {
    font-size: 18px;
  }
}
.my-progress-content .columns .course-sidebar .sidebar-info p {
  margin-top: 2px;
}
.my-progress-content .columns .course-requirments ul {
  margin-top: 18px;
  padding-left: 18px;
}
.my-progress-content .columns .course-requirments ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (min-width: 769px) {
  .my-progress-content .columns .course-requirments ul li {
    font-size: 16px;
    line-height: 22px;
  }
}
.my-progress-content .columns .main-content {
  padding-right: 0;
  width: 100%;
  padding-left: 0;
  border: unset;
}
@media only screen and (min-width: 993px) {
  .my-progress-content .columns .main-content {
    width: calc(100% - 275px);
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .my-progress-content .columns .main-content {
    padding-left: 70px;
  }
}
.my-progress-content .columns .main-content .content {
  max-width: 100%;
}
@media only screen and (min-width: 993px) {
  .my-progress-content .columns .main-content .content {
    max-width: 810px;
  }
}
.my-progress-content .columns .main-content .content .progress-wrapper {
  background: #f8f8f8;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.my-progress-content .columns .main-content .content .progress-wrapper .module-header {
  padding: 17px 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .my-progress-content .columns .main-content .content .progress-wrapper .module-header {
    padding: 9px 16px;
    text-transform: uppercase;
  }
}
.my-progress-content .columns .main-content .content .progress-wrapper .module-header h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
@media (max-width: 767px) {
  .my-progress-content .columns .main-content .content .progress-wrapper .module-header h2 {
    font-size: 13px;
  }
}
.my-progress-content .columns .main-content .content .progress-wrapper .exam-footer {
  display: flex;
  flex-direction: column;
  margin-top: 55px;
}
@media (max-width: 767px) {
  .my-progress-content .columns .main-content .content .progress-wrapper .exam-footer {
    margin-top: 27px;
  }
}
.my-progress-content .columns .main-content .content .progress-wrapper .exam-footer button,
.my-progress-content .columns .main-content .content .progress-wrapper .exam-footer a {
  background: none;
  color: #000000;
  border: 1px solid #000000;
  width: 190px;
  margin: 15px auto 0;
}

.general-progress .general-progress-content {
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  .general-progress .general-progress-content {
    padding: 20px 30px 15px 30px;
  }
}

.rtl .my-progress-content .my-progres-modules ul li:last-child {
  border: unset;
}
.rtl .my-progress-content .my-progres-modules ul li.active::before, .rtl .my-progress-content .my-progres-modules ul li:hover::before {
  right: -25px;
}
.rtl .my-progress-content .tabs-content .progress-wrapper .answers-content .question-column {
  border-right: none;
  border-left: 1px solid #c3c4c7;
}
.rtl .passing-rate {
  justify-content: start;
}

.dark-mode .my-progress-content .my-progres-modules ul li {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .my-progress-content .my-progres-modules ul li.active, .dark-mode .my-progress-content .my-progres-modules ul li:hover {
  color: #fff;
}
.dark-mode .my-progress-content .my-progres-modules ul li.active::before, .dark-mode .my-progress-content .my-progres-modules ul li:hover::before {
  background: #fff;
}
.dark-mode .my-progress-content .tabs-content .progress-wrapper .progress-content h5 {
  color: #fff;
}
.dark-mode .my-progress-content .tabs-content .progress-wrapper .progress-content p {
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 993px) {
  .dark-mode .my-progress-content .columns .main-content {
    border-right-color: rgba(255, 255, 255, 0.2);
  }
}
.dark-mode .my-progress-content .columns .course-sidebar {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .my-progress-content .columns .main-content .content .progress-wrapper {
  background: #000000;
  border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .my-progress-content .columns .main-content .content .progress-wrapper .module-header {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .my-progress-content .columns .main-content .content .progress-wrapper .module-header h2 {
  color: #fff;
}
.dark-mode .my-progress-content .columns .main-content .content .progress-wrapper .exam-footer button,
.dark-mode .my-progress-content .columns .main-content .content .progress-wrapper .exam-footer a {
  background-color: #fff;
  color: #000;
  border-color: #fff;
}
.dark-mode .my-progress-content .columns .main-content .content .progress-wrapper .question-column {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.dark-mode .my-progress-content .columns .main-content .content .progress-wrapper .answers-content p {
  color: #fff;
}
.dark-mode .rtl .my-progress-content .tabs-content .progress-wrapper .answers-content .question-column {
  border-right: none;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

/*# sourceMappingURL=main.css.map*/