@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@300;400&display=swap');

/*! odometer 0.4.8 */
.odometer.odometer-auto-theme,.odometer.odometer-theme-default{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;position:relative}.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value{text-align:center}


/* Start General */
html * {
     text-rendering: optimizeSpeed;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}

* {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     font-family: 'Noto Kufi Arabic', sans-serif;
     margin: 0;
     padding: 0;
}

:root {
     --main-color: #09c1bf;
     --secondary-color: #3F3F3E;
     --font-family: "main", sans-serif;
     --trans: all 0.4s ease-in-out;
     --font-14: 14px;
     --font-16: 16px;
}

body {
     overflow-x: hidden;
     background: #151618;
     transition: var(--trans);
}

h1,
h2,
h3,
h4,
h5,
h6 {
     font-weight: 400;
}

a:hover,
a:focus,
a:active,
button:hover,
button:focus,
button:active,
div,
section,
span,
p,
div:hover,
section:hover,
span:hover,
p:hover {
     text-decoration: none;
     outline: none;
}

select,
input[type="checkbox"],
input[type="radio"],
select:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
     cursor: pointer;
}

.form-control:focus,
.btn:focus {
     box-shadow: none !important;
     border-color: transparent;
}

.has-fixed-top .main-header {
     padding-top: 100px;
}

.btn-trytalk {
     padding: 8px 25px !important;
     background-color: var(--main-color) !important;
     border-color: var(--main-color) !important;
     color: #FFF !important;
     border-radius: 7px;
     font-size: 15px;
}

.cover-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
}

picture {
     display: block;
}

.sec-padding {
     padding: 50px 0;
}

/* Start General */

/*.main-header*/
.main-header {
     border-bottom: 2px solid #151618;
     background-color: #2a2c30;
}

.main-header .navbar-brand {
     margin-left: 30px;
}

.main-header .navbar-brand img {
     height: 35px;
}



 .logoimg{
     content:url("../../images/logo.svg");
}

.lightMode .logoimg{
     content:url("../images/logo.png");
}

.navbar-toggler {
     padding: 5px 8px;
}

.main-header .navbar-light .navbar-nav .nav-item {
     margin-right: 15px;
}

.main-header .navbar-light .navbar-nav .nav-link {
     color: #fff;
     font-size: 15px;
     padding: 5px 10px;
     transition: all 0.3s ease;
}

.main-header .navbar-light .navbar-nav .nav-link i {
     margin-left: 5px;
}

.main-header .navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link,
.navbar-toggler {
     color: #e8e8e8;
     background-color: #464646;
     border-radius: 7px;
}

.main-header .navbar-light .navbar-nav .nav-link.btn {
     background-color: #00BFBD;
     color: #FFF;
}

.main-header .navbar-light .navbar-nav .nav-link.btn.btn-outline {
     border: 1px solid #00BFBD;
     color: #00BFBD;
     background-color: #FFF;
}

.dropdown-menu {
     border-radius: 10px;
     padding: 8px 10px;
}

.dropdown-item {
     font-size: 15px;
     color: #333333;
     transition: all 0.4s ease;
     padding: 5px 8px;
     margin-bottom: 3px;
}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
     background-color: var(--main-color) !important;
     border-radius: 5px !important;
}

.dropdown-item i {
     margin-left: 5px;
}

.dropdown-item:hover {
     background-color: #f4f4f4;
     border-radius: 5px;
}

.dropdown-item img {
     margin-left: 5px;
     vertical-align: baseline;
}

.user-link-img {
     width: 32px;
     height: 32px;
     border-radius: 50%;
     overflow: hidden;
}

.user-drop .dropdown-toggle {
     padding: 0 !important;
}

.user-drop .dropdown-toggle::after,
.chat-icon .dropdown-toggle::after {
     display: none;
}

.icon-only i {
     margin-left: 0 !important;
}

.user-avatar {
     padding-top: 10px;
}

.user-avatar figure {
     width: 55px;
     height: 55px;
     border-radius: 50%;
     overflow: hidden;
     margin-bottom: 0;
}

.user-avatar h5 {
     margin-bottom: 0;
}

.no-chats {
     padding: 25px;
     text-align: center;
     min-width: 300px;
}

.no-chats h5 {
     font-size: 22px;
}

.people-list {
     width: 300px;
}
.people-list .search {
     margin-bottom: 10px;
}
.people-list input {
     border-radius: 3px;
     border: none;
     padding: 14px;
     color: white;
     background: #6A6C75;
     width: 100%;
     font-size: 14px;
     height: 38px;
}
.people-list .fa-search {
     position: relative;
}
.people-list ul {
     height: 370px;
}
.people-list ul li {
     padding-bottom: 20px;
     display: flex;
     align-items: center;
}
.people-list figure {
     width: 52px;
     height: 52px;
     overflow: hidden;
     border-radius: 50%;
     margin-bottom: 0;
}
.people-list .about {
     padding-right: 8px;
}
.people-list .status {
     color: var(--bs-success);
}

.navbar-nav .dropdown-menu header h4 {
     font-size: 18px;
}

.people-list .actions {
     border-top: 1px solid #555353;
}
     /*.main-header*/

/* hero */
.hero {
     padding: 70px 0;
     background-color: #151618 !important;
     position: relative;
}

.hero-text {
     position: relative;
     z-index: 2;
}

.hero-text h1 {
     font-size: 30px;
     margin-bottom: 20px;
     color: #FFF;
}

.hero-text p {
     color: #FFF;
     font-size: 15px;
     margin-bottom: 25px;
     line-height: 2;
}

.hero-img {
     text-align: center;
     z-index: 3;
     position: relative;
     height: 450px;
}

.hero-img img {
     width: 100%;
     height: 100%;
     object-fit: contain;
}

