@import url("variable.css");

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

html, body {
    margin: 0;
    padding: 0;
}

body {
    line-height: 1.5;
    font-family: "Outfit", sans-serif;
}

.hidden, .hide {
    display: none;
}

/*@font-face {
    font-family: 'metropolisthin';
    src: url('../fonts/metropolis-thin-webfont.woff2') format('woff2'),
         url('../fonts/metropolis-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'metropolislight';
    src: url('../fonts/metropolis-light-webfont.woff2') format('woff2'),
         url('../fonts/metropolis-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'metropolisregular';
    src: url('../fonts/metropolis-regular-webfont.woff2') format('woff2'),
         url('../fonts/metropolis-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'metropolismedium';
    src: url('../fonts/metropolis-medium-webfont.woff2') format('woff2'),
         url('../fonts/metropolis-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'metropolissemi_bold';
    src: url('../fonts/metropolis-semibold-webfont.woff2') format('woff2'),
         url('../fonts/metropolis-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'metropolisbold';
    src: url('../fonts/metropolis-bold-webfont.woff2') format('woff2'),
         url('../fonts/metropolis-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'metropolisblack';
    src: url('../fonts/') format('woff2'),
         url('../fonts/metropolis-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.container {
    max-width: 1280px;
    padding-left: 15px;
    padding-right: 15px;
}

/*@media (min-width: 576px) {
    .container {
       max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}*/


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

@media (min-width:768px) and (max-width:991px)
{
    img { max-width: 450px; margin-left: auto; margin-right: auto; width: 100%;}
}

@media (max-width:767px){
    img.img-fluid { max-width: 100%;display: block;margin-left: auto; margin-right: auto;}
}

a {
    text-decoration: none;
}

/* a:hover {
    text-decoration: underline;
} */

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* login */
/* .login .site-main,.sign-up .site-main{background:radial-gradient(circle at top left,#dfeeff 0%,transparent 40%),radial-gradient(circle at bottom right,#d9e7ff 0%,transparent 35%),linear-gradient(180deg,#ffffff,#f7fbff);} */
.learn-press-form-register.learn-press-form{width:100%;max-width:630px;background:#fff;border-radius:22px;padding:20px 30px;box-shadow:0 20px 60px rgba(18,40,76,.12);border:1px solid #edf2f7;margin-bottom: 0;}
/*----------------------*/
.sign-up .learn-press-form-register.learn-press-form .form-fields{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:0 30px;}
.sign-up .login-box-icon{width:70px;height:70px;margin:0 15px 0 0px;border-radius:50%;display:flex;align-items:center;background:#eef5ff;color:#2563eb;font-size:36px;padding:15px;box-shadow:0 10px 25px rgba(37,99,235,.15);}
.singup-url svg{margin-right:5px;}
.sign-up .learn-press-form-register.learn-press-form .form-field label{display:block;margin-bottom:8px;font-weight:600;color:#334155;font-style:normal;}
.sign-up .learn-press-form-register.learn-press-form .form-field input{width:100%;height:55px;border-radius:12px;border:1px solid #dce6f2;padding:0 18px;font-size:15px;transition:.3s;outline:none;}
.sign-up .learn-press-form-register.learn-press-form .form-field input:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12);}
.sign-up .learn-press-form-register.learn-press-form .form-field{margin-bottom:10px;width:calc(50% - 15px);}
.sign-up .learn-press-form-register.learn-press-form .form-field:last-child{width:100%;}
.sign-up .learn-press-form-register.learn-press-form h2{text-align:center;color:#0f172a;font-size:34px;font-weight:700;margin:0;}
.sign-up .learn-press-form-register.learn-press-form .form-field .error,span.ftx-reg-error {color:var(--emberred);margin: 5px;display: block;}
/*----------------------*/
.sign-up .learn-press-form-register.learn-press-form button{width:100%;height:auto;border:none;border-radius:30px;background: var(--brand_secondary);color: var(--white-color);font-size:16px;font-weight:700;cursor:pointer;transition:.3s;    border: 2px solid var(--brand_secondary);}
.sign-up .learn-press-form-register.learn-press-form button:hover{     text-decoration: none;
    color: var(--brand_secondary);
    background: var(--white-color);}
a.singup-url{display:flex;align-items:center;font-weight:600;justify-content:center;margin:15px 0 0;}
a.singup-url:hover{text-decoration:none;}
/* .dontaccout{position:relative;}
.dontaccout span{position:relative;background-color:#fff;z-index:1;padding:0 15px;}
.dontaccout::after{content:'';position:absolute;width:100%;left:0;background-color:#dce6f2;height:1px;top:50%;transform:translateY(-50%);} */
.ftx-reg-success{color: var(--junglegreen);}
/*----------------------*/
@media(max-width:600px){
    .login-main-block .learn-press-form-login,.login-main-block .learn-press-form-register{padding:30px 22px;}
    .ftx-login-tabs{flex-direction:column;}
    .login .learn-press-form-login.learn-press-form h2{font-size:28px;}
}
@media (min-width:768px) and (max-width:991px)
{
.login-main-block{margin: 0;}
}

@media(max-width:767px)
{
    .sign-up .learn-press-form-register.learn-press-form .form-field{width:calc(100% - 0px);}
    .learn-press-form-register.learn-press-form{padding: 25px;}
    .login-main-block{margin: 0;padding-left: 0;padding-right:0}
}

.lp-single-instructor .ul-instructor-courses .course-item {
    height: 100% !important;
}
.lp-single-instructor__info__right .lp-instructor-meta .instructor-item-meta i,
.lp-single-instructor .ul-instructor-courses .course-wrap-meta .meta-item::before,
.lp-single-instructor .ul-instructor-courses a:hover,
.lp-single-instructor .ul-instructor-courses .course-title:hover{
    color: var(--brand_secondary) !important;
}

.lp-single-instructor .ul-instructor-courses .course-readmore a:hover {
    background: var(--brand_secondary) !important;
    color: var(--lp-color-white,#fff)!important;
    border-color: var(--brand_secondary) !important;
}
.lp-single-instructor__info__wrapper {
    align-items: center;
}


.learn-press-form-register #ftx-company-code-msg span.ftx-reg-success.alert.alert-success {
    margin: 15px 0 0;
    display: block;
}

#popup-header {
    background: var(--primary-color) !important;
}
.learn-press-progress .learn-press-progress__active{background:var(--brand_secondary) !important;}

#popup-content .lp-button:hover {
    background: var(--brand_secondary) !important;
    color: var(--lp-color-white,#fff)!important;
    border-color: var(--brand_secondary) !important;
}

#popup-footer .course-item-nav .prev:hover a, #popup-footer .course-item-nav .prev:hover::before, #popup-footer .course-item-nav .next:hover a, #popup-footer .course-item-nav .next:hover::before {
    color:  var(--brand_secondary) !important;
}
.lecture-embed{margin: 15px 0 0;}

.quiz-intro-item::before {
    color: var(--brand_secondary) !important;
}