.hero .pattern-layer-six {
     position: absolute;
     left: 0px;
     top: 90px;
     width: 284px;
     height: 278px;
     z-index: 2;
     background-position: center bottom;
     background-repeat: no-repeat;
     background-size: cover;
     transition: all 900ms ease;
     -moz-transition: all 900ms ease;
     -webkit-transition: all 900ms ease;
     -ms-transition: all 900ms ease;
     -o-transition: all 900ms ease;
     -moz-animation-name: zoom-fade;
     -moz-animation-duration: 5s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
}

.hero .pattern-layer-seven {
     position: absolute;
     right: 0px;
     bottom: 190px;
     width: 733px;
     height: 171px;
     z-index: 2;
     background-position: center bottom;
     background-repeat: no-repeat;
     background-size: cover;
     transition: all 900ms ease;
     -moz-transition: all 900ms ease;
     -webkit-transition: all 900ms ease;
     -ms-transition: all 900ms ease;
     -o-transition: all 900ms ease;
     -moz-animation-name: float-bob;
     -moz-animation-duration: 7s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
}

/***
=============================================
    Zoom Fade Css
=============================================
***/
@-webkit-keyframes zoom-fade {
     0% {
          -webkit-transform: scale(0.9);
          transform: scale(0.9);
     }

     50% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     100% {
          -webkit-transform: scale(0.9);
          transform: scale(0.9);
     }
}

@keyframes zoom-fade {
     0% {
          -webkit-transform: scale(0.9);
          transform: scale(0.9);
     }

     50% {
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     100% {
          -webkit-transform: scale(0.9);
          transform: scale(0.9);
     }
}

@-webkit-keyframes float-bob {
     0% {
          -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
     }

     50% {
          -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
     }

     100% {
          -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
     }
}

@keyframes float-bob {
     0% {
          -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
     }

     50% {
          -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
     }

     100% {
          -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
     }
}

.BackdropGradient_root___LCEH {
     position: absolute;
     /*z-index: -1;*/
     top: 0;
     right: 0;
     left: 0;
     height: 400px;
     background: radial-gradient(50% 59.75% at 50% 0,#106127 0,transparent 100%),#151618;
     pointer-events: none;
     transform: scale(-1, 1);
}

.BackdropGradientAnimated_root__n0Vb_ {
     background: url(/images/gbK.svg),radial-gradient(100% 80% at 50% 0,#09c1bf 0,transparent 100%),#151618;
     background-position-x: 0%, 0%, 0%;
     background-position-y: 0%, 0%, 0%;
     background-repeat: repeat, repeat, repeat;
     background-position: 100% 0;
     background-repeat: no-repeat;
}
/* hero */

/* sec-header */
.sec-header {
     margin-bottom: 30px;
}

.sec-header h4 {
     color: #FFF;
     font-size: 22px;
     margin-bottom: 0;
}

.sec-header h4::after {
     content: '';
     display: block;
     width: 100px;
     height: 2px;
     background: var(--main-color);
     margin-top: 10px;
}

.sec-header .actions .btn {
     color: #FFF;
     font-size: 15px;
     text-decoration: none;
}

.sec-header .actions .btn:hover {
     background: RGBA(255, 255, 255, 0.1);
     border-radius: 10px;
}
/* sec-header */

/* courses-sec */
.courses-sec {
     padding-bottom: 30px;
     margin-bottom: 20px;
}
/* courses-sec */

/* course-item */
.course-item {
     padding: 15px;
     background-color: #2a2c30;
     border-radius: 15px;
     transition: all 0.3s ease;
     margin-bottom: 25px;
}

.course-item:hover {
     background-color: #04061e;
}

.course-item figure {
     width: 100%;
     height: 200px;
     overflow: hidden;
     border-radius: 15px;
     position: relative;
}

.hot-span {
     position: absolute;
     top: 10px;
     right: 10px;
     background: var(--main-color);
     color: #FFF;
     font-size: 14px;
     padding: 5px 10px;
     border-radius: 5px;
     box-shadow: 0 0 10px RGBA(0, 0, 0, 0.5);
}

.play-vid {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #FFF;
     font-size: 30px;
     padding: 10px;
     line-height: 1;
     border-radius: 10px;
}

.play-vid:hover {
     color: vaR(--main-color) !important;
     background-color: RGBA(255, 255, 255, 0.8);
}

.course-item h3 {
     color: #FFF;
     font-size: 16px;
}

.course-item h3 .fi {
     font-size: 14px;
     margin-right: 5px;
}

.course-item p {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin-top: 12px;
     color: #FFF;
     font-size: 13px;
}

.lang-speak {
     color: #999;
     font-size: 12px;
}

.lang-speak span.heiglighted {
     padding: 2px 8px;
     display: inline-block;
     background-color: #787f8a;
     border-radius: 4px;
     color: #2a2c30;
}

.lang-speak a {
     display: inline-block;
     padding: 4px 7px;
     border-color: #464950;
     background-color: #464950;
     color: #FFF;
     font-size: 13px;
     border-radius: 7px;
     text-decoration: none;
}

.prices ul {
     margin-top: 15px;
     margin-bottom: 20px;
}

.prices ul li {
     font-size: 15px;
     color: #FFF;
     margin-left: 15px;
     border-left: 1px solid #464950;
     padding-left: 15px;
     line-height: 1.2;
}

.prices ul li:last-child {
     margin-left: 0;
     border-left: none;
     padding-left: 0;
}
 
.prices ul li strong {
     display: block;
}

.prices ul li span {
     font-size: 12px;
}

.prices ul li.green-price {
     color: var(--main-color);
}

.rating-star {
     color: #fbbc04 !important;
}
/* course-item */

.testim {
     width: 100%;
     padding-bottom: 30px;
     margin-bottom: 20px;
}

.testim .wrap {
     position: relative;
     width: 100%;
     padding: 40px 20px;
     margin: auto;
     background-color: #2a2c30;
     border-radius: 15px;
}

.testim .arrow {
     display: block;
     position: absolute;
     color: #eee;
     cursor: pointer;
     font-size: 2em;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     padding: 5px;
     z-index: 22222222;
}

.testim .arrow:before {
     cursor: pointer;
}

.testim .arrow:hover {
     color: #ea830e;
}


.testim .arrow.left {
     left: 10px;
}

.testim .arrow.right {
     right: 10px;
}

.testim .dots {
     text-align: center;
     position: absolute;
     width: 100%;
     bottom: 60px;
     left: 0;
     display: block;
     z-index: 3333;
     height: 12px;
}

.testim .dots .dot {
     list-style-type: none;
     display: inline-block;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     border: 1px solid #eee;
     margin: 0 10px;
     cursor: pointer;
     -webkit-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
     position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
     background: #ea830e;
     border-color: #ea830e;
}

.testim .dots .dot.active {
     -webkit-animation: testim-scale .5s ease-in-out forwards;
     -moz-animation: testim-scale .5s ease-in-out forwards;
     -ms-animation: testim-scale .5s ease-in-out forwards;
     -o-animation: testim-scale .5s ease-in-out forwards;
     animation: testim-scale .5s ease-in-out forwards;
}

.testim .cont {
     position: relative;
     overflow: hidden;
}

.testim .cont > div {
     text-align: center;
     position: absolute;
     top: 0;
     left: 0;
     padding: 0 0 70px 0;
     opacity: 0;
}

.testim .cont > div.inactive {
     opacity: 1;
}


.testim .cont > div.active {
     position: relative;
     opacity: 1;
}


.testim .cont div .img img {
     display: block;
     width: 100px;
     height: 100px;
     margin: auto;
     border-radius: 50%;
}

.testim .cont div h2 {
     color: #ea830e;
     font-size: 1em;
     margin: 15px 0;
}

.testim .cont div p {
     font-size: 1.15em;
     color: #eee;
     width: 80%;
     margin: auto;
}

.testim .cont div.active .img img {
     -webkit-animation: testim-show .5s ease-in-out forwards;
     -moz-animation: testim-show .5s ease-in-out forwards;
     -ms-animation: testim-show .5s ease-in-out forwards;
     -o-animation: testim-show .5s ease-in-out forwards;
     animation: testim-show .5s ease-in-out forwards;
}

.testim .cont div.active h2 {
     -webkit-animation: testim-content-in .4s ease-in-out forwards;
     -moz-animation: testim-content-in .4s ease-in-out forwards;
     -ms-animation: testim-content-in .4s ease-in-out forwards;
     -o-animation: testim-content-in .4s ease-in-out forwards;
     animation: testim-content-in .4s ease-in-out forwards;
}

.testim .cont div.active p {
     -webkit-animation: testim-content-in .5s ease-in-out forwards;
     -moz-animation: testim-content-in .5s ease-in-out forwards;
     -ms-animation: testim-content-in .5s ease-in-out forwards;
     -o-animation: testim-content-in .5s ease-in-out forwards;
     animation: testim-content-in .5s ease-in-out forwards;
}

.testim .cont div.inactive .img img {
     -webkit-animation: testim-hide .5s ease-in-out forwards;
     -moz-animation: testim-hide .5s ease-in-out forwards;
     -ms-animation: testim-hide .5s ease-in-out forwards;
     -o-animation: testim-hide .5s ease-in-out forwards;
     animation: testim-hide .5s ease-in-out forwards;
}

.testim .cont div.inactive h2 {
     -webkit-animation: testim-content-out .4s ease-in-out forwards;
     -moz-animation: testim-content-out .4s ease-in-out forwards;
     -ms-animation: testim-content-out .4s ease-in-out forwards;
     -o-animation: testim-content-out .4s ease-in-out forwards;
     animation: testim-content-out .4s ease-in-out forwards;
}

.testim .cont div.inactive p {
     -webkit-animation: testim-content-out .5s ease-in-out forwards;
     -moz-animation: testim-content-out .5s ease-in-out forwards;
     -ms-animation: testim-content-out .5s ease-in-out forwards;
     -o-animation: testim-content-out .5s ease-in-out forwards;
     animation: testim-content-out .5s ease-in-out forwards;
}

@-webkit-keyframes testim-scale {
     0% {
          -webkit-box-shadow: 0px 0px 0px 0px #eee;
          box-shadow: 0px 0px 0px 0px #eee;
     }

     35% {
          -webkit-box-shadow: 0px 0px 10px 5px #eee;
          box-shadow: 0px 0px 10px 5px #eee;
     }

     70% {
          -webkit-box-shadow: 0px 0px 10px 5px #ea830e;
          box-shadow: 0px 0px 10px 5px #ea830e;
     }

     100% {
          -webkit-box-shadow: 0px 0px 0px 0px #ea830e;
          box-shadow: 0px 0px 0px 0px #ea830e;
     }
}

@-moz-keyframes testim-scale {
     0% {
          -moz-box-shadow: 0px 0px 0px 0px #eee;
          box-shadow: 0px 0px 0px 0px #eee;
     }

     35% {
          -moz-box-shadow: 0px 0px 10px 5px #eee;
          box-shadow: 0px 0px 10px 5px #eee;
     }

     70% {
          -moz-box-shadow: 0px 0px 10px 5px #ea830e;
          box-shadow: 0px 0px 10px 5px #ea830e;
     }

     100% {
          -moz-box-shadow: 0px 0px 0px 0px #ea830e;
          box-shadow: 0px 0px 0px 0px #ea830e;
     }
}

@-ms-keyframes testim-scale {
     0% {
          -ms-box-shadow: 0px 0px 0px 0px #eee;
          box-shadow: 0px 0px 0px 0px #eee;
     }

     35% {
          -ms-box-shadow: 0px 0px 10px 5px #eee;
          box-shadow: 0px 0px 10px 5px #eee;
     }

     70% {
          -ms-box-shadow: 0px 0px 10px 5px #ea830e;
          box-shadow: 0px 0px 10px 5px #ea830e;
     }

     100% {
          -ms-box-shadow: 0px 0px 0px 0px #ea830e;
          box-shadow: 0px 0px 0px 0px #ea830e;
     }
}

@-o-keyframes testim-scale {
     0% {
          -o-box-shadow: 0px 0px 0px 0px #eee;
          box-shadow: 0px 0px 0px 0px #eee;
     }

     35% {
          -o-box-shadow: 0px 0px 10px 5px #eee;
          box-shadow: 0px 0px 10px 5px #eee;
     }

     70% {
          -o-box-shadow: 0px 0px 10px 5px #ea830e;
          box-shadow: 0px 0px 10px 5px #ea830e;
     }

     100% {
          -o-box-shadow: 0px 0px 0px 0px #ea830e;
          box-shadow: 0px 0px 0px 0px #ea830e;
     }
}

@keyframes testim-scale {
     0% {
          box-shadow: 0px 0px 0px 0px #eee;
     }

     35% {
          box-shadow: 0px 0px 10px 5px #eee;
     }

     70% {
          box-shadow: 0px 0px 10px 5px #ea830e;
     }

     100% {
          box-shadow: 0px 0px 0px 0px #ea830e;
     }
}

@-webkit-keyframes testim-content-in {
     from {
          opacity: 0;
          -webkit-transform: translateY(100%);
          transform: translateY(100%);
     }

     to {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0);
     }
}

@-moz-keyframes testim-content-in {
     from {
          opacity: 0;
          -moz-transform: translateY(100%);
          transform: translateY(100%);
     }

     to {
          opacity: 1;
          -moz-transform: translateY(0);
          transform: translateY(0);
     }
}

@-ms-keyframes testim-content-in {
     from {
          opacity: 0;
          -ms-transform: translateY(100%);
          transform: translateY(100%);
     }

     to {
          opacity: 1;
          -ms-transform: translateY(0);
          transform: translateY(0);
     }
}

@-o-keyframes testim-content-in {
     from {
          opacity: 0;
          -o-transform: translateY(100%);
          transform: translateY(100%);
     }

     to {
          opacity: 1;
          -o-transform: translateY(0);
          transform: translateY(0);
     }
}

@keyframes testim-content-in {
     from {
          opacity: 0;
          transform: translateY(100%);
     }

     to {
          opacity: 1;
          transform: translateY(0);
     }
}

@-webkit-keyframes testim-content-out {
     from {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0);
     }

     to {
          opacity: 0;
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
     }
}

@-moz-keyframes testim-content-out {
     from {
          opacity: 1;
          -moz-transform: translateY(0);
          transform: translateY(0);
     }

     to {
          opacity: 0;
          -moz-transform: translateY(-100%);
          transform: translateY(-100%);
     }
}

@-ms-keyframes testim-content-out {
     from {
          opacity: 1;
          -ms-transform: translateY(0);
          transform: translateY(0);
     }

     to {
          opacity: 0;
          -ms-transform: translateY(-100%);
          transform: translateY(-100%);
     }
}

@-o-keyframes testim-content-out {
     from {
          opacity: 1;
          -o-transform: translateY(0);
          transform: translateY(0);
     }

     to {
          opacity: 0;
          transform: translateY(-100%);
          transform: translateY(-100%);
     }
}

@keyframes testim-content-out {
     from {
          opacity: 1;
          transform: translateY(0);
     }

     to {
          opacity: 0;
          transform: translateY(-100%);
     }
}

@-webkit-keyframes testim-show {
     from {
          opacity: 0;
          -webkit-transform: scale(0);
          transform: scale(0);
     }

     to {
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1);
     }
}

@-moz-keyframes testim-show {
     from {
          opacity: 0;
          -moz-transform: scale(0);
          transform: scale(0);
     }

     to {
          opacity: 1;
          -moz-transform: scale(1);
          transform: scale(1);
     }
}

@-ms-keyframes testim-show {
     from {
          opacity: 0;
          -ms-transform: scale(0);
          transform: scale(0);
     }

     to {
          opacity: 1;
          -ms-transform: scale(1);
          transform: scale(1);
     }
}

@-o-keyframes testim-show {
     from {
          opacity: 0;
          -o-transform: scale(0);
          transform: scale(0);
     }

     to {
          opacity: 1;
          -o-transform: scale(1);
          transform: scale(1);
     }
}

@keyframes testim-show {
     from {
          opacity: 0;
          transform: scale(0);
     }

     to {
          opacity: 1;
          transform: scale(1);
     }
}

@-webkit-keyframes testim-hide {
     from {
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1);
     }

     to {
          opacity: 0;
          -webkit-transform: scale(0);
          transform: scale(0);
     }
}

@-moz-keyframes testim-hide {
     from {
          opacity: 1;
          -moz-transform: scale(1);
          transform: scale(1);
     }

     to {
          opacity: 0;
          -moz-transform: scale(0);
          transform: scale(0);
     }
}

@-ms-keyframes testim-hide {
     from {
          opacity: 1;
          -ms-transform: scale(1);
          transform: scale(1);
     }

     to {
          opacity: 0;
          -ms-transform: scale(0);
          transform: scale(0);
     }
}

@-o-keyframes testim-hide {
     from {
          opacity: 1;
          -o-transform: scale(1);
          transform: scale(1);
     }

     to {
          opacity: 0;
          -o-transform: scale(0);
          transform: scale(0);
     }
}

@keyframes testim-hide {
     from {
          opacity: 1;
          transform: scale(1);
     }

     to {
          opacity: 0;
          transform: scale(0);
     }
}

@media all and (max-width: 300px) {
     body {
          font-size: 14px;
     }
}

@media all and (max-width: 500px) {
     .testim .arrow {
          font-size: 1.5em;
     }

     .testim .cont div p {
          line-height: 25px;
     }

}

.cta-bg-image {
     background: url(../images/dark-background-2.png) no-repeat center RGBA(0, 0, 0, 0.8);
     background-blend-mode: multiply;
     background-size: cover;
}

.sec-title .sub-title {
     color: #40c1ec;
     font-size: 16px;
     font-weight: 500;
}
.heading-border-line {
     height: 2px;
     border-radius: 0;
     width: 40px;
     background: #40c1ec;
     position: relative;
     display: inline-block;
     right: 15px;
     top: -3px;
}
.heading-border-line:after,
.heading-border-line:before {
     position: absolute;
     content: '';
     width: 10px;
     height: 2px;
     border-radius: 3px;
     top: 0;
     background: #40c1ec;
}
.heading-border-line:before {
     left: -20px;
}
.heading-border-line:after {
     left: -40px;
}

.img-part {
     text-align: left;
}

/*.promo {
     margin-bottom: 50px;
}*/

.sc-footer {
     color: #eee;
     position: relative;
     padding-top: 40px;
}
.sc-footer .footer-newsletter {
     padding: 65px 0 60px;
     border-bottom: 2px solid rgba(255, 255, 255, 0.2);
     margin-bottom: 70px;
}
.sc-footer .footer-newsletter .title {
     font-size: 39px;
     line-height: 1;
     font-weight: 600;
}
.sc-footer .footer-newsletter .des {
     color: #eee;
     margin-top: 15px;
}
.sc-footer .footer-newsletter .newsletter-form {
     max-width: 498px;
     margin: 0 0 0 auto;
     position: relative;
}
.sc-footer .footer-newsletter .newsletter-form input,
.sc-footer .footer-newsletter .newsletter-form button {
     height: 60px;
     border-radius: 0;
     opacity: 1;
     border-radius: 0 3px 3px 0;
     outline: none;
     border: none;
}
.sc-footer .footer-newsletter .newsletter-form input {
     padding: 10px 130px 10px 18px;
     width: 100%;
     color: #102d47;
     background: #fff;
     border-radius: 5px;
}
.sc-footer .footer-newsletter .newsletter-form button {
     position: absolute;
     content: '';
     right: 0;
     top: 0;
     background: #f24d5d;
     color: #ffffff;
     font-size: 16px;
     font-weight: 600;
     padding: 10px 27px;
     border-radius: 0 4px 4px 0;
}
.sc-footer .footer-newsletter .newsletter-form button i {
     transition: 0.4s;
     position: relative;
     top: 4px;
     left: 0;
}
.sc-footer .footer-newsletter .newsletter-form button:hover i {
     left: 6px;
}
.sc-footer .footer-newsletter .newsletter-form ::placeholder {
     color: #102d47;
}
.sc-footer .footer-content .widget-title {
     color: #ffffff;
     font-size: 23px;
     line-height: 32px;
     font-weight: 600;
     text-transform: capitalize;
     margin-bottom: 30px;
}
.sc-footer .footer-content .social-title {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 18px;
}
.sc-footer .footer-content .footer-social {
     padding: 0;
}
.sc-footer .footer-content .footer-social li {
     display: inline-block;
     margin-left: 6px;
}
.sc-footer .footer-content .footer-social li a {
     display: inline-block;
}
.sc-footer .footer-content .footer-social li a i {
     font-size: 15px;
     border-radius: 30px;
     width: 35px;
     height: 35px;
     line-height: 35px;
     background: rgba(255, 255, 255, 0.2);
     color: #ffffff;
     text-align: center;
     transition: all 0.4s ease;
}
.sc-footer .footer-content .footer-social li a i:hover {
     background: var(--main-color);
}
.sc-footer .footer-content .footer-social li:last-child {
     margin: 0;
}
.sc-footer .footer-content .address-widget li {
     margin-bottom: 10px;
     display: flex;
}
.sc-footer .footer-content .address-widget li i {
     margin-left: 16px;
     color: var(--main-color);
}
.sc-footer .footer-content .address-widget li a:hover {
     color: var(--main-color);
}
.sc-footer .footer-content .address-widget li:last-child {
     margin-bottom: 0;
}
.sc-footer .footer-content .address-widget li,
.sc-footer .footer-content .address-widget li a {
     color: #eee;
}
.sc-footer .footer-content ul.widget-menu li {
     display: block;
     margin-bottom: 5px;
}
.sc-footer .footer-content ul.widget-menu li:last-child {
     margin-bottom: 0;
}
.sc-footer .footer-content ul.widget-menu li a {
     color: #eee;
     padding: 5px 5px;
}
.sc-footer .footer-content ul.widget-menu li a:hover {
     color: var(--main-color);
}
.sc-footer .footer-bottom {
     padding: 15px 0;
     border-top: 1.5px solid rgba(255, 255, 255, 0.2);
}
.sc-footer .footer-bottom .copyright p {
     margin-bottom: 0;
}

.copyright-menu {
     margin: 0;
     padding: 0;
}

.sc-footer .footer-bottom .copyright-menu li {
     display: inline-block;
     padding-right: 20px;
}
.sc-footer .footer-bottom .copyright-menu li a {
     display: block;
     color: #eee;
}
.sc-footer .footer-bottom .copyright-menu li a:hover {
     color: #f24d5d;
}
.sc-footer.footer-style2 .footer-newsletter {
     border-bottom: 0;
     padding-left: 50px;
     padding-right: 50px;
     border-radius: 8px;
     position: relative;
     top: -110px;
     margin-bottom: -50px;
}
.green-footer-style {
     background: #00134E;
     padding-top: 190px;
}

.auth-modal .modal-content {
     background-color: var(--bs-dark);
}

.auth-modal .btn-close,
.fancybox-slide--html .fancybox-close-small {
     background-color: #e8e8e8;
     padding: 8px 8px;
}

.modal-header-custom {
     border-bottom: 1px solid #4d4d4d;
     margin-bottom: 15px;
     padding-bottom: 10px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.modal-header-custom h4 {
     color: #FFF;
     font-size: 19px;
     margin-bottom: 0;
}

.auth-form label {
     color: #FFF;
     font-size: 14px;
     margin-bottom: 10px;
}

.auth-form .form-control {
     background-color: RGBA(0,0,0,0.3);
     border-color: #333;
     color: #D6D6D6;
     border-radius: 7px;
}

.auth-form .form-control:not(textarea) {
     height: 40px;
}

.form-group {
     margin-bottom: 15px;
}

.SignInThirdParty_delimiter__ezi__ {
     display: grid;
     align-items: center;
     margin: 20px 0;
     grid-gap: 12px;
     grid-template-columns: 1fr auto 1fr;
     text-align: center;
     text-transform: uppercase;
}
.Typography_colorBase40__0qvxq {
     color: #666;
}

.SignInThirdParty_delimiter__ezi__::after, .SignInThirdParty_delimiter__ezi__::before {
     width: 100%;
     height: 1px;
     background-color: #464950;
     content: "";
}

.other-login .btn {
     margin: 0 5px;
     border-radius: 5px;
     color: var(--main-color);
     font-size: 17px;
     line-height: 1;
     padding: 8px 10px;
}

.other-login .btn i {
     line-height: 1;
}

.form-links .btn {
     color: #FFF;
     font-size: 12px;
     text-decoration: none;
}

.form-links .btn:hover {
     color: var(--main-color);
     background-color: #e8e8e8;
}

.auth-form .form-text {
     font-size: 12px;
}


/* author */
.author figure {
     width: 65px;
     height: 65px;
     border-radius: 50%;
     overflow: hidden;
     border: 2px solid transparent;
     transition: all 0.3s ease;
     margin-bottom: 2px;
}

.author figure:hover {
     border-color: #e3e3e3;
}

.author h5 {
     font-size: 16px;
     margin-bottom: 10px;
     color: #FFF;
     font-weight: 400;
}

.author p {
     color: #cbcbcb;
     font-size: 13px;
     margin-bottom: 0;
}

.auth-modal .lang-speak {
     margin-bottom: 8px;
}

.author .rating-star {
     font-size: 20px;
}

.author .rating-star i {
     font-size: 18px;
}

#content {
     font-size: 15px;
     color: #e3e3e3;
     margin: 0 auto;
     max-height: 180px;
     overflow: hidden;
     /* Set Transitions */
     transition: max-height 0.7s;
     position: relative;
     overflow-y: scroll;
     overflow-x: hidden;
}

#content::after {
     content: '';
     display: block;
     width: 100%;
     height: 20px;
     background: linear-gradient(to top, #212529, transparent);
     position: absolute;
     bottom: 0;
     right: 0;
}

#content.open {
     max-height: 1000px;
     /* Set transitions */
     transition: max-height 0.7s;
}

#content p {
     font-size: 14px;
}

#show-more {
     color: var(--main-color);
     cursor: pointer;
     text-align: center;
     padding: 5px 10px;
     display: inline-block;
     font-size: 14px;
}

.see-more-sec {
     padding-bottom: 10px;
     border-bottom: 1px solid #626262;
}

.btn-con {
     color: #999;
     font-size: 16px;
     text-decoration: none;
     margin-top: 10px;
}

.btn-con i {
     margin-left: 7px;
     vertical-align: baseline;
     display: inline-block;
     line-height: 1;
}

.btn-con:hover {
     background-color: #3F3F3E;
     border-radius: 5px;
     color: var(--main-color);
}

.trail-item {
     padding: 15px 10px;
     border-radius: 10px;
     background-color: #2c4d3a !important;
     text-align: center;
}

.trail-item h5 {
     color: #FFF;
     font-size: 18px;
     margin-bottom: 15px;
}

.trail-item .price {
     color: var(--main-color);
     font-size: 25px;
}

.trail-item span {
     display: block;
     color: #ccc;
     font-size: 14px;
}

.trail-item .btn-trytalk {
     padding: 6px 15px !important;
     font-size: 14px !important;
     margin-top: 15px;
}

.sub-btn {
     background-color: #464646;
     color: #FFF;
}

.sub-btn a {
     color: #FFF;
     font-size: 16px;
     text-decoration: none;
}

#myc-current-month-year-container {
     color: #FFF;
     font-size: 18px;
}

#myc-dates-container {
     background-color: transparent;
}

#myc-week-container,
#myc-available-time-container {
     border: none;
}

.myc-date-header {
     border: none;
     color: #FFFF;
     text-align: center;
}

.myc-available-time {
     display: flex;
     width: 65px;
     height: 36px;
     -moz-box-align: center;
     align-items: center;
     -moz-box-pack: center;
     justify-content: center;
     background-color: #464950;
     border-radius: 6px;
     cursor: pointer;
     color: #fff;
     text-decoration: none;
     border: 1px solid transparent;
}

.myc-available-time:hover,
.myc-available-time.selected {
     background-color: #FFF;
     color: var(--main-color);
}

.myc-available-time.selected {
     border-color: var(--main-color);
}

.choose-times {
     display: none;
}

#picker {
     padding: 25px 0;
}
/* author */

/* modal-footer-custom */
.modal-footer-custom {
     display: flex;
     justify-content: center;
     padding: 15px 0;
     border-top: 1px solid #4d4d4d;
}

.btn-back {
     color: #6F6F6F;
     font-size: 25px;
}

.btn-back:hover {
     color: #FFF;
}
/* modal-footer-custom0 */

/* back-head */
.back-head {
     /*padding-bottom: 8px;*/
     border-bottom: 1px solid #4d4d4d;
     color: var(--bs-light);
     margin-bottom: 10px;
}

.back-head a {
     font-size: 14px;
     text-decoration: none;
}

.modal-tabs {
     border: 1px solid #666;
     border-radius: 5px;
     margin-top: 8px;
}

.modal-tabs .nav-link {
     padding: 5px 8px;
     color: #fff;
     font-size: 14px;
}

.modal-tabs .nav-link:hover {
     background-color: RGBA(255, 255, 255, 0.1);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
     background-color: #FFF !important;
     color: var(--main-color) !important;
}

.title-sm {
     margin-bottom: 20px;
     margin-top: 10px;
}

.title-sm h5 {
     color: #FFF;
     font-size: 16px;
     font-weight: bold;
     margin-bottom: 0;
}

.title-sm .btn {
     background-color: #fbbc04;
     font-size: 12px;
}

.radio-list {
     margin-bottom: 20px;
}

.radio-list .option{
     background: #32353a;
     height: 100%;
     width: 100%;
     display: flex;
     align-items: center;
     margin-bottom: 10px;
     border-radius: 5px;
     cursor: pointer;
     padding: 8px 10px;
     transition: all 0.3s ease;
}
.radio-list .option .dot{
     height: 20px;
     width: 20px;
     background: #d9d9d9;
     border-radius: 50%;
     position: relative;
     margin-left: 10px;
}
.radio-list .option .dot::before{
     position: absolute;
     content: "";
     top: 4px;
     left: 4px;
     width: 12px;
     height: 12px;
     background: var(--main-color);
     border-radius: 50%;
     opacity: 0;
     transform: scale(1.5);
     transition: all 0.3s ease;
}
.radio-list input[type="radio"]{
     display: none;
}
.radio-item input[type=radio]:checked:checked ~ .option,
.radio-item input[type=radio]:checked:checked ~ .option {
     border-color: var(--main-color);
     background: var(--main-color);
}
.radio-item input[type=radio]:checked:checked ~ .option .dot,
.radio-item input[type=radio]:checked:checked ~ .option .dot {
     background: #fff;
}
.radio-item input[type=radio]:checked:checked ~ .option .dot::before {
     opacity: 1;
     transform: scale(1);
}
.radio-list .option span{
     font-size: 14px;
     color: #808080;
}
.radio-item input[type=radio]:checked:checked ~ .option span {
     color: #fff;
}

.radio-price {
     margin-right: auto;
     color: #35f96c !important;
     font-size: 15px;
     font-weight: bold;
}
/* back-head */

/* vs-counter-wapper */
.vs-counter-wapper {
     padding: 80px 0;
     background: url("https://ishraaq.com/wp-content/themes/esraq/assets/img/bg/counter-bg-2-1.jpg") no-repeat center RGBA(0, 0, 0, 0.8);
     background-blend-mode: multiply;
     background-size: cover;
     margin-bottom: 50px;
}

.vs-counter_title {
     text-transform: uppercase;
     font-weight: 500;
     margin-bottom: 0;
     letter-spacing: 0.03em;
     font-size: 16px;
}

.vs-counter_number {
     font-size: 40px;
     font-weight: 700;
     line-height: 1;
     margin-top: -0.16em;
     margin-bottom: 5px;
}

.vs-counter_line {
     margin: 10px 0;
}
/* vs-counter-wapper */

/*  lightMode  */
.lightMode {
     background-color: #FFF;
}

.lightMode .main-header {
     border-bottom: 2px solid #e3e3e3;
     background-color: #fff;
}

.lightMode .main-header .navbar-light .navbar-nav .nav-link {
     color: #464646;
}

.lightMode .main-header .navbar-light .navbar-nav .nav-link:hover,
.lightMode .navbar-light .navbar-nav .nav-link.active,
.lightMode .navbar-light .navbar-nav .show > .nav-link, .navbar-toggler {
     background-color: #f4f4f4;
}

.lightMode .dropdown-menu-dark {
     color: #464646;
     background-color: #ffff;
     border-color: #e3e3e3;
}

.lightMode .dropdown-menu-dark .dropdown-item {
     color: #333;
}

.lightMode .dropdown-menu-dark .dropdown-item:hover {
     background-color: #f4f4f4;
}
[type="email"]{
     direction:  inherit !important;
   }

.lightMode .text-white {
     color: #333 !important;
}

.lightMode .hero {
     background: linear-gradient(to top, #FFF, #eee) !important;
}

.lightMode .BackdropGradientAnimated_root__n0Vb_ {
     background: url(/images/gbK.svg),radial-gradient(100% 80% at 50% 0,#fff 0,transparent);
     background-position: 100% 0;
     background-repeat: no-repeat;
}

.lightMode .hero-text h1,
.lightMode .hero-text p,
.lightMode .sec-header h4,
.lightMode .course-item h3,
.lightMode .course-item p,
.lightMode .prices ul li,
.lightMode .testim .cont div p {
     color: #212529;
}

.lightMode .sec-header .actions .btn {
     color: #464646;
}

.lightMode .sec-header .actions .btn:hover {
     background-color: #f4f4f4 !important;
}

.lightMode .course-item {
     background-color: #f4f4f4;
}

.lightMode .lang-speak {
     color: #575757;
}

.lightMode .vs-counter-wapper,
.lightMode .testim .wrap,
.lightMode .cta-bg-image {
     background: #f4f4f4 !important;
}

.lightMode .testim .dots .dot {
     border-color: #212529;
}

.lightMode .sc-footer {
     background: #151618;
}
/*  lightMode  */

/* moda-flex-custom */
.moda-flex-custom {
     border-radius: 10px;
     background: var(--bs-dark);
     width: 940px;
     padding: 0;

}

.moda-flex-custom video {
     width: 100%;
     height: auto;
     max-height: 530px;
}

.fancybox-slide--html .fancybox-close-small {
     border-radius: 5px;
     right: 10px;
     top: 10px;
}

.modal-video-footer {
     padding: 0 15px;
     direction: rtl;
     text-align: right;
}

.modal-video-footer h5 {
     color: #FFF;
     font-size: 18px;
}

.modal-video-footer p {
     color: #FFF;
     font-size: 14px;
}

.modal-video-footer .btn-dark {
     background: #464950;
}

.moda-flex-custom .prices {
     min-width: 170px;
}
/* moda-flex-custom */

/* light nmo9dade */
.lightMode .auth-modal .modal-content {
     background-color: #FFF !important;
}

.lightMode .modal-header-custom h4,
.lightMode .author h5,
.lightMode .btn-con,
.lightMode .title-sm h5 {
     color: #1c1f23;
}

.lightMode .modal-header-custom {
     border-bottom-color: #eee;
}

.lightMode .auth-form .form-control,
.lightMode .people-list input{
     background-color: #f4f4f4;
     border-color: #e3e3e3;
     color: #1c1f23;
     border-radius: 7px;
}

.lightMode  .form-links .btn {
     color: #3F3F3E;
}

.lightMode .SignInThirdParty_delimiter__ezi__::after, .lightMode .SignInThirdParty_delimiter__ezi__::before,
.lightMode .lang-speak span.heiglighted {
     background-color: #eee;
}

.lightMode .author p,
.lightMode #content,
.lightMode .trail-item span,
.lightMode .modal-tabs .nav-link {
     color: #777;
}

.lightMode #content::after {
     background: linear-gradient(to top, #fff, transparent) !important;
}

.lightMode .btn-con:hover {
     background-color: #f4f4f4;
}

.lightMode .trail-item {
     background-color: #eeeeee !important;
}

.lightMode .trail-item h5 ,
.lightMode .text-light,
.lightMode #myc-prev-week {
     color: #606060 !important;
}

.lightMode .modal-tabs,
.lightMode .modal-footer-custom {
     border-color: #eee;
}

.lightMode .nav-pills .nav-link.active, .lightMode .nav-pills .show > .nav-link,
.lightMode .radio-list .option {
     background-color: #f4f4f4 !important;
}

.lightMode .radio-item input[type="radio"]:checked:checked ~ .option, .lightMode .radio-item input[type="radio"]:checked:checked ~ .option {
     background-color: var(--main-color) !important;
}

.lightMode #myc-current-month-year-container,
.lightMode .myc-date-header,
.lightMode .modal-video-footer h5 {
     color: #1c1f23;
}

.lightMode .myc-available-time:hover {
     background-color: #f4f4f4;
}

.lightMode .btn-back:hover {
     color: #ff7171 !important;
}

.lightMode .moda-flex-custom {
     background-color: #fff !important;
}

.lightMode .modal-video-footer p {
     color: #777;
}
.accordion-flush .accordion-item .accordion-button {
     background-color: #f4f4f4;
}

.accordion-flush .accordion-item .accordion-button:focus {
     box-shadow: none !important;
}

.accordion-flush .accordion-item {
     border-radius: 10px;
     margin-bottom: 10px;
}

.table-checkout {
     margin-top: 20px;
}

.table-checkout .table tr td:last-child {
     text-align: left;
}

.table-checkout .table tr th {
     font-size: 13px;
     font-weight: 400;
}

.table-checkout .table tr th.text-success {
     font-weight: 500;
     font-size: 14px;
}

.table-checkout .table tr .total {
     font-size: 17px;
     font-weight: 700;
}

.paymet-checkout {
     display: none;
}
/* light nmo9dade */



/* Media for responsive */
@media (min-width: 1440px) {
     .container {
          max-width: 1430px;
     }
}

@media (max-width: 1440px) {}

@media (min-width: 1440px) and (max-width: 1465px) {}

@media (min-width: 1465px) and (max-width: 1565px) {}

@media (min-width: 1465px) and (max-width: 1665px) {}

@media (min-width: 1440px) and (max-width: 1750px) {}

@media (min-width: 1300px) and (max-width: 1375px) {}

@media (min-width: 1200px) and (max-width: 1300px) {}

@media (min-width: 992px) {
     .modal-lg, .modal-xl {
          max-width: 960px;
     }
}

@media (max-width: 1200px) {
     .prices ul {
          flex-wrap: nowrap;
     }

     .prices ul li {
          width: 100%;
     }
}

@media (max-width: 991px) {
     .hero .row {
          /*flex-direction: column-reverse;*/
     }

     .pattern-layer-seven,
     .hero .pattern-layer-six {
          display: none;
     }

     .hero {
          padding: 30px 0;
          margin-bottom: 20px;
          text-align: center;
     }

     .hero-img {
          display: none;
     }

     .BackdropGradient_root___LCEH {
          height: 200px;
     }

     .course-item {
          margin-bottom: 25px;
     }

     .cta-bg-image {
          padding-top: 30px;
     }

     .img-part {
          text-align: center;
     }

     .img-part img {
          height: 300px;
     }

     .sec-title {
          text-align: center;
     }

     .sec-title h2 {
          font-size: 20px;
          margin: 10px 0 !important;
     }

     .promo-text {
          text-align: center;
          margin-bottom: 20px;
     }

     .about-widget {
          text-align: center;
          margin-bottom: 30px;
     }

     .logo-part img {
          height: 35px;
     }

     .about-widget p {
          font-size: 14px;
     }
}

@media (max-width: 768px) {
     .hero-text h1 {
          font-size: 30px;
     }

     .hero-text p {
          font-size: 16px;
     }

     .btn-trytalk {
          font-size: 18px;
     }

     .sec-header h4 {
          font-size: 22px;
     }

     .sec-header .actions {
          flex-shrink: 0;
     }

     .sec-header .actions .btn {
          font-size: 16px;
     }

     .course-item h3 {
          font-size: 16px;
     }

     .sc-footer .footer-content .widget-title {
          font-size: 19px;
          margin-bottom: 10px;
     }

     .sc-footer .footer-content .address-widget li, .sc-footer .footer-content .address-widget li a {
          display: flex;
     }

     .copyright {
          text-align: center;
     }

     .copyright-menu {
          text-align: center;
          margin-top: 5px;
     }

     .modal-video-footer > .d-flex {
          flex-wrap: wrap;
     }

     .modal-video-footer .nav.justify-content-end {
          justify-content: flex-start!important;
     }
}

@media (max-width: 576px) {
     .hero-text h1 {
          font-size: 22px;
     }

     .hero-text p {
          font-size: 14px;
     }

     .btn-trytalk {
          font-size: 16px;
     }

     .sec-header h4 {
          font-size: 18px;
     }

     .course-item figure {
          height: auto;
     }

     .img-part img {
          max-width: 100%;
          height: auto;
     }
}

@media (max-width: 480px) {}

@media (min-width: 576px) {
     #RegisterModal .modal-sm {
          max-width: 400px;
     }
}

/* Media for responsive */