/* ------------------------------------------------------------------------------

  Template Name: E-Tutor
  Description: Education & Online Learning Management System Figma Template 
  Author: templatecookie
  Author URI: http://themeforest.net/user/templatecookie
  Version: 1.0

    1.  Vendor

        1.1 Bootstrap


    2.  Base  

        2.1 typography
        2.2 reset


    3.  Abstracts

        3.1 Variables
        3.2 Functions
        3.3 Placeholder

    4.  Layout

        4.1 footer
        4.2 message
        4.3 header
        4.4 register
        4.5 instructor
        4.6 breadcrumb

    5.  Components

        5.1 hero
        5.2 form
        5.3 card
        5.4 faq
        5.5 cta
        5.6 badge
        5.7 alert
        5.8 modal
        5.9 footer
        5.10 range
        5.11 review
        5.12 header
        5.13 filter
        5.14 profile
        5.15 lecture
        5.16 company
        5.17 buttons
        5.18 trailer
        5.19 progress
        5.20 ckeditor
        5.21 checkbox
        5.22 calendar
        5.23 fielpond
        5.24 activity
        5.25 category
        5.26 curriculum
        5.27 pagination
        5.28 breadcrumb
        5.29 dashboard
        5.30 social-icon
        5.31 notification
        5.32 payment-card
        5.33 feature-card
        5.34 all-dropdown
        5.35 profileview
        5.36 download-file
        5.37 popular tools
        5.38 left sidebar
        5.39 dashboard menu
        5.40 edit-biography
        5.41 payment-method
        5.42 rating-progress
        5.43 target-audience
        5.44 student-profile
        5.45 purchase history
        5.46 social media box

    6. Pages

        6.1 404
        6.2 about
        6.3 career
        6.4 contact
        6.5 course
        6.6 student
        6.7 contact
        6.8 instructor
        6.9 gift course 
        6.10 coming soon
        6.11 become instructor


/*-------------------------------------------------------------------------------
  1. Vendor
-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
  2. Base
-------------------------------------------------------------------------------*/
.ratings-progress > li .progress-box-percentage, .ratings-progress > li .rating-star__count, .ratings-box p, .breadcrumb-menu ul li a, .activity-info p, .filepond--drop-label.filepond--drop-label label, .progress-content-right p, .footer-top .footer-widget .footer-menu ul li a, .footer-top .footer-textarea p, .footer-header.footer-header2 .footer-header-content p, .modal--lecturevideo p, .instructor-uploads__info p, .card-instructor .info p, .card-instructor .info h6, .card-activity .card-body .chart-info p, .card-activity .card-header .bv_mainselect .bv_ul_inner li, .card-activity .card-header .bv_mainselect .bv_atual, .register .form-group .form-check-label, .form-attach label .cap, .form-selects .bv_mainselect .bv_ul_inner li, .form-field .field-wrapper__count, .instructor-settings .form-checkitem .form-check-label, .instructor-requirements__header a, .message-contents__users .user .user-sendcontent__message p, .message-contents__date, .message-header .user__info p, .message-sidebar__users .message-info__date, .message-sidebar__users .user-info p, .message-sidebar__users .user-info h6
{
font-size: 14px;
color: #6e7485;
line-height: 22px;
letter-spacing: -0.01em;
text-transform: capitalize;
}

.instructor-rules__info ul li, .instructor-rules__info p, .join-team-content.become-instructor .checkbox-field ul li span, .join-team-content .checkbox-field ul li span, .join-team-content p, .curriculum-section-content .section-info > div h2, .progress-content-right a, .instructor-publish h2, .message-header .user__info h6 a
{
font-size: 18px;
color: #1d2026;
font-weight: 500;
line-height: 24px;
text-transform: capitalize;
}

.breadcrumb-menu h3, .card-settings__title
{
font-size: 24px;
color: #1d2026;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.01em;
text-transform: capitalize;
}

.instructor-rules__info h2, .footer-header .footer-header-content h3
{
font-size: 40px;
color: #1d2026;
font-weight: 600;
line-height: 48px;
letter-spacing: -0.01em;
text-transform: capitalize;
}

.form-selects label, .form-textarea label, .form-field-reply label, .form-field-price .field-wrapper .text-currencies, .form-field-price label, .form-field-social label, .form-field label
{
font-size: 14px;
color: #1d2026;
line-height: 22px;
margin-bottom: 6px;
letter-spacing: -0.01em;
text-transform: capitalize;
}

.form-upload, .form-selects .bv_mainselect .bv_atual, .form-field-reply .field-wrapper input, .form-field-price .field-wrapper input, .form-field-social .field-wrapper input, .form-field .field-wrapper input, .form-searchbox input
{
width: 100%;
height: 48px;
font-size: 16px;
color: #4e4e4e;
line-height: 24px;
padding: 12px 18px;
text-transform: capitalize;
transition: all 0.3s linear;
border: 1px solid #e9eaf0;
}

.form-upload::placeholder, .form-selects .bv_mainselect .bv_atual::placeholder, .form-field-reply .field-wrapper input::placeholder, .form-field-price .field-wrapper input::placeholder, .form-field-social .field-wrapper input::placeholder, .form-field .field-wrapper input::placeholder, .form-searchbox input::placeholder
{
color: #8c94a3;
}

.form-upload:hover, .form-selects .bv_mainselect .bv_atual:hover, .form-field-reply .field-wrapper input:hover, .form-field-price .field-wrapper input:hover, .form-field-social .field-wrapper input:hover, .form-field .field-wrapper input:hover, .form-searchbox input:hover
{
border: 3px solid #ffddd1;
}

.form-upload:active, .form-selects .bv_mainselect .bv_atual:active, .form-field-reply .field-wrapper input:active, .form-field-price .field-wrapper input:active, .form-field-social .field-wrapper input:active, .form-field .field-wrapper input:active, .form-searchbox input:active, .form-upload:focus, .form-selects .bv_mainselect .bv_atual:focus, .form-field-reply .field-wrapper input:focus, .form-field-price .field-wrapper input:focus, .form-field-social .field-wrapper input:focus, .form-field .field-wrapper input:focus, .form-searchbox input:focus
{
border: 1px solid #ff6636;
}

*
{
margin: 0;
padding: 0;
outline: 0;
}

img
{
border: 0;
outline: 0;
max-width: 100%;
}

html
{
scroll-behavior: smooth;
}

body
{
font-weight: 400;
font-family: "Inter", sans-serif;
}

a
{
display: inline-block;
text-decoration: none;
}

a:hover
{
color: #fff;
}

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

p
{
color: #333;
line-height: 24px;
margin: 0;
}

.space50
{
padding: 50px;
}

.space100
{
padding: 100px;
}

.space20
{
padding: 20px;
}

.space10
{
padding: 10px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number]
{
-moz-appearance: textfield;
}

button
{
margin: 0;
padding: 0;
outline: 0;
border: 0;
}

.bodybg
{
background-color: #f5f7fa;
}

.message
{
display: flex;
overflow: hidden;
position: relative;
}

.message.container
{
padding: 0;
}

.message-sidebar__users, .message-contents
{
  /* Handle */
  /* Handle on hover */;
}

.message-sidebar__users::-webkit-scrollbar, .message-contents::-webkit-scrollbar
{
width: 2px;
}

.message-sidebar__users::-webkit-scrollbar-thumb, .message-contents::-webkit-scrollbar-thumb
{
background: #ff6636;
border-radius: 12px;
transition: all 0.3 ease-in-out;
}

.message-sidebar__users::-webkit-scrollbar-thumb:hover, .message-contents::-webkit-scrollbar-thumb:hover
{
background: #7936ec9f;
}

.message-contents::-webkit-scrollbar
{
width: 6px;
}

.message-contents::-webkit-scrollbar-thumb
{
border-radius: 24px;
}

.message-sidebar
{
width: 30%;
position: relative;
margin-right: 24px;
background-color: #fff;
}

@media (max-width: 991px)
{
.message-sidebar
{
width: 100%;
}
}

@media (max-width: 575px)
{
.message-sidebar
{
margin-right: 0px;
}
}

.message-sidebar__title
{
font-size: 20px;
color: #1d2026;
font-weight: 600;
line-height: 26px;
text-transform: capitalize;
}

.message-sidebar .btn-compose
{
font-weight: 600;
}

.message-sidebar .btn-compose .icon
{
margin-right: 8px !important;
}

.message-sidebar__search-box
{
padding: 24px;
padding-bottom: 16px;
}

.message-sidebar__search-box .top
{
margin-bottom: 20px;
}

.message-sidebar__users
{
max-height: 650px;
overflow-y: scroll;
overflow-x: hidden;
}

@media (max-width: 991px)
{
.message-sidebar__users
{
max-height: 650px;
}
}

.message-sidebar__users-item
{
display: flex;
cursor: pointer;
padding: 12px 24px;
align-items: flex-start;
background-color: #fff;
transition: all 0.3s linear;
justify-content: space-between;
}

@media (max-width: 767px)
{
.message-sidebar__users-item
{
justify-content: center;
}
}

@media (max-width: 575px)
{
.message-sidebar__users-item
{
padding: 12px;
}
}

.message-sidebar__users-item:hover, .message-sidebar__users-item.active
{
background-color: #ffddd1;
}

.message-sidebar__users-item:hover .message-sidebar__users .user-info p,
.message-sidebar__users-item:hover .message-sidebar__users .message-info__date, .message-sidebar__users-item.active .message-sidebar__users .user-info p,
.message-sidebar__users-item.active .message-sidebar__users .message-info__date
{
color: #4e5566;
}

.message-sidebar__users .user
{
display: flex;
align-items: center;
}

.message-sidebar__users .user__img
{
width: 48px;
height: 48px;
flex-shrink: 0;
cursor: pointer;
margin-right: 16px;
position: relative;
}

@media (max-width: 767px)
{
.message-sidebar__users .user__img
{
width: 24px;
height: 24px;
margin-right: 0px;
}
}

.message-sidebar__users .user__img img
{
border-radius: 50%;
width: inherit;
height: inherit;
object-fit: cover;
}

.message-sidebar__users .user-active
{
right: 0px;
width: 10px;
height: 10px;
overflow: hidden;
border-radius: 50%;
position: absolute;
top: calc(100% - 12px);
display: inline-block;
background-color: #23bd33;
border: 2px solid #ffddd1;
}

.message-sidebar__users .user-info
{
display: flex;
flex-direction: column;
}

.message-sidebar__users .user-info h6,
.message-sidebar__users .user-info p
{
margin: 0;
}

.message-sidebar__users .user-info h6
{
color: #1d2026;
margin-bottom: 6px;
}

.message-sidebar__users .user-info p
{
font-weight: 400;
color: #6e7485;
}

.message-sidebar__users .message-info
{
display: flex;
flex-direction: column;
align-items: center;
}

.message-sidebar__users .message-info__date
{
margin: 0;
padding: 0;
}

.message-sidebar__users .message-info__date
{
white-space: nowrap;
color: #6e7485;
}

.message-inbox
{
width: 70%;
position: relative;
background-color: #ebebf0;
}

@media (max-width: 991px)
{
.message-inbox
{
width: 0;
visibility: hidden;
}
}

.message-header
{
display: flex;
padding: 20px 24px;
align-items: center;
background: #ffffff;
justify-content: space-between;
box-shadow: 0px -1px 0px 0px #e9eaf0 inset;
}

@media (max-width: 767px)
{
.message-header
{
padding: 20px 12px;
}
}

.message-header .user
{
display: flex;
align-items: center;
}

.message-header .user__image
{
width: 64px;
height: 64px;
flex-shrink: 0;
cursor: pointer;
margin-right: 16px;
position: relative;
}

@media (max-width: 767px)
{
.message-header .user__image
{
width: 40px;
height: 40px;
}
}

.message-header .user__image img
{
border-radius: 50%;
width: inherit;
height: inherit;
object-fit: cover;
}

.message-header .user-active
{
right: 0px;
width: 12px;
height: 12px;
overflow: hidden;
border-radius: 50%;
position: absolute;
top: calc(100% - 16px);
display: inline-block;
background-color: #23bd33;
border: 2px solid #fff;
}

.message-header .user__info h6
{
margin-bottom: 8px;
}

@media (max-width: 767px)
{
.message-header .user__info h6
{
margin-bottom: 0px;
}
}

.message-header .user__info p
{
color: #4e5566;
}

.message-header .options
{
padding: 12px;
display: inline-block;
background-color: #f5f7fa;
}

.message-body
{
padding-right: 0px;
padding-bottom: 0px;
}

.message-body-search
{
padding: 24px;
background-color: #fff;
box-shadow: 0px 1px 0px 0px #e9eaf0 inset;
}

@media (max-width: 575px)
{
.message-body-search
{
padding: 24px 12px;
}
}

.message-body .input-field-wrapper
{
width: 100%;
position: relative;
}

.message-body .input-field-wrapper span
{
top: 50%;
left: 18px;
color: #ff6636;
position: absolute;
transform: translateY(-50%);
}

.message-body .input-field.message-body-search-field
{
display: flex;
position: relative;
align-items: center;
margin: 0 !important;
}

.message-body .input-field.message-body-search-field textarea
{
resize: none;
width: inherit;
max-height: 48px;
padding: 12px 0px;
padding-left: 55px;
white-space: nowrap;
background-color: #fff;
border: 1px solid #e9eaf0;
}

.message-body .input-field.message-body-search-field textarea::-webkit-scrollbar
{
display: none;
}

@media (max-width: 480px)
{
.message-body .input-field.message-body-search-field textarea
{
padding-right: 75px !important;
}
}

.message-body .input-field.message-body-search-field button.message-body-search-btn
{
margin-left: 20px;
margin-bottom: 6px;
}

@media (max-width: 575px)
{
.message-body .input-field.message-body-search-field button.message-body-search-btn span
{
margin: 0px;
}
}

@media (max-width: 575px)
{
.message-body .input-field.message-body-search-field button.message-body-search-btn
{
font-size: 0px;
padding: 0px 12px;
margin-left: 10px;
}
}

.message-contents
{
height: 600px;
padding: 24px;
max-height: 600px;
overflow-y: scroll;
position: relative;
overflow-x: hidden;
background-color: #fff;
}

@media (max-width: 767px)
{
.message-contents
{
max-height: 450px;
}
}

.message-contents__date
{
max-width: 65px;
display: block;
color: #4e5566;
padding: 8px 12px;
margin: 0px auto;
text-align: center;
margin-bottom: 24px;
background-color: #ffeee8;
}

.message-contents__users .user
{
margin-bottom: 12px;
}

.message-contents__users .user .user-sendcontent__message
{
display: inline-block;
padding: 8px 12px;
background-color: #ff6636;
}

.message-contents__users .user .user-sendcontent__message p
{
color: #fff;
max-width: 512px;
text-align: left;
}

.message-contents__users .user-wrapper
{
display: flex;
margin-bottom: 8px;
align-items: center;
}

.message-contents__users .user-wrapper .time
{
font-size: 12px;
color: #6e7485;
line-height: 16px;
}

.message-contents__users .user-active .user-sendcontent__message
{
background-color: #ffeee8;
}

.message-contents__users .user-active .user-sendcontent__message p
{
color: #1d2026;
}

.message-contents__users .user-current
{
justify-content: flex-end;
}

.message-contents__users .user-current .user-sendcontent
{
order: 2;
}

.message-contents__users .user-current .user-sendcontent__message
{
margin-left: auto;
}

.message-contents__users .user-current .user-sendcontent__message,
.message-contents__users .user-current .user-sendcontent
{
text-align: right;
}

.message-contents__users .user-current .user-sendcontent
{
display: flex;
align-items: flex-end;
flex-direction: column;
}

.message-contents__users .user-current .user-sendcontent .time
{
font-size: 12px;
color: #6e7485;
line-height: 16px;
margin-bottom: 8px;
}

.message-contents__users .user-img
{
width: 24px;
height: 24px;
flex-shrink: 0;
overflow: hidden;
position: relative;
margin-right: 6px;
border-radius: 50%;
}

.message-contents__users .user-img img
{
width: inherit;
height: inherit;
object-fit: cover;
}

.message__search-field
{
position: relative;
width: 100%;
}

.message__search-field input
{
font-size: 14px;
line-height: 21px;
width: inherit;
padding: 12px 0px;
padding-left: 40px;
border-radius: 12px;
border: none;
outline: none;
background-color: #f5f5f7;
}

.message__search-field input::placeholder
{
color: #9b9ab5;
text-transform: capitalize;
}

.message__search-field .icon
{
position: absolute;
top: 50%;
left: 12px;
transform: translateY(-50%);
cursor: pointer;
}

@media (max-width: 991px)
{
.message .message-sidebar__search-box,
.message .message-sidebar__users .user-info,
.message .message-sidebar__users .message-info
{
display: none;
}
}

@media (max-width: 991px)
{
.message .message-sidebar
{
width: 15%;
}
}

@media (max-width: 991px)
{
.message .message-inbox
{
width: 85%;
visibility: visible;
}
}

.register
{
position: relative;
}

@media (max-width: 991px)
{
.register
{
padding: 60px 0px;
}
}

.register__content
{
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}

@media (max-width: 991px)
{
.register__content
{
height: 100%;
}
}

.register-left, .register-right
{
height: 100%;
}

.register-left
{
width: 45%;
background-color: #ebebff;
}

@media (max-width: 1480px)
{
.register-left
{
width: 40%;
}
}

@media (max-width: 991px)
{
.register-left
{
display: none;
}
}

.register-right
{
width: 55%;
background-color: #fff;
}

@media (max-width: 1480px)
{
.register-right
{
width: 60%;
margin-left: 30px;
}
}

@media (max-width: 991px)
{
.register-right
{
width: 100%;
margin-left: 0px;
}
}

@media (max-width: 575px)
{
.register-right
{
margin: 0px 15px;
}
}

.register-imgWrapper, .register-formWrapper
{
height: 100%;
display: flex;
align-items: center;
}

.register-formWrapper
{
width: 650px;
margin-left: 110px;
flex-direction: column;
justify-content: center;
}

@media (max-width: 1520px)
{
.register-formWrapper
{
width: 100%;
margin-left: 0px;
}
}

@media (max-width: 575px)
{
.register-formWrapper .form
{
width: inherit;
}
}

.register-formWrapper .form-field
{
width: 100%;
}

@media (max-width: 575px)
{
.register-formWrapper .button
{
width: 100%;
}
}

.register-formWrapper .register-title
{
width: 100%;
text-align: center;
}

@media (max-width: 575px)
{
.register-formWrapper .form-signup
{
margin-top: 0px;
}
}

.register-formWrapper .form-signup__wrapper a
{
margin-right: 24px;
}

.register-formWrapper .form-signup__wrapper a:nth-last-child(1)
{
margin: 0;
}

@media (max-width: 575px)
{
.register-formWrapper .form-signup__wrapper a
{
width: 0px;
margin: 0px;
border: 0px;
font-size: 0px;
line-height: 0px;
}
}

@media (max-width: 575px)
{
.register-formWrapper .form-signup__wrapper a::before
{
border: 1px solid #e9eaf0;
}
}

.instructor
{
display: flex;
height: 100vh;
overflow: hidden;
position: relative;
align-items: flex-start;
}

.instructor-sidebar
{
width: 15%;
height: 100%;
display: flex;
position: relative;
flex-direction: column;
background-color: #1d2026;
justify-content: space-between;
}

@media (max-width: 1200px)
{
.instructor-sidebar
{
width: 25%;
}
}

@media (max-width: 991px)
{
.instructor-sidebar
{
width: 10%;
}
}

@media (max-width: 680px)
{
.instructor-sidebar
{
width: 15%;
}
}

@media (max-width: 480px)
{
.instructor-sidebar
{
width: 20%;
}
}

.instructor-content
{
width: 85%;
height: 100%;
overflow-y: scroll;
}

@media (max-width: 1200px)
{
.instructor-content
{
width: 75%;
}
}

@media (max-width: 991px)
{
.instructor-content
{
width: 90%;
}
}

.instructor-logo
{
padding: 20px 24px;
box-shadow: 0px -1px 0px 0px #363b47 inset;
}

.instructor-logo a
{
display: flex;
color: #fff;
font-size: 32px;
font-weight: 600;
line-height: 38px;
align-items: center;
letter-spacing: -0.03em;
text-transform: capitalize;
transition: all 0.3s linear;
}

@media (max-width: 991px)
{
.instructor-logo a
{
font-size: 0px;
}
}

.instructor-logo a img
{
flex-shrink: 0;
margin-right: 6px;
}

.instructor-menu
{
padding: 0;
padding-top: 16px;
}

.instructor-menu li:hover a, .instructor-menu li.active a
{
color: #fff;
background-color: #ff6636;
}

.instructor-menu li:hover a .count, .instructor-menu li.active a .count
{
background-color: #fff;
color: #ff6636;
}

.instructor-menu li a
{
width: 100%;
display: flex;
font-size: 14px;
font-weight: 500;
color: #8c94a3;
line-height: 20px;
position: relative;
padding: 12px 24px;
align-items: center;
letter-spacing: -0.01em;
text-transform: capitalize;
transition: all 0.3s linear;
}

@media (max-width: 991px)
{
.instructor-menu li a
{
font-size: 0px;
line-height: auto;
}
}

.instructor-menu li a .icon
{
flex-shrink: 0;
margin-right: 12px;
}

.instructor-menu li a .count
{
top: 50%;
right: 24px;
width: 24px;
height: 24px;
display: flex;
color: #fff;
font-size: 12px;
line-height: 16px;
font-weight: 500;
border-radius: 50%;
position: absolute;
align-items: center;
justify-content: center;
transform: translateY(-50%);
background-color: #ff6636;
transition: all 0.3s linear;
}

@media (max-width: 991px)
{
.instructor-menu li a .count
{
left: 40px;
width: 8px;
top: 18px;
height: 8px;
font-size: 0px;
line-height: 0px;
}
}

.instructor .sign-out
{
display: flex;
font-size: 14px;
cursor: pointer;
font-weight: 500;
color: #8c94a3;
line-height: 20px;
padding: 12px 24px;
align-items: center;
margin-bottom: 36px;
text-transform: capitalize;
transition: all 0.3s linear;
}

@media (max-width: 991px)
{
.instructor .sign-out
{
font-size: 0px;
}
}

.instructor .sign-out .icon
{
margin-right: 12px;
}

.instructor .sign-out:hover
{
color: #fff;
background-color: #ff6636;
}

.instructor-header
{
padding: 24px 0px;
position: relative;
margin-bottom: 40px;
background-color: #fff;
}

@media (max-width: 767px)
{
.instructor-header
{
padding-bottom: 90px;
}
}

.instructor-header .container
{
display: flex;
align-items: center;
justify-content: space-between;
}

.instructor-header .right
{
display: flex;
align-items: center;
}

.instructor-header .right > div
{
margin-right: 16px;
}

.instructor-header .right > div:nth-last-child(1)
{
margin: 0px;
}

@media (max-width: 767px)
{
.instructor-header .form-searchbox
{
top: 50%;
left: 50%;
width: 75%;
z-index: 9;
margin-top: 40px;
position: absolute;
transform: translate(-50%, -50%);
}
}

@media (max-width: 575px)
{
.instructor-header .form-searchbox
{
width: 95%;
}
}

.instructor-header .form-searchbox input
{
color: #8c94a3;
background-color: #f5f7fa;
}

.instructor-notification
{
padding: 12px;
cursor: pointer;
position: relative;
background-color: #f5f7fa;
}

.instructor-user
{
cursor: pointer;
}

.instructor-user .image
{
width: 48px;
height: 48px;
overflow: hidden;
border-radius: 50%;
}

.instructor-user .image img
{
width: inherit;
height: inherit;
object-fit: cover;
}

.instructor-user .greeting
{
font-size: 14px;
color: #6e7485;
font-weight: 500;
line-height: 20px;
margin-bottom: 6px;
letter-spacing: -0.01em;
text-transform: capitalize;
}

.instructor-user .username
{
font-size: 20px;
color: #1d2026;
font-weight: 600;
line-height: 26px;
text-transform: capitalize;
}

.instructor-features
{
gap: 24px;
display: grid;
margin-bottom: 24px;
grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1480px)
{
.instructor-features
{
grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 1200px)
{
.instructor-features
{
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 767px)
{
.instructor-features
{
grid-template-columns: 1fr;
}
}

.instructor-features--2
{
grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 767px)
{
.instructor-features--2
{
grid-template-columns: 1fr;
}
}

.instructor-biodata
{
margin-bottom: 24px;
}

.instructor-activity .row > div
{
margin-bottom: 24px;
}

@media (max-width: 575px)
{
.instructor-activity .card-activity .ratings-box
{
margin-top: 16px;
}
}

.instructor-createcourse
{
background-color: #fff;
}

.instructor-createcourse .nav
{
box-shadow: 0px 1px 0px 0px #e9eaf0;
}

@media (max-width: 1024px)
{
.instructor-createcourse .nav
{
flex-wrap: nowrap;
max-width: 700px;
overflow-x: auto;
}
}

.instructor-createcourse .nav-item
{
margin-right: 24px;
}

@media (min-width: 1025px) and (max-width: 1200px)
{
.instructor-createcourse .nav-item
{
margin-right: -10px;
}
}

.instructor-createcourse .nav-item:nth-last-child(1)
{
margin: 0px;
}

.instructor-createcourse .nav-link
{
padding: 20px;
font-size: 16px;
min-width: 306px;
color: #6e7485;
font-weight: 500;
text-align: left;
line-height: 22px;
border-radius: 0px;
white-space: nowrap;
display: inline-block;
text-transform: capitalize;
transition: all 0.3s linear;
border-bottom: 1.5px solid transparent;
}

@media (max-width: 1490px)
{
.instructor-createcourse .nav-link
{
min-width: 260px;
}
}

@media (max-width: 1380px)
{
.instructor-createcourse .nav-link
{
min-width: 150px;
}
}

@media (min-width: 320px) and (max-width: 1024px)
{
.instructor-createcourse .nav-link
{
min-width: 80px;
}
}

.instructor-createcourse .nav-link.active
{
color: #1d2026;
border-color: #ff6636;
background-color: transparent;
}

.instructor-tab-header, .instructor-tab-main
{
padding: 32px 40px;
box-shadow: 0px -1px 0px 0px #e9eaf0 inset;
}

@media (max-width: 767px)
{
.instructor-tab-header, .instructor-tab-main
{
padding: 16px 20px;
}
}

.instructor-tab-header
{
display: flex;
align-items: center;
text-transform: capitalize;
justify-content: space-between;
}

@media (max-width: 767px)
{
.instructor-tab-header
{
flex-direction: column;
}
}

.instructor-tab-header h2
{
margin: 0;
font-size: 24px;
color: #1d2026;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.01em;
}

@media (max-width: 767px)
{
.instructor-tab-header h2
{
text-align: center;
margin-bottom: 16px;
}
}

.instructor-tab-header > div
{
display: flex;
align-items: center;
}

@media (max-width: 480px)
{
.instructor-tab-header > div
{
width: 100%;
flex-direction: column;
}
}

@media (max-width: 480px)
{
.instructor-tab-header > div .button
{
width: 100%;
}
}

.instructor-tab-header > div .button:nth-child(1)
{
margin-right: 12px;
}

@media (max-width: 480px)
{
.instructor-tab-header > div .button:nth-child(1)
{
margin: 0px;
}
}

.instructor-tab-main
{
box-shadow: none;
}

.instructor-tab-main .form .form-field,
.instructor-tab-main .form .form-group
{
margin-bottom: 24px;
}

@media (max-width: 767px)
{
.instructor-tab-main .form .form-field,
.instructor-tab-main .form .form-group
{
margin-bottom: 18px;
}
}

.instructor-tab-main--requirements
{
padding: 0px;
}

.instructor-tab-main--requirements .instructor-tab-navigation
{
padding: 40px;
padding-top: 6px;
}

@media (max-width: 767px)
{
.instructor-tab-main--requirements .instructor-tab-navigation
{
padding: 16px;
}
}

.instructor-tab-navigation
{
display: flex;
margin-top: 8px;
align-items: center;
justify-content: space-between;
}

@media (max-width: 575px)
{
.instructor-tab-navigation
{
flex-direction: column;
}
}

@media (max-width: 575px)
{
.instructor-tab-navigation .button
{
width: 100%;
}
}

.instructor-tab-navigation .button:nth-child(1)
{
color: #6e7485;
border: 1px solid #e9eaf0;
background-color: transparent;
}

@media (max-width: 575px)
{
.instructor-tab-navigation .button:nth-child(1)
{
margin-bottom: 18px;
}
}

.instructor-requirements
{
padding: 32px 40px;
border-bottom: 1px solid #e9eaf0;
}

@media (max-width: 767px)
{
.instructor-requirements
{
padding: 16px;
}
}

.instructor-requirements:nth-last-child(1)
{
border: 0px;
}

.instructor-requirements__title
{
margin: 0;
font-size: 18px;
font-weight: 500;
color: #1d2026;
line-height: 24px;
text-transform: capitalize;
}

@media (max-width: 575px)
{
.instructor-requirements__title
{
width: 100%;
}
}

.instructor-requirements__header
{
display: flex;
align-items: center;
margin-bottom: 24px;
justify-content: space-between;
}

@media (max-width: 575px)
{
.instructor-requirements__header
{
align-items: flex-end;
flex-direction: column;
}
}

.instructor-requirements__header a
{
color: #ff6636;
font-weight: 500;
white-space: nowrap;
}

.instructor-requirements .wrapper-upload
{
display: grid;
gap: 48px;
grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 1024px)
{
.instructor-requirements .wrapper-upload
{
gap: 16px;
}
}

@media (max-width: 991px)
{
.instructor-requirements .wrapper-upload
{
grid-template-columns: auto;
}
}

@media (max-width: 1520px)
{
.instructor-requirements .wrapper-upload .instructor-uploads > div
{
flex-direction: column;
}
}

@media (max-width: 1024px)
{
.instructor-requirements .wrapper-upload .instructor-uploads > div
{
justify-content: center;
}
}

@media (max-width: 1520px)
{
.instructor-requirements .wrapper-upload .instructor-uploads__info
{
margin-top: 16px;
width: 100%;
}
}

@media (max-width: 991px)
{
.instructor-requirements .wrapper-upload .instructor-uploads__info p
{
width: 100%;
}
}

@media (max-width: 1520px)
{
.instructor-requirements .wrapper-upload .instructor-uploads__image
{
margin-right: 0px;
}
}

@media (max-width: 991px)
{
.instructor-requirements .wrapper-upload .instructor-uploads__image
{
width: 100%;
}
}

.instructor-requirements--description h2
{
margin-bottom: 16px;
}

.instructor-requirements--description .ck-toolbar
{
padding: 12px;
background-color: #fff;
border: 1px solid #e9eaf0;
}

.instructor-requirements--description .ck-editor__editable
{
padding: 12px 18px;
min-height: 150px;
}

.instructor-requirements--description .ck-editor__editable p
{
margin: 0px;
}

.instructor-requirements--description .ck-editor__editable_inline
{
border: 1px solid #e9eaf0 !important;
}

.instructor-requirements--description .ck.ck-editor__editable_inline > :last-child
{
margin: 0px;
}

.instructor-requirements--description .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused
{
box-shadow: none;
border-color: #ff6636;
}

.instructor-requirements--description .ck.ck-button.ck-on,
.instructor-requirements--description a.ck.ck-button.ck-on
{
background-color: #f5f7fa !important;
}

.instructor-publish
{
margin-bottom: 40px;
}

@media (max-width: 991px)
{
.instructor-publish
{
margin-bottom: 20px;
}
}

.instructor-publish h2
{
margin-bottom: 24px;
}

.instructor-publish__search-instructor
{
margin-top: 24px;
}

@media (max-width: 767px)
{
.instructor-publish__search-instructor .card-instructor
{
margin-bottom: 16px;
}
}

.instructor-publish__search-instructor .card-instructor::nth-last-child(1)
{
margin-bottom: 0px;
}

.instructor-settings .card-settings
{
margin-bottom: 24px;
}

.instructor-settings .form .form-field,
.instructor-settings .form .form-textarea,
.instructor-settings .form .form-field-social
{
margin-bottom: 18px;
}

.instructor-settings .form-checkitem
{
margin-bottom: 20px;
}

.instructor-settings .form-checkitem .form-check-input:checked + .form-check-label
{
color: #1d2026;
}

.instructor-settings .card-upload
{
margin-bottom: 20px;
}

.instructor-messages
{
margin: 0px 12px;
}

.instructor-curriculum .curriculum-section
{
margin-bottom: 32px;
}

.instructor-curriculum__adsection
{
margin-bottom: 60px;
}

.section-padding
{
padding: 80px 0;
}

@media only screen and (max-width: 767px)
{
.section-padding
{
padding: 60px 0;
}
}

.section-padding-bottom
{
padding-bottom: 100px;
}

@media only screen and (max-width: 767px)
{
.section-padding-bottom
{
padding-bottom: 60px;
}
}

.section-title
{
text-align: center;
margin-bottom: 40px;
}

.section-title h2
{
font-weight: 600;
font-size: 40px;
letter-spacing: -0.01em;
color: #1d2026;
}

@media only screen and (max-width: 767px)
{
.section-title h2
{
font-size: 32px;
}
}

@media only screen and (max-width: 479px)
{
.section-title h2
{
font-size: 28px;
}
}

.section-title.section-title2
{
display: flex;
align-items: center;
text-align: left;
justify-content: space-between;
margin-bottom: 30px;
}

.section-title.section-title2 h2
{
margin-bottom: 15px;
}

@media only screen and (max-width: 991px)
{
.section-title.section-title2
{
display: block;
text-align: center;
}
}

@media only screen and (max-width: 479px)
{
.section-title.section-title2
{
padding-top: 30px;
padding: 0 20px;
}
}

.section-title.section-title2 p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
}

.section-title.course-title
{
margin-bottom: 55px;
}

.hero-section
{
min-height: 548px;
display: flex;
align-items: center;
background-repeat: no-repeat;
background-position: center right;
background-image: none !important;
overflow: hidden;
position: relative;
z-index: 0;
background: #f0f2f5;
}

.hero-section:before
{
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
background-color: rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 991px)
{
.hero-section:before
{
content: "";
}
}

@media only screen and (max-width: 991px)
{
.hero-section
{
background: none;
background-image: url(src/images/hero-thumb.html) !important;
}
}

@media only screen and (max-width: 479px)
{
.hero-section
{
min-height: 475px;
}
}

.st_screenfix
{
margin-right: calc((-100vw + 100%) / 2);
max-width: 1640px;
}

.hero-thumb
{
height: 548px;
position: relative;
left: 5px;
-webkit-clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0 100%);
}

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

@media only screen and (max-width: 991px)
{
.hero-thumb
{
display: none;
}
}

@media (max-width: 991px)
{
.hero-content
{
text-align: center;
}
}

.hero-content h1
{
font-weight: 600;
font-size: 72px;
letter-spacing: -0.02em;
color: #1d2026;
margin-bottom: 40px;
line-height: 74px;
}

@media (max-width: 1200px)
{
.hero-content h1
{
font-size: 48px;
line-height: 62px;
margin-bottom: 20px;
}
}

@media (max-width: 575px)
{
.hero-content h1
{
font-size: 36px;
line-height: 42px;
}
}

.hero-content p
{
font-size: 24px;
line-height: 32px;
color: #4e5566;
margin-bottom: 35px;
}

@media (max-width: 1200px)
{
.hero-content p
{
font-size: 16px;
line-height: 26px;
margin-bottom: 20px;
}
}

.form-group
{
display: flex;
align-items: flex-end;
justify-content: space-between;
}

@media (max-width: 575px)
{
.form-group
{
flex-direction: column;
}
}

.form-group > div
{
width: 50%;
margin-right: 24px;
}

@media (max-width: 575px)
{
.form-group > div
{
width: 100%;
margin: 0px;
margin-bottom: 18px;
}
}

.form-group > div:nth-last-child(1)
{
margin: 0;
}

@media (max-width: 1024px)
{
.form-group--3
{
flex-direction: column;
}
}

@media (max-width: 1024px)
{
.form-group--3 > div
{
margin: 0;
width: 100%;
}
}

@media (max-width: 1200px)
{
.form-group--4
{
display: grid;
gap: 24px;
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 767px)
{
.form-group--4
{
gap: 18px;
}
}

@media (max-width: 575px)
{
.form-group--4
{
grid-template-columns: 1fr;
}
}

.form-group--4 > div
{
width: 50%;
margin-right: 24px;
}

@media (max-width: 1200px)
{
.form-group--4 > div
{
width: 100%;
margin: 0px;
}
}

.form-group--4 > div:nth-last-child(1)
{
margin: 0;
}

.form-searchbox
{
position: relative;
overflow: hidden;
}

.form-searchbox .icon
{
top: 50%;
left: 20px;
position: absolute;
transform: translateY(-50%);
}

.form-searchbox input
{
padding-left: 55px;
}

.form-field .field-wrapper
{
overflow: hidden;
position: relative;
}

.form-field .field-wrapper input
{
padding-right: 60px;
}

.form-field .field-wrapper .icon
{
top: 50%;
right: 18px;
position: absolute;
transform: translateY(100%);
transition: all 0.1s ease-in;
}

.form-field .field-wrapper .icon--eye
{
transform: translateY(-50%);
cursor: pointer;
}

.form-field .field-wrapper__count
{
top: 50%;
right: 18px;
color: #4e5566;
position: absolute;
transform: translateY(-50%);
}

.form-field--success .field-wrapper .icon--eye, .form-field--warning .field-wrapper .icon--eye
{
transform: translateY(100%);
}

.form-field--success .field-wrapper input
{
border-color: #7bd785;
background: linear-gradient(0deg, rgba(223, 242, 225, 0.5), rgba(223, 242, 225, 0.5)), linear-gradient(0deg, #ffffff, #ffffff);
}

.form-field--success .field-wrapper input:hover
{
border: 3px solid #7bd785;
}

.form-field--success .field-wrapper .icon--success
{
transform: translateY(-50%);
}

.form-field--warning .field-wrapper input
{
border-color: #ee8f8f;
background: linear-gradient(0deg, rgba(249, 234, 234, 0.5), rgba(249, 234, 234, 0.5)), linear-gradient(0deg, #ffffff, #ffffff);
}

.form-field--warning .field-wrapper input:hover
{
border: 3px solid #ee8f8f;
}

.form-field--warning .field-wrapper .icon--warning
{
transform: translateY(-50%);
}

.form-field-social .field-wrapper
{
position: relative;
}

.form-field-social .field-wrapper .icon
{
top: 50%;
left: 18px;
position: absolute;
padding-right: 12px;
transform: translateY(-50%);
border-right: 1px solid #e9eaf0;
}

.form-field-social .field-wrapper input
{
padding: 8px 18px;
padding-left: 62px;
}

.form-field-price .field-wrapper
{
position: relative;
}

.form-field-price .field-wrapper .icon,
.form-field-price .field-wrapper .text-currencies
{
top: 50%;
position: absolute;
transform: translateY(-50%);
}

.form-field-price .field-wrapper .icon
{
left: 18px;
padding-right: 8px;
}

.form-field-price .field-wrapper .text-currencies
{
right: 18px;
color: #4e5566;
}

.form-field-price .field-wrapper input
{
padding-left: 45px;
}

.form-field-reply .field-wrapper
{
position: relative;
}

.form-field-reply .field-wrapper .icon
{
top: 50%;
position: absolute;
transform: translateY(-50%);
}

.form-field-reply .field-wrapper .icon
{
left: 18px;
padding-right: 8px;
}

.form-field-reply .field-wrapper input
{
padding-left: 55px;
}

.form-textarea textarea
{
resize: none;
width: 100%;
min-height: 130px;
font-size: 16px;
overflow: hidden;
line-height: 24px;
position: relative;
padding: 12px 18px;
overflow-y: scroll;
border: 1px solid #e9eaf0;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */;
}

.form-textarea textarea::-webkit-scrollbar
{
width: 2px;
}

.form-textarea textarea::-webkit-scrollbar-track
{
background: #f1f1f1;
}

.form-textarea textarea::-webkit-scrollbar-thumb
{
background: #363b47;
}

.form-textarea textarea::-webkit-scrollbar-thumb:hover
{
background: #555;
}

.form-textarea textarea::placeholder
{
color: #8c94a3;
}

.form-agrement
{
display: flex;
align-items: center;
}

.form-agrement input
{
width: 22px;
height: 22px;
flex-shrink: 0;
margin-right: 10px;
border: 1px solid #ced1d9;
}

.form-agrement label,
.form-agrement p
{
margin: 0;
font-size: 14px;
color: #6e7485;
line-height: 22px;
white-space: nowrap;
letter-spacing: -0.01em;
text-transform: capitalize;
}

.form-agrement label a,
.form-agrement p a
{
color: #564ffd;
}

.form-agrement label a:hover,
.form-agrement p a:hover
{
color: inherit;
}

.form-selects .bv_ul_mobile
{
position: absolute !important;
max-height: none !important;
}

.form-selects .bv_ul_bg
{
display: none;
}

.form-selects .bv_mainselect
{
padding: 0px;
position: relative;
font-family: Inter;
}

.form-selects .bv_mainselect .bv_atual
{
color: #8c94a3;
font-size: 16px;
line-height: 24px;
border-radius: 0px;
}

.form-selects .bv_mainselect .bv_atual .arrow
{
border-color: #1d2026;
border-width: 0px 1.5px 1.5px 0px;
}

.form-selects .bv_mainselect .bv_ul_inner
{
bottom: auto !important;
top: 100% !important;
left: 0px !important;
height: auto !important;
overflow: visible !important;
margin: 0px;
border-top: 0px !important;
padding: 12px 0px;
border-radius: 0px;
position: absolute !important;
width: 100% !important;
border: 1px solid #e9eaf0 !important;
box-shadow: 0px 6px 16px 0px #0000000f;
}

.form-selects .bv_mainselect .bv_ul_inner li
{
padding: 5px 18px !important;
color: #4e5566;
transition: all 0.3s linear;
}

.form-selects .bv_mainselect .bv_ul_inner li:hover
{
color: #1d2026;
background-color: #ffeee8;
}

.form-upload
{
position: relative;
border-right: 0px;
}

.form-upload:hover
{
border: 1px solid #e9eaf0;
border-right: 0px;
}

.form-upload input
{
display: none;
}

.form-upload .button
{
top: 50%;
right: 0px;
width: auto;
cursor: pointer;
position: absolute;
transform: translateY(-50%);
}

.form-attach
{
padding: 24px;
position: relative;
text-align: center;
border: 1px solid #e9eaf0;
}

.form-attach input
{
display: none;
}

.form-attach label
{
width: 100%;
height: 100%;
}

.form-attach label span
{
width: 100%;
display: inline-block;
}

.form-attach label .title
{
font-size: 16px;
color: #1d2026;
font-weight: 500;
line-height: 22px;
margin-bottom: 8px;
text-transform: capitalize;
}

.form-attach label .cap
{
color: #8c94a3;
}

.register-title
{
font-size: 40px;
font-weight: 600;
color: #1d2026;
line-height: 48px;
text-align: center;
margin-bottom: 40px;
letter-spacing: -0.01em;
text-transform: capitalize;
}

@media (max-width: 575px)
{
.register-title
{
font-size: 32px;
line-height: 42px;
}
}

.register .form-group:nth-last-child(1)
{
margin-top: 40px;
margin-bottom: 0px;
}

.register .form-group .form-check
{
width: 100%;
margin: 0px;
}

@media (max-width: 575px)
{
.register .form-group .form-check
{
margin-bottom: 16px;
}
}

.register .form-group .form-check-input
{
border-color: #ced1d9;
}

.register .form-group .form-check-input:checked
{
border-color: transparent;
}

.register .form-group .form-check-input:checked + .form-check-label
{
color: #1d2026;
}

.register .form-group .form-check-label
{
color: #6e7485;
white-space: nowrap;
}

.register .form-signup
{
margin-top: 32px;
}

.register .form-signup h6
{
font-size: 14px;
color: #8c94a3;
line-height: 14px;
position: relative;
text-align: center;
margin-bottom: 24px;
text-transform: uppercase;
}

.register .form-signup h6::after, .register .form-signup h6::before
{
content: "";
top: 50%;
height: 1px;
position: absolute;
width: calc(50% - 70px);
transform: translateY(-50%);
background-color: #e9eaf0;
}

.register .form-signup h6::after
{
right: 0px;
}

.register .form-signup h6::before
{
left: 0px;
}

.register .form-signup__wrapper
{
display: flex;
align-items: center;
justify-content: space-around;
}

.register-formWrapper .form-group
{
margin-bottom: 18px;
}

.searchbox-course
{
position: relative;
}

.searchbox-course input
{
padding: 0px 52px 0px 48px;
border: 1px solid #e9eaf0;
height: 48px;
width: 100%;
transition: 0.3s;
}

.searchbox-course .course-search-icon-left
{
position: absolute;
top: 13px;
left: 21px;
}

.searchbox-course .course-search-icon-right
{
position: absolute;
top: 11px;
right: 21px;
margin-top: 3px;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
cursor: pointer;
}

.searchbox-course ::-webkit-input-placeholder
{
  /* Chrome/Opera/Safari */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.searchbox-course ::-moz-placeholder
{
  /* Firefox 19+ */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.searchbox-course :-ms-input-placeholder
{
  /* IE 10+ */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.searchbox-course :-moz-placeholder
{
  /* Firefox 18- */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.searchbox-course input:focus
{
border: 1px solid #ff6636;
}

.searchbox-course input:hover
{
border: 1px solid #ffddd1;
}

.course-searchbox-input
{
position: relative;
display: flex;
}

.course-searchbox-input input
{
padding: 0px 0 0px 54px;
border: 1px solid #e9eaf0;
height: 48px;
width: 100%;
transition: 0.3s;
margin-right: 10px;
}

.course-searchbox-input .course-search-icon-left
{
position: absolute;
top: 13px;
left: 21px;
}

.course-searchbox-input .course-search-icon-right
{
position: absolute;
top: 11px;
right: 21px;
margin-top: 3px;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
cursor: pointer;
}

.course-searchbox-input ::-webkit-input-placeholder
{
  /* Chrome/Opera/Safari */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.course-searchbox-input ::-moz-placeholder
{
  /* Firefox 19+ */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.course-searchbox-input :-ms-input-placeholder
{
  /* IE 10+ */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.course-searchbox-input :-moz-placeholder
{
  /* Firefox 18- */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.course-searchbox-input input:focus
{
border: 1px solid #ff6636;
}

.course-searchbox-input input:hover
{
border: 1px solid #ffddd1;
}

.searchbox-input-card
{
padding: 0px 52px 0px 21px !important;
}

.course-searchbox-success
{
position: relative;
}

.course-searchbox-success input
{
padding: 0px 0 0px 48px;
border: 1px solid #7bd785;
height: 48px;
width: 100%;
transition: 0.3s;
background: linear-gradient(0deg, rgba(223, 242, 225, 0.5), rgba(223, 242, 225, 0.5)), #ffffff;
}

.course-searchbox-success .course-search-icon-left
{
position: absolute;
top: 13px;
left: 21px;
}

.course-searchbox-success .course-search-icon-right
{
position: absolute;
top: 8px;
right: 21px;
margin-top: 3px;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
cursor: pointer;
}

.course-searchbox-success ::-webkit-input-placeholder
{
  /* Chrome/Opera/Safari */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.course-searchbox-success ::-moz-placeholder
{
  /* Firefox 19+ */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.course-searchbox-success :-ms-input-placeholder
{
  /* IE 10+ */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.course-searchbox-success :-moz-placeholder
{
  /* Firefox 18- */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.course-searchbox-success input:focus
{
border: 1px solid #7bd785;
}

.course-searchbox-success input:hover
{
border: 1px solid #7bd785;
}

.course-searchbox-warning
{
position: relative;
}

.course-searchbox-warning input
{
padding: 0px 0 0px 48px;
border: 1px solid #f9eaea;
height: 48px;
width: 100%;
transition: 0.3s;
background: linear-gradient(0deg, rgba(249, 234, 234, 0.5), rgba(249, 234, 234, 0.5)), #ffffff;
}

.course-searchbox-warning .course-search-icon-left
{
position: absolute;
top: 13px;
left: 21px;
}

.course-searchbox-warning .course-search-icon-right
{
position: absolute;
top: 8px;
right: 21px;
margin-top: 3px;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
cursor: pointer;
}

.course-searchbox-warning ::-webkit-input-placeholder
{
  /* Chrome/Opera/Safari */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.course-searchbox-warning ::-moz-placeholder
{
  /* Firefox 19+ */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.course-searchbox-warning :-ms-input-placeholder
{
  /* IE 10+ */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.course-searchbox-warning :-moz-placeholder
{
  /* Firefox 18- */
color: #8c94a3;
font-size: 16px;
font-weight: 400;
}

.course-searchbox-warning input:focus
{
border: 1px solid #ee8f8f;
}

.course-searchbox-warning input:hover
{
border: 1px solid #ee8f8f;
}

input[type=checkbox]:focus
{
box-shadow: none;
outline: 0 none;
}

input[type=checkbox]:checked + .form-check-label
{
color: #ff6636;
}

input[type=checkbox]:checked + .checkbox-box.form-check-right
{
color: #4e5566 !important;
}

.checkbox-box
{
display: flex;
justify-content: space-between;
}

.checkbox-box .form-check-right
{
font-size: 12px;
line-height: 16px;
color: #8c94a3;
}

.form-check-input[type=checkbox]
{
border-radius: 0px;
border: 1px solid #ff6636;
}

.form-check-label label
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #1d2026;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none !important;
}

input[type=checkbox]:checked
{
background-color: #ff6636;
color: #ffffff !important;
cursor: pointer;
}

.dropdown-select
{
border: 1px solid #e9eaf0;
}

.create-course-label
{
display: flex;
justify-content: space-between;
border-bottom: 2px solid #ff6636;
padding: 21px;
margin-bottom: 10px;
}

.create-course-label h4
{
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
margin: 0;
}

.create-course-label h4 svg
{
margin-right: 8px;
}

.create-course-label span
{
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-align: right;
color: #23bd33;
align-self: center;
}

.create-course-label.course-label-one
{
border: none;
}

.create-course-label.course-label-one h4
{
color: #6e7485;
}

.create-course-label.course-label-one h4 svg path
{
stroke: #6e7485;
}

.create-course-label.course-label-one h4 svg path.gray-color
{
fill: #6e7485;
}

.create-course-label.course-label-two
{
border: none;
}

.create-course-label.course-label-two h4
{
color: #1d2026;
}

.create-course-label.course-label-two h4 svg path
{
stroke: #1d2026;
}

.create-course-label.course-label-two h4 svg path.color-black
{
fill: #1d2026;
}

.default-input-field
{
position: relative;
margin-bottom: 20px;
}

.default-input-field label
{
font-size: 14px;
letter-spacing: -0.01em;
color: #1d2026;
display: block;
margin-bottom: 6px;
}

.default-input-field textarea
{
height: 112px !important;
resize: none;
}

.default-input-field input,
.default-input-field textarea
{
width: 100%;
height: 48px;
font-size: 16px;
font-weight: 400;
padding: 10px 50px 10px 18px;
transition: all 0.3s;
border: 1px solid #e9eaf0;
transition: all 0.3s;
}

.default-input-field input:hover,
.default-input-field textarea:hover
{
border: 1px solid #ffddd1;
}

.default-input-field input:focus,
.default-input-field textarea:focus
{
border: 1px solid #ee8f8f;
}

.default-input-field input::-webkit-input-placeholder,
.default-input-field textarea::-webkit-input-placeholder
{
  /* WebKit, Blink, Edge */
color: #8c94a3;
opacity: 1;
}

.default-input-field input:-moz-placeholder,
.default-input-field textarea:-moz-placeholder
{
  /* Mozilla Firefox 4 to 18 */
color: #8c94a3;
opacity: 1;
}

.default-input-field input::-moz-placeholder,
.default-input-field textarea::-moz-placeholder
{
  /* Mozilla Firefox 19+ */
color: #8c94a3;
opacity: 1;
}

.default-input-field input:-ms-input-placeholder,
.default-input-field textarea:-ms-input-placeholder
{
  /* Internet Explorer 10-11 */
color: #8c94a3;
opacity: 1;
}

.default-input-field input::-ms-input-placeholder,
.default-input-field textarea::-ms-input-placeholder
{
  /* Microsoft Edge */
color: #8c94a3;
opacity: 1;
}

.default-input-field input::placeholder,
.default-input-field textarea::placeholder
{
  /* Most modern browsers support this now. */
color: #8c94a3;
opacity: 1;
}

.default-input-field .select-box
{
position: absolute;
top: 40px;
right: 0;
}

.default-input-field .select-box .custom-select-trigger
{
min-width: 71px;
color: #4e5566;
margin: 0;
}

span.default-input-field-content
{
font-family: Inter;
font-size: 14px;
letter-spacing: -0.01em;
color: #4e5566;
position: absolute;
top: 40px;
right: 18px;
cursor: pointer;
}

.default-input-field.input-dropdown input
{
padding-right: 75px;
}

.default-input-field.icon-field input
{
padding: 5px 0 5px 65px;
}

span.default-input-field-icon
{
position: absolute;
left: 20px;
border-right: 1px solid #e9eaf0;
padding: 4px 10px 7px 0px;
top: 33px;
}

.searchbox.searchbox-course.default-field label
{
font-size: 14px;
letter-spacing: -0.01em;
color: #1d2026;
display: block;
margin-bottom: 6px;
}

.searchbox.searchbox-course.default-field input
{
background-color: transparent;
}

.searchbox.searchbox-course.default-field span.course-search-icon-right
{
top: 38px;
}

.searchbox.searchbox-course.default-field svg.course-search-icon-left
{
top: 39px;
}

.card
{
border: 0px;
border-radius: 0px;
box-sizing: border-box;
background-clip: border-box;
}

.card-title
{
margin: 0;
}

.card-header, .card-body
{
padding: 0px;
background-color: #fff;
}

.card-header
{
border: 0px;
padding: 16px 20px;
box-shadow: 0px -1px 0px 0px #e9eaf0 inset;
}

.card-header .bv_mainselect,
.card-header .bv_atual
{
padding: 0px;
}

.card-activity .card-title
{
font-size: 16px;
overflow: hidden;
color: #1d2026;
font-weight: 500;
line-height: 22px;
white-space: nowrap;
text-transform: capitalize;
}

.card-activity .card-header
{
display: flex;
align-items: center;
justify-content: space-between;
}

.card-activity .card-header .bv_ul_mobile
{
position: absolute !important;
}

.card-activity .card-header .bv_ul_bg
{
position: static !important;
display: none;
}

.card-activity .card-header .bv_mainselect
{
position: relative;
font-family: Inter;
}

.card-activity .card-header .bv_mainselect .bv_background
{
background-color: transparent;
}

.card-activity .card-header .bv_mainselect .bv_atual
{
border: 0px;
display: flex;
white-space: nowrap;
align-items: center;
}

.card-activity .card-header .bv_mainselect .bv_atual .arrow
{
border-color: #6e7485;
border-width: 0px 1.2px 1.2px 0px;
}

.card-activity .card-header .bv_mainselect .bv_atual .arrows_bv
{
margin-left: 12px;
margin-top: -2px;
}

.card-activity .card-header .bv_mainselect .bv_ul_inner
{
padding: 8px 0px;
border-radius: 0px;
top: 100% !important;
z-index: 2 !important;
left: auto !important;
right: 0px !important;
height: auto !important;
width: 160px !important;
margin: auto !important;
background-color: #fff;
max-height: 480px !important;
border: 1px solid #e9eaf0 !important;
position: absolute !important;
box-shadow: 0px 6px 16px 0px #0000000f;
}

.card-activity .card-header .bv_mainselect .bv_ul_inner li
{
color: #4e5566;
padding: 6px 18px !important;
transition: all 0.3s linear;
}

.card-activity .card-header .bv_mainselect .bv_ul_inner li:hover
{
color: #1d2026;
background-color: #ffeee8;
}

.card-activity .card-body .chart-info
{
margin-top: 24px;
margin-left: 10px;
padding-bottom: 20px;
}

.card-activity .card-body .chart-info h6
{
font-size: 20px;
color: #1d2026;
font-weight: 500;
line-height: 26px;
margin-bottom: 4px;
text-transform: capitalize;
}

.card-activity .card-body .chart-info p
{
color: #6e7485;
}

.card-activity #viewChart,
.card-activity #revenueChart
{
margin-top: 20px;
}

.card-instructor
{
padding: 16px;
display: flex;
overflow: hidden;
position: relative;
align-items: center;
background-color: #f5f7fa;
}

.card-instructor .image
{
width: 48px;
height: 48px;
overflow: hidden;
margin-right: 12px;
border-radius: 50%;
}

.card-instructor .image img
{
width: inherit;
height: inherit;
}

.card-instructor .info h6
{
margin: 0;
color: #1d2026;
font-weight: 600;
}

.card-instructor .info p
{
color: #6e7485;
}

.card-instructor .close
{
top: 50%;
right: 16px;
color: #4e5566;
position: absolute;
transform: translateY(-50%);
}

@media (max-width: 575px)
{
.card-instructor .close
{
top: 12px;
transform: translateY(0px);
}
}

.card-instructor .close:hover
{
color: #1d2026;
}

.card-settings
{
padding: 40px;
background-color: #fff;
}

.card-settings__title
{
margin-bottom: 24px;
}

.card-upload
{
padding: 32px;
background-color: #f1f0ef;
}

.card-upload__info
{
font-size: 12px;
color: #6e7485;
line-height: 16px;
text-align: center;
text-transform: capitalize;
}

.instructor-uploads > div
{
display: flex;
}

.instructor-uploads .instructor-requirements__title
{
margin-bottom: 16px;
}

.instructor-uploads__image
{
width: 228px;
height: 160px;
overflow: hidden;
margin-right: 24px;
position: relative;
background-color: #f5f7fa;
}

.instructor-uploads__image img,
.instructor-uploads__image video
{
width: inherit;
height: inherit;
object-fit: contain;
}

.instructor-uploads__info p
{
width: 345px;
color: #6e7485;
margin-bottom: 24px;
}

@media (max-width: 575px)
{
.instructor-uploads__info p
{
width: 100%;
}
}

.instructor-uploads__info p b
{
font-weight: 500;
color: #1d2026;
}

.instructor-uploads__info .upload input
{
display: none;
}

.instructor-uploads__info .upload .button
{
width: auto;
float: left;
cursor: pointer;
}

.course-item-4
{
position: relative;
margin-bottom: 30px;
}

.course-item-4 a
{
display: block;
}

.course-item-4 .course-item-5-card-img
{
height: 234px;
}

.course-item-4-card
{
background-color: #fff;
border: 1px solid #e9eaf0;
}

.course-item-4-card .course-item-4-card-img
{
transition: 0.3s;
overflow: hidden;
height: 228px;
padding: 0;
}

.course-item-4-card .course-item-4-card-img img
{
height: 100%;
width: 100%;
transition: 0.3s;
object-fit: cover;
}

.course-item-4-card:hover img
{
transform: scale(1.08);
}

.course-item-4-card-info
{
display: flex;
justify-content: space-between;
padding: 16px 18px 0 18px;
}

.course-item-4-card-info button
{
border: none;
background-color: none;
}

.course-item-4-card-info-tag
{
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
color: #993d20;
padding: 4px 6px;
background-color: #ffeee8;
}

.course-item-4-card-info-price
{
margin: 0;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #ff6636;
}

.course-item-4-card a
{
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: -0.01em;
color: #1d2026;
margin: 0;
padding: 8px 18px 16px 18px;
}

.course-item-4-card .title-link
{
font-size: 12px;
line-height: 16px;
color: #6e7485;
margin-bottom: 2px;
}

.course-item-4-card-footer
{
display: flex;
justify-content: space-between;
border-top: 1px solid #e9eaf0;
padding: 17px 18px;
}

.course-item-4-card-footer-review
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #4e5566;
}

.course-item-4-card-footer-review svg
{
margin-right: 7px;
margin-bottom: 3px;
}

.course-item-4-card-footer-student
{
font-weight: 500;
font-size: 14px;
margin: 0;
letter-spacing: -0.01em;
color: #4e5566;
}

.course-item-4-card-footer-student svg
{
margin-left: 7px;
}

.course-item-4-card-footer-student span
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #8c94a3;
font-weight: 400;
}

.course-item-4 .course-item-5-card-head
{
font-size: 16px;
line-height: 22px;
margin: 0;
}

.title-link
{
font-size: 12px;
line-height: 16px;
color: #6e7485;
margin-bottom: 2px;
}

.course-item-4:hover .course-hover-detalis
{
opacity: 1;
visibility: visible;
}

.course-hover-detalis
{
border: 1px solid #e9eaf0;
box-sizing: border-box;
box-shadow: 0px 4px 20px rgba(29, 32, 38, 0.12);
width: calc(100% + 160px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
z-index: 1;
transition: all 0.3s;
opacity: 0;
visibility: hidden;
}

@media only screen and (max-width: 1499px)
{
.course-hover-detalis
{
width: calc(100% + 65px);
}
}

@media only screen and (max-width: 1199px)
{
.course-hover-detalis
{
width: 100%;
}
}

.course-hover-detalis .feature-course-right-content
{
padding: 20px;
}

.course-hover-detalis .feature-course-info
{
margin-bottom: 10px;
}

.course-hover-detalis a.feature-course-head
{
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #1d2026 !important;
margin-bottom: 15px;
}

@media only screen and (max-width: 1499px)
{
.course-hover-detalis a.feature-course-head
{
font-size: 16px;
}
}

.course-hover-detalis .feature-course-mid
{
margin-bottom: 20px;
}

.course-hover-detalis .feature-course-mid img
{
height: 48px;
width: 48px;
}

.course-hover-detalis .feature-course-mid img p
{
font-size: 16px;
}

.course-hover-detalis .feature-course-mid img p span
{
font-size: 16px;
}

.course-hover-detalis .feature-course-user-data
{
display: block !important;
}

.course-hover-detalis .feature-course-user-data p
{
font-size: 14px;
letter-spacing: -0.01em;
color: #8c94a3;
padding-left: 12px;
margin: 0;
}

.course-hover-detalis .feature-course-right-content-header
{
padding: 0;
}

.course-hover-detalis .feature-course-footer
{
padding: 0;
border-top: 0;
}

.course-hover-detalis .price-discount
{
border-bottom: 1px solid #e9eaf0;
padding: 0 20px 20px;
display: flex;
align-items: center;
justify-content: space-between;
}

.course-hover-detalis .price-discount h5
{
font-size: 24px;
color: #1d2026;
margin: 0;
display: flex;
align-items: center;
}

.course-hover-detalis .price-discount h5 del
{
color: #8c94a3;
font-size: 16px;
margin: 0 5px;
margin-right: 10px;
}

.course-hover-detalis .price-discount h5 span
{
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: #ff6636;
background-color: #ffeee8;
padding: 8px 12px;
}

.course-hover-detalis .price-discount .heart-icon
{
width: 48px;
height: 48px;
background: #ffeee8;
text-align: center;
line-height: 47px;
cursor: pointer;
}

.course-hover-detalis .what-your-learn
{
padding: 20px;
border-bottom: 1px solid #e9eaf0;
}

.course-hover-detalis .what-your-learn h5
{
font-weight: 500;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
color: #1d2026;
}

.course-hover-detalis .what-your-learn ul
{
margin: 0;
padding: 0;
list-style: none;
}

.course-hover-detalis .what-your-learn ul li
{
padding-left: 30px;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
position: relative;
margin-bottom: 8px;
}

.course-hover-detalis .what-your-learn ul li svg
{
position: absolute;
left: 0;
top: 7px;
}

.course-hover-detalis .hover-footesection
{
padding: 20px 20px 30px;
}

@media only screen and (max-width: 1199px)
{
.course-hover-detalis .hover-footesection
{
padding: 20px 20px 10px;
}
}

.course-hover-detalis .hover-footesection a.default-btn
{
margin-bottom: 12px;
}

.course-hover-detalis .hover-footesection a.default-btn svg
{
margin-right: 10px;
}

.course-item-4-footer
{
transition: 0.3s;
}

.course-lecture
{
background-color: #fff;
position: relative;
transition: 0.3s;
border: 1px solid #e9eaf0;
}

.course-lecture-img
{
height: 220px;
}

.course-lecture-img a
{
display: block;
}

.course-lecture-img img
{
height: 100%;
width: 100%;
object-fit: cover;
}

.course-lecture .all-title
{
padding: 16px;
}

.course-lecture .title-link
{
font-size: 12px;
line-height: 16px;
color: #6e7485;
margin-bottom: 10px;
}

.course-lecture .title-link-no
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #1d2026;
}

.course-lecture .course-lecture-footer
{
display: flex;
justify-content: space-between;
border-top: 1px solid #e9eaf0;
padding: 17px 18px;
}

.course-lecture .course-lecture-footer .percent-complete
{
align-self: center;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #23bd33;
}

a.course-lecture-img
{
display: block;
}

.course-lecture-watched
{
background-color: #fff;
transition: 0.3s;
position: relative;
border: 1px solid #e9eaf0;
}

.course-lecture-watched-img a
{
height: 100%;
width: 100%;
}

.course-lecture-watched-img a img
{
height: 100%;
width: 100%;
}

.course-lecture-watched .all-title
{
padding: 16px;
}

.course-lecture-watched .title-link
{
font-size: 12px;
line-height: 16px;
color: #6e7485;
margin-bottom: 10px;
}

.course-lecture-watched .title-link-no
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #1d2026;
}

.course-lecture-watched .course-lecture-footer
{
display: flex;
justify-content: space-between;
border-top: 1px solid #e9eaf0;
padding: 17px 18px;
}

.course-lecture-watched .course-lecture-footer .percent-complete
{
align-self: center;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #23bd33;
}

.red-border
{
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 61%;
background-color: #ff6636;
}

.course-lecture-watched:hover
{
border: 1px solid transparent;
box-shadow: 0px 12px 48px rgba(29, 32, 38, 0.12);
}

.course-lecture:hover
{
border: 1px solid transparent;
box-shadow: 0px 12px 48px rgba(29, 32, 38, 0.12);
}

.course-item-4-footer:hover
{
background: #ffffff;
box-shadow: 0px 12px 48px rgba(29, 32, 38, 0.12);
}

.course-item-4-a
{
display: unset;
}

.course-section.grid5
{
background: #f5f7fa;
padding: 80px 0 320px;
}

@media only screen and (max-width: 767px)
{
.course-section.grid5
{
padding: 60px 0 320px;
}
}

.course-section.bg-gray
{
background: #f5f7fa;
}

.course-item-5
{
max-width: 100%;
flex: 0 0 18.9%;
margin-bottom: 20px;
}

.course-item-5 a
{
display: block;
}

@media only screen and (max-width: 1499px)
{
.course-item-5
{
flex: 0 0 23.9%;
}
}

@media only screen and (max-width: 1199px)
{
.course-item-5
{
flex: 0 0 32.1%;
}
}

@media only screen and (max-width: 991px)
{
.course-item-5
{
flex: 0 0 48.7%;
}
}

@media only screen and (max-width: 767px)
{
.course-item-5
{
flex: 0 0 48.3%;
}
}

.course-item-5-card
{
background-color: #fff;
border: 1px solid #e9eaf0;
overflow: hidden;
}

.course-item-5-card img
{
height: 100%;
width: 100%;
object-fit: cover;
transition: 0.3s;
}

.course-item-5-card-img
{
overflow: hidden;
height: 182px;
}

.course-item-5-card:hover img
{
transform: scale(1.08);
}

.course-item-5-card-info
{
display: flex;
justify-content: space-between;
padding: 16px 14px 0 14px;
}

.course-item-5-card-info button
{
border: none;
background-color: none;
}

.course-item-5-card-info-img
{
overflow: hidden;
height: 182px;
}

@media only screen and (max-width: 991px)
{
.course-item-5-card-info-img
{
height: 240px;
}
}

.course-item-5-card-info-tag
{
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
color: #993d20;
padding: 4px 6px;
background-color: #ffeee8;
}

.course-item-5-card-info-price
{
margin: 0;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #ff6636;
}

.course-item-5-card-head
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #1d2026 !important;
margin: 0;
padding: 10px 14px 14px 14px;
}

.course-item-5-card-footer
{
display: flex;
justify-content: space-between;
border-top: 1px solid #e9eaf0;
padding: 15px 14px;
}

.course-item-5-card-footer-review
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #4e5566;
}

.course-item-5-card-footer-review svg
{
margin-right: 7px;
margin-bottom: 3px;
}

.course-item-5-card-footer-student
{
font-weight: 500;
font-size: 14px;
margin: 0;
letter-spacing: -0.01em;
color: #4e5566;
}

.course-item-5-card-footer-student span
{
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: -0.01em;
color: #8c94a3;
}

button.course-item-5-card-info-tag.tag-color2
{
color: #342f98;
background-color: #ebebff;
}

button.course-item-5-card-info-tag.tag-color3
{
color: #15711f;
background: #e1f7e3;
}

.course-item-5-grid
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

@media only screen and (max-width: 1499px)
{
.course-item-5-grid
{
justify-content: inherit;
column-gap: 14.9px;
}
}

@media only screen and (max-width: 767px)
{
.course-item-5-grid
{
display: block;
}
}

.feature-course-section
{
margin-top: -255px;
}

.feature-course-wrap
{
border: 1px solid #e9eaf0;
padding: 80px 80px 60px 80px;
width: calc(100% + 160px);
margin-left: -80px;
background-color: #fff;
}

@media only screen and (max-width: 1499px)
{
.feature-course-wrap
{
padding: 40px 40px 20px 40px;
width: 100%;
margin: 0;
}
}

@media only screen and (max-width: 479px)
{
.feature-course-wrap
{
padding: 0;
padding-top: 30px;
}
}

.feature-course
{
border: 1px solid #e9eaf0;
display: flex;
overflow: hidden;
background-color: #fff;
transition: 0.3s;
flex-wrap: wrap;
margin-bottom: 24px;
}

.feature-course img
{
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;
overflow: hidden;
}

.feature-course:hover img
{
transform: scale(1.08);
}

.feature-course:hover
{
box-shadow: 0px 12px 32px rgba(29, 32, 38, 0.1);
}

.feature-course:hover .feature-course-head
{
color: #ff6636;
}

.feature-course:hover .feature-course-mid h5
{
color: #333;
}

.feature-course-left
{
overflow: hidden;
}

.feature-course-left a.feature-course-img
{
display: block;
}

.feature-course-left .feature-course-img
{
height: 203px;
width: 220px;
}

@media only screen and (max-width: 767px)
{
.feature-course-left .feature-course-img
{
width: 100%;
}
}

.feature-course-right
{
flex: 1;
}

.feature-course-right-content-header
{
padding: 18px 13px 18px 20px;
}

.feature-course-info
{
display: flex;
justify-content: space-between;
}

.feature-course-info button
{
border: none;
background-color: none;
}

.feature-course-info-tag
{
font-weight: 600;
font-size: 10px;
line-height: 24px;
text-transform: uppercase;
color: #15711f;
padding: 0px 6px;
background: #e1f7e3;
}

.feature-course-info-price
{
font-size: 18px;
line-height: 24px;
letter-spacing: -0.015em;
color: #1d2026;
}

.feature-course-info-price span
{
font-size: 14px;
line-height: 24px;
text-decoration-line: line-through;
color: #a1a5b3;
}

.feature-course .feature-course-footer
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.feature-course-mid
{
display: flex;
justify-content: space-between;
}

.feature-course-mid div
{
display: flex;
}

.feature-course-mid img
{
height: 28px;
width: 28px;
border-radius: 50%;
}

.feature-course-mid h5
{
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
align-self: center;
margin: 0;
padding-left: 12px;
display: inline-block;
transition: 0.3s;
}

.feature-course-mid p
{
font-family: "DM Sans";
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #1d2026;
margin-left: 6px;
align-self: center;
}

.feature-course-mid p span
{
font-size: 14px;
line-height: 24px;
color: #a1a5b3;
font-weight: 400;
}

.feature-course-footer
{
display: flex;
justify-content: space-between;
border-top: 1px solid #e9eaf0;
padding: 20px 24px;
}

.feature-course-footer p
{
display: inline-block;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
}

.feature-course-footer span
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #8c94a3;
font-weight: 400;
}

.feature-course-footer svg
{
margin-right: 6px;
}

.feature-course-footer .p-color
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #4e5566;
}

.feature-course-head
{
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
padding: 10px 0 17px 0;
margin: 0;
transition: 0.3s;
}

.tag-color4
{
color: #1d2026;
background: #f5f7fa;
}

.tag-color5
{
color: #993d20;
background: #ffeee8;
}

.tag-color6
{
color: #65390c;
background: #fff2e6;
}

.withdrew-money-card
{
display: flex;
overflow: hidden;
flex-wrap: wrap;
padding: 24px;
margin-bottom: 24px;
background-color: #fff;
}

.withdrew-money-card img
{
width: 220px;
height: 100%;
object-fit: cover;
transition: 0.3s;
overflow: hidden;
}

.withdrew-money-card:hover img
{
transform: scale(1.08);
}

.withdrew-money-card:hover .feature-course-head
{
color: #ff6636;
}

.withdrew-money-card:hover .feature-course-mid h5
{
color: #333;
}

.withdrew-money-card-left
{
width: 352px;
height: 100%;
overflow: hidden;
}

.withdrew-money-card-left .withdrew-money-card-img
{
width: 352px;
height: 264px;
}

@media only screen and (max-width: 991px)
{
.withdrew-money-card-left .withdrew-money-card-img
{
width: 100%;
}
}

.withdrew-money-card-left .withdrew-money-card-img img
{
width: 100%;
height: 100%;
object-fit: cover;
}

.withdrew-money-card-right
{
flex: 1;
}

.withdrew-money-card-right-content-header
{
padding: 0px 24px 0px 20px;
}

.withdrew-money-card-info
{
display: flex;
column-gap: 16px;
}

.withdrew-money-card-info p
{
font-size: 12px;
line-height: 16px;
color: #8c94a3;
}

.withdrew-money-card-info span
{
font-size: 12px;
line-height: 16px;
color: #4e5566;
}

.withdrew-money-card .withdrew-money-card-head
{
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 26px;
color: #1d2026;
padding: 12px 0 8px 0;
}

.withdrew-money-card .withdrew-money-card-p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
}

.withdrew-money-card .withdrew-money-card-footer
{
display: flex;
justify-content: space-between;
border-top: 1px solid #e9eaf0;
margin-left: 24px;
}

.withdrew-money-card-mid
{
display: flex;
justify-content: space-between;
margin: 24px 0;
flex-wrap: wrap;
}

.withdrew-money-card-mid-inner
{
display: flex;
column-gap: 12px;
}

.withdrew-money-card-mid-inner-img-2
{
margin-left: -30px;
}

.withdrew-money-card-mid img
{
height: 50px;
width: 50px;
border-radius: 50%;
border: 2px solid #f1f1f1;
}

.withdrew-money-card-mid h5
{
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
align-self: center;
margin: 0;
transition: 0.3s;
margin-bottom: 4px;
}

.withdrew-money-card-mid .withdrew-money-card-profile-name
{
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
margin-right: 21px;
}

@media only screen and (max-width: 479px)
{
.withdrew-money-card-mid .withdrew-money-card-profile-name
{
display: block;
}
}

.withdrew-money-card-mid .withdrew-money-card-profile-name :last-child
{
margin-right: 0;
}

.withdrew-money-card-mid .withdrew-money-card-profile-name-2
{
position: relative;
}

.withdrew-money-card-mid .withdrew-money-card-profile-name-2:after
{
position: absolute;
content: " ";
top: 50%;
left: -12px;
height: 6px;
width: 6px;
border-radius: 50%;
background-color: #000;
transform: translate(-50%, -50%);
}

.withdrew-money-card-mid p
{
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: -0.01em;
color: #1d2026;
margin-left: 6px;
align-self: center;
display: inline-block;
}

.withdrew-money-card-mid p span
{
font-size: 14px;
line-height: 24px;
color: #a1a5b3;
font-weight: 400;
}

.withdrew-money-card-footer
{
display: flex;
justify-content: space-between;
padding: 24px 0px 0px 0px;
}

.withdrew-money-card-footer .item-box-all
{
display: flex;
}

.withdrew-money-card-footer .item-box-all .item-box
{
margin-right: 64px;
}

.withdrew-money-card-footer .item-box-all .item-box:last-child
{
margin-right: 0px;
}

.withdrew-money-card-footer .item-box-all .item-box p
{
font-size: 20px;
line-height: 32px;
color: #1d2026;
}

.withdrew-money-card-footer .item-box-all .item-box span
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
margin-top: 4px;
}

.withdrew-money-card-footer .item-box-all .item-box-line
{
position: relative;
}

.withdrew-money-card-footer .item-box-all .item-box-line:after
{
position: absolute;
content: " ";
top: 15%;
left: -35px;
background-color: #e9eaf0;
height: 70%;
width: 1px;
}

.withdrew-money-card-footer-item
{
align-self: flex-end;
}

.withdrew-money-card-footer-item button
{
height: 48px;
width: 48px;
line-height: 47px;
text-align: center;
border: 0;
background-color: #f5f7fa;
margin-left: 12px;
transition: 0.3s;
}

.withdrew-money-card-footer-item button svg
{
transition: 0.3s;
}

.withdrew-money-card-footer-item button svg path
{
transition: 0.3s;
}

.withdrew-money-card-footer-item button:hover
{
background-color: #cc522b;
}

.withdrew-money-card-footer-item button:hover svg path
{
stroke: #fff;
fill: #fff;
}

.withdrew-money-card-footer a
{
font-weight: 600;
font-size: 16px;
line-height: 48px;
letter-spacing: -0.008em;
text-transform: capitalize;
background-color: #ff6636;
color: #fff;
padding: 0 24px;
transition: 0.3s;
}

.withdrew-money-card-footer a:hover
{
background-color: #cc522b;
color: #fff;
}

.withdrew-money-card-footer a:hover a:hover
{
background-color: #cc522b;
color: #fff;
}

.withdrew-money-card .course-searchbox-header
{
display: flex;
justify-content: space-between;
}

.withdrew-money-card .course-searchbox-header h4
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #1d2026;
}

.withdrew-money-card .course-searchbox-header a
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #564ffd;
}

.feature-course-profile
{
display: block;
}

@media only screen and (max-width: 767px)
{
.feature-course img
{
width: 100%;
}

.feature-course
{
flex-direction: column;
}

.feature-course-mid img
{
height: 28px;
width: 28px;
border-radius: 50%;
}

.feature-course-head
{
font-size: 14px;
}

.feature-course-mid h5
{
padding-left: 5px;
}

.feature-course-mid p
{
font-size: 13px;
}

.feature-course-footer-item
{
margin-bottom: 5px;
}

.feature-course-footer-item :last-child
{
margin-bottom: 0;
}

.feature-course-right-content-header
{
padding: 10px;
}

.feature-course-footer
{
padding: 14px !important;
}
}

@media only screen and (max-width: 991px)
{
.withdrew-money-card-footer-item
{
margin-top: 20px;
}

.withdrew-money-card-left
{
width: 100%;
}

.withdrew-money-card-right-content-header
{
margin-top: 20px;
padding: 0;
}

.withdrew-money-card .withdrew-money-card-head
{
font-size: 16px;
line-height: 24px;
padding: 10px 0 5px 0;
}

.withdrew-money-card .withdrew-money-card-mid-inner
{
margin: 15px 0;
flex: 0 0 auto;
}

.withdrew-money-card .withdrew-money-card-mid
{
margin: 10px 0;
}

.withdrew-money-card-footer
{
margin-left: 0px !important;
flex-wrap: wrap;
padding: 0;
}

.withdrew-money-card-footer a
{
line-height: 40px;
padding: 0 15px;
font-size: 14px;
}

.withdrew-money-card-footer button
{
height: 40px;
width: 40px;
line-height: 40px;
}

.withdrew-money-card-footer .item-box-all .item-box
{
margin-right: 40px;
}
}

@media (min-width: 992px) and (max-width: 1199px)
{
.withdrew-money-card-footer
{
flex-wrap: wrap;
padding: 0;
}

.withdrew-money-card-footer a
{
line-height: 40px;
padding: 0 15px;
font-size: 14px;
}

.withdrew-money-card-footer button
{
height: 40px;
width: 40px;
line-height: 40px;
}

.withdrew-money-card-footer .item-box-all .item-box
{
margin-right: 40px;
}

.withdrew-money-card .withdrew-money-card-head
{
font-size: 16px;
line-height: 22px;
padding: 8px 0 5px 0;
}

.withdrew-money-card-mid
{
margin: 12px 0;
}

.withdrew-money-card-footer .item-box-all .item-box-line:after
{
left: -25px;
}

.withdrew-money-card-footer .item-box-all .item-box p
{
font-size: 15px;
line-height: 22px;
}

.withdrew-money-card-footer .item-box-all .item-box span
{
font-size: 12px;
}

.withdrew-money-card .withdrew-money-card-footer
{
padding-top: 26px;
}
}

@media only screen and (max-width: 991px)
{
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item-content svg
{
margin-right: 0px !important;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item
{
flex-direction: column;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb
{
margin: 0 !important;
}
}

@media only screen and (max-width: 991px) and (max-width: 991px)
{
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb
{
height: 300px;
}
}

@media only screen and (max-width: 991px)
{
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-item-content
{
flex-direction: column;
text-align: center;
}
}

@media only screen and (max-width: 991px)
{
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data
{
padding-top: 20px;
}
}

@media only screen and (max-width: 991px)
{
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a
{
margin-top: 20px;
}
}

@media only screen and (max-width: 991px) and (max-width: 991px)
{
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a
{
margin-top: 10px;
}
}

@media only screen and (max-width: 991px)
{
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item
{
flex-direction: column;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-item-content
{
flex-direction: column;
text-align: center;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data
{
padding-top: 20px;
}
}

@media only screen and (max-width: 991px) and (max-width: 991px)
{
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data
{
margin: 0;
min-height: inherit;
padding: 0;
text-align: left;
}
}

@media only screen and (max-width: 991px)
{
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a
{
margin-top: 20px;
}
}

@media only screen and (max-width: 991px)
{
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .all-btn
{
flex-wrap: wrap;
justify-content: center;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .all-btn .wishlist-btn,
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .all-btn button
{
margin: 10px 0;
}
}

.course-item-data
{
text-align: center;
padding: 12px;
}

.course-item-data h5, .course-item-data h4
{
font-weight: 500;
font-size: 16px;
color: #1d2026;
margin-bottom: 4px;
}

.course-item-data h4
{
font-size: 18px;
}

.course-item-data p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #8c94a3;
}

.course-item-5-card-img.team-thumb
{
height: 244px;
}

.faq-header
{
display: flex;
align-items: center;
margin-bottom: 40px;
justify-content: space-between;
}

@media only screen and (max-width: 767px)
{
.faq-header
{
display: block;
margin-bottom: 30px;
}
}

.faq-header h2
{
font-weight: 600;
font-size: 40px;
line-height: 1;
letter-spacing: -0.01em;
color: #1d2026;
}

@media only screen and (max-width: 991px)
{
.faq-header h2
{
font-size: 30px;
}
}

@media only screen and (max-width: 767px)
{
.faq-header h2
{
font-size: 26px;
line-height: 34px;
}
}

.faq-left-sidebar
{
margin-right: 14px;
border: 1px solid #e9eaf0;
padding: 8px 0;
}

@media only screen and (max-width: 1199px)
{
.faq-left-sidebar
{
margin: 0;
}
}

.faq-left-sidebar .nav
{
display: block;
}

.faq-left-sidebar .nav ul
{
margin: 0;
padding: 0;
list-style: none;
}

.faq-left-sidebar .nav .nav-link
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #1d2026;
display: block;
padding: 12px 16px;
width: 100%;
border-radius: 0;
text-align: left;
transition: all 0.3s;
border-bottom: 1px solid #e9eaf0;
}

.faq-left-sidebar .nav .nav-link.active
{
color: #fff;
background-color: #FF6636;
}

@media only screen and (max-width: 991px)
{
.faq-left-sidebar
{
margin: 0 0 20px;
}
}

.faq-right-sidebar
{
background: #f5f7fa;
padding: 20px;
margin-left: 14px;
}

@media only screen and (max-width: 1199px)
{
.faq-right-sidebar
{
margin: 0;
}
}

.faq-right-sidebar h4
{
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #1d2026;
margin-bottom: 8px;
}

.faq-right-sidebar p
{
font-size: 12px;
line-height: 16px;
color: #6e7485;
margin-bottom: 24px;
}

.sidebar-field
{
margin-bottom: 12px;
}

.sidebar-field input,
.sidebar-field textarea
{
width: 100%;
height: 42px;
background: #ffffff;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #8c94a3;
border: none;
padding: 10px 16px;
}

.sidebar-field input::-webkit-input-placeholder,
.sidebar-field textarea::-webkit-input-placeholder
{
color: #8c94a3;
}

.sidebar-field input:-moz-placeholder,
.sidebar-field textarea:-moz-placeholder
{
color: #8c94a3;
}

.sidebar-field input::-moz-placeholder,
.sidebar-field textarea::-moz-placeholder
{
color: #8c94a3;
}

.sidebar-field input:-ms-input-placeholder,
.sidebar-field textarea:-ms-input-placeholder
{
color: #8c94a3;
}

.sidebar-field input::-ms-input-placeholder,
.sidebar-field textarea::-ms-input-placeholder
{
color: #8c94a3;
}

.sidebar-field input::placeholder,
.sidebar-field textarea::placeholder
{
color: #8c94a3;
}

.sidebar-field textarea
{
height: 120px;
resize: none;
}

.accordion__list
{
margin-bottom: 20px;
}

.accordion__list .link
{
background: #ffffff;
border: 1px solid #e9eaf0;
padding: 18px 24px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 500;
font-size: 16px;
transition: all 0.3s;
}

@media only screen and (max-width: 767px)
{
.accordion__list .link
{
font-size: 15px;
padding: 10px 15px;
}
}

.accordion__list .link:hover
{
border: 1px solid #e9eaf0;
box-shadow: 0px 12px 32px rgba(29, 32, 38, 0.1);
}

.accordion__list .link svg
{
transition: all 0.3s;
}

.accordion__list .link svg path
{
transition: all 0.3s;
}

.accordion__list .link:hover svg path
{
stroke: #ff6636;
}

@media only screen and (max-width: 479px)
{
.accordion__list .link span.link__title
{
flex: 0 0 85%;
}
}

.accordion__list.open .link
{
color: #fff;
background-color: #1d2026;
}

.accordion__list.open .link svg path
{
stroke: #fff;
}

.accordion-wrap .open svg
{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

.accordion-body-text
{
display: none;
padding: 24px;
box-shadow: 0px 12px 32px rgba(29, 32, 38, 0.1);
}

@media only screen and (max-width: 767px)
{
.accordion-body-text
{
padding: 20px;
}
}

.accordion-body-text p
{
font-weight: normal;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
}

.accordion-body-text .faq-description1 ul,
.accordion-body-text .faq-description2 ul
{
margin: 0;
padding: 20px 0;
list-style: none;
}

.accordion-body-text .faq-description1 ul li,
.accordion-body-text .faq-description2 ul li
{
font-weight: normal;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
}

.accordion-body-text .faq-description2 ul li
{
padding-left: 12px;
position: relative;
}

.accordion-body-text .faq-description2 ul li:before
{
content: "";
left: 0;
top: 8px;
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
background-color: #4e5566;
}

.cat-section
{
background: #f5f7fa;
padding: 80px 0 320px;
}

.cta-left
{
padding: 40px;
position: relative;
background: url(.html), linear-gradient(90deg, #cc522b 0%, #ff6636 100%);
}

@media only screen and (max-width: 767px)
{
.cta-left
{
padding: 30px;
}
}

@media (max-width: 1200px)
{
.cta-left
{
margin-bottom: 24px;
}
}

.cta-left .cat-thumb
{
position: absolute;
bottom: 0;
right: 37px;
}

.cta-left .cat-thumb img
{
height: 100%;
}

@media only screen and (max-width: 767px)
{
.cta-left .cat-thumb
{
display: none;
}
}

.cta-left h4
{
font-weight: 600;
font-size: 32px;
letter-spacing: -0.01em;
color: #fff;
margin-bottom: 10px;
}

@media only screen and (max-width: 767px)
{
.cta-left h4
{
font-size: 26px;
}
}

.cta-left p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #fff;
margin-right: 239px;
margin-bottom: 24px;
}

@media only screen and (max-width: 767px)
{
.cta-left p
{
margin-right: 0;
}
}

.cta-right
{
background-color: #fff;
padding: 38px;
}

@media only screen and (max-width: 767px)
{
.cta-right
{
padding: 30px;
}
}

.cta-right h3
{
font-weight: 600;
font-size: 32px;
letter-spacing: -0.01em;
color: #1d2026;
margin-bottom: 15px;
}

@media only screen and (max-width: 767px)
{
.cta-right h3
{
font-size: 26px;
}
}

@media (max-width: 767px)
{
.cta-right h3
{
text-align: center;
}
}

.cta-right ul
{
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
}

@media (max-width: 991px)
{
.cta-right ul
{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
}

@media (max-width: 480px)
{
.cta-right ul
{
grid-template-columns: 1fr;
}
}

.cta-right ul li
{
display: flex;
align-items: center;
font-size: 16px;
line-height: 24px;
color: #1d2026;
margin: 10px 0;
flex: 0 0 50%;
}

.cta-right ul li span
{
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 100%;
margin-right: 10px;
font-size: 24px;
font-weight: 600;
flex-shrink: 0;
}

@media only screen and (max-width: 1499px)
{
.cta-right ul li span
{
width: 60px;
height: 60px;
line-height: 45px;
}
}

.cta-right ul li span.color-1
{
color: #564ffd;
background-color: #ebebff;
}

.cta-right ul li span.color-2
{
color: #ff6636;
background: #fff0f0;
}

.cta-right ul li span.color-3
{
color: #e34444;
background: #fff0f0;
}

.cta-right ul li span.color-4
{
color: #23bd33;
background: #e1f7e3;
}

.badge-color-1
{
background-color: #ebebff;
}

.badge-color-1 .category-content-left
{
color: #ebebff;
}

.badge-color-1:hover .category-content-left
{
background-color: #564ffd;
}

.badge-color-2
{
background-color: #e1f7e3;
}

.badge-color-2:hover .category-content-left
{
background-color: #23bd33;
}

.badge-color-3
{
background-color: #fff2e5;
}

.badge-color-3:hover .category-content-left
{
background-color: #fd8e1f;
}

.badge-color-4
{
background-color: #fff0f0;
}

.badge-color-4:hover .category-content-left
{
background-color: #e34444;
}

.badge-color-5
{
background-color: #f5f7fa;
}

.badge-color-5:hover .category-content-left
{
background-color: #564ffd;
}

.badge-color-6
{
background-color: #e9eaf0;
}

.badge-color-6:hover .category-content-left
{
background-color: #8c94a3;
}

.badge-color7
{
background-color: #ffeee8;
}

.badge-color7:hover .category-content-left
{
background-color: #564ffd;
}

.badge-color-8
{
background-color: #f5f7fa;
}

.badge-color-8:hover .category-content-left
{
background-color: #564ffd;
}

.alert-btn-item
{
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 24px;
}

@media only screen and (max-width: 767px)
{
.alert-btn-item
{
width: 100% !important;
}
}

.alert-btn-item a.alert-btn
{
display: flex;
align-items: center;
font-family: "DM Sans";
font-size: 16px;
letter-spacing: -0.01em;
}

.alert-btn-item a.alert-btn svg
{
margin-right: 12px;
flex: 0 0 auto;
}

.alert-btn-item .close-btn-wrap
{
display: flex;
align-items: center;
}

.alert-btn-item span.label-content
{
font-family: Inter;
font-weight: 600;
font-size: 16px;
letter-spacing: -0.008em;
text-transform: capitalize;
color: #1D2026;
}

.alert-btn-item a.close-btn
{
padding: 2px 0;
padding-left: 16px;
margin-left: 35px;
border-left: 1px solid rgba(29, 32, 38, 0.2);
}

.alert-btn-item.info-alert
{
width: 422px;
background: #F5F7FA;
border: 1px solid #CED1D9;
box-shadow: 0px 4px 16px rgba(29, 32, 38, 0.12);
}

.alert-btn-item.info-alert a.alert-btn
{
color: #1D2026;
}

.alert-btn-item.info-alert span.label-content
{
color: #1D2026;
}

.alert-btn-item.info-alert a.close-btn
{
border-left: 1px solid rgba(29, 32, 38, 0.2);
}

.alert-btn-item.info-alert a.close-btn svg path
{
stroke: #1D2026;
}

.alert-btn-item.check-alert
{
width: 523px;
background: #E1F7E3;
border: 1px solid #7BD785;
box-shadow: 0px 4px 16px rgba(7, 38, 10, 0.12);
}

.alert-btn-item.check-alert a.alert-btn
{
color: #15711F;
}

.alert-btn-item.check-alert span.label-content
{
color: #15711F;
}

.alert-btn-item.check-alert a.close-btn
{
border-left: 1px solid rgba(21, 113, 31, 0.2);
}

.alert-btn-item.check-alert a.close-btn svg path
{
stroke: #15711F;
}

.alert-btn-item.warning-octagon-alert
{
width: 451px;
background: #FFF2E6;
border: 1px solid #FEBC79;
box-shadow: 0px 4px 16px rgba(51, 39, 6, 0.12);
}

.alert-btn-item.warning-octagon-alert a.alert-btn
{
color: #65390C;
}

.alert-btn-item.warning-octagon-alert span.label-content
{
color: #65390C;
}

.alert-btn-item.warning-octagon-alert a.close-btn
{
border-left: 1px solid rgba(101, 57, 12, 0.2);
}

.alert-btn-item.warning-octagon-alert a.close-btn svg path
{
stroke: #65390C;
}

.alert-btn-item.warning-alert
{
width: 430px;
background: #FFF0F0;
border: 1px solid #EE8F8F;
box-shadow: 0px 4px 16px rgba(45, 14, 14, 0.12);
}

.alert-btn-item.warning-alert a.alert-btn
{
color: #882929;
}

.alert-btn-item.warning-alert span.label-content
{
color: #882929;
}

.alert-btn-item.warning-alert a.close-btn
{
border-left: 1px solid rgba(136, 41, 41, 0.2);
}

.alert-btn-item.warning-alert a.close-btn svg path
{
stroke: #882929;
}

.alert-btn-item.info-alert.midium-width
{
width: 316px;
}

.alert-btn-item.check-alert.midium-width
{
width: 417px;
}

.alert-btn-item.warning-octagon-alert.midium-width
{
width: 345px;
}

.alert-btn-item.warning-alert.midium-width
{
width: 324px;
}

.midium-width a.close-btn
{
margin: 0;
padding-left: 0;
border: 0 !important;
}

.modal .btn-close
{
width: 18px;
height: 18px;
}

.modal .btn-close:focus
{
box-shadow: none;
border: none;
}

.modal-content
{
border-radius: 0px;
}

.modal-title
{
font-size: 16px;
font-weight: 500;
line-height: 22px;
text-transform: capitalize;
}

.modal-header
{
border: 0px;
padding: 16px 20px;
box-shadow: 0px -1px 0px 0px #e9eaf0 inset;
}

.modal-body
{
padding: 24px 20px;
padding-bottom: 0px;
}

.modal-body-rating
{
text-align: center;
padding-bottom: 30px;
}

.modal-body-rating p
{
font-size: 20px;
color: #1d2026;
font-weight: 600;
line-height: 26px;
margin-bottom: 16px;
text-transform: capitalize;
}

.modal-body-rating p span
{
font-size: 18px;
color: #8c94a3;
font-weight: 400;
line-height: 24px;
letter-spacing: -1.5%;
}

.modal-body-rating .jq-star
{
margin: 0px 6px;
}

.modal-footer
{
border: 0;
display: flex;
padding: 24px 20px;
align-items: center;
justify-content: space-between;
}

@media (max-width: 480px)
{
.modal-footer .button
{
width: 100%;
}
}

.modal--newcard .form-field,
.modal--newcard .form .form-field-social
{
margin-bottom: 18px;
}

@media (min-width: 575px)
{
.modal--newcard .form-group .form-field
{
margin-bottom: 0px;
}
}

.modal--compose .form-selects
{
margin-bottom: 18px;
}

.modal--lecturevideo .form-upload
{
margin-bottom: 16px;
}

.modal--lecturevideo p
{
color: #8c94a3;
}

.modal--lecturevideo p span
{
color: #1d2026;
font-weight: 500;
}

.modal--cdescription .form-textarea
{
margin-bottom: 24px;
}

.footer-header
{
box-shadow: inset 0px -1px 0px rgba(54, 59, 71, 0.5);
padding: 100px 0;
}

@media (max-width: 991px)
{
.footer-header
{
padding: 60px 0px;
}
}

@media only screen and (max-width: 767px)
{
.footer-header
{
padding: 70px 0;
}
}

@media only screen and (max-width: 479px)
{
.footer-header
{
padding: 70px 0 55px;
}
}

.footer-header .footer-header-content
{
margin-right: 30px;
}

@media only screen and (max-width: 991px)
{
.footer-header .footer-header-content
{
margin: 0;
margin-bottom: 30px;
}
}

@media only screen and (max-width: 479px)
{
.footer-header .footer-header-content
{
margin-bottom: 15px;
}
}

.footer-header .footer-header-content h3
{
color: #fff;
margin-bottom: 18px !important;
}

@media (max-width: 991px)
{
.footer-header .footer-header-content h3
{
font-size: 36px;
}
}

@media (max-width: 575px)
{
.footer-header .footer-header-content h3
{
font-size: 32px;
line-height: 42px;
}
}

.footer-header .footer-header-content a.footer-btn
{
font-weight: 600;
font-size: 16px;
line-height: 48px;
letter-spacing: -0.008em;
text-transform: capitalize;
color: #fff;
padding: 0 24px;
margin-right: 12px;
transition: all 0.3s;
}

@media only screen and (max-width: 479px)
{
.footer-header .footer-header-content a.footer-btn
{
padding: 0 20px;
line-height: 45px;
margin-bottom: 15px;
}
}

.footer-header .footer-header-content a.footer-btn.orange-btn
{
background-color: #ff6636;
}

.footer-header .footer-header-content a.footer-btn.orange-btn:hover
{
color: white;
background-color: #cc522b;
}

.footer-header .footer-header-content a.footer-btn.gray-btn
{
background-color: #282b31;
}

.footer-header .footer-header-content a.footer-btn.gray-btn:hover
{
color: white;
background-color: #cc522b;
}

.footer-header .footer-counter-wrap
{
display: flex;
width: 100%;
justify-content: space-between;
}

@media only screen and (max-width: 479px)
{
.footer-header .footer-counter-wrap
{
display: block;
}
}

@media (max-width: 991px)
{
.footer-header .footer-counter-wrap
{
margin-top: 20px;
}
}

@media only screen and (max-width: 479px)
{
.footer-header .footer-counter-wrap .footer-counter-item
{
margin-bottom: 20px;
}
}

@media (max-width: 991px)
{
.footer-header .footer-counter-wrap .footer-counter-item
{
text-align: center;
}
}

.footer-header .footer-counter-wrap .footer-counter-item h3
{
font-weight: 600;
font-size: 40px;
line-height: 48px;
letter-spacing: -0.01em;
color: #fff;
margin-bottom: 12px;
}

@media (max-width: 991px)
{
.footer-header .footer-counter-wrap .footer-counter-item h3
{
font-size: 28px;
line-height: 38px;
}
}

@media (max-width: 767px)
{
.footer-header .footer-counter-wrap .footer-counter-item h3
{
margin-bottom: 6px;
}
}

.footer-header .footer-counter-wrap .footer-counter-item p
{
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #b7bac7;
}

.footer-header.footer-header2 .footer-header-content
{
margin-right: 202px;
}

@media only screen and (max-width: 1499px)
{
.footer-header.footer-header2 .footer-header-content
{
margin-right: 115px;
}
}

@media only screen and (max-width: 1199px)
{
.footer-header.footer-header2 .footer-header-content
{
margin-right: 30px;
}
}

@media only screen and (max-width: 991px)
{
.footer-header.footer-header2 .footer-header-content
{
margin: 0;
}
}

.footer-header.footer-header2 .footer-header-content h3
{
margin-bottom: 24px;
}

.footer-header.footer-header2 .footer-header-content p
{
color: #b7bac7;
font-size: 16px;
margin-bottom: 40px;
letter-spacing: normal;
}

.footer-header.footer-header2 .footer-header-content a.footer-btn.orange-btn
{
line-height: 64px;
font-size: 20px;
padding: 0 40px;
}

@media only screen and (max-width: 479px)
{
.footer-header.footer-header2 .footer-header-content a.footer-btn.orange-btn
{
line-height: 60px;
font-size: 18px;
padding: 0 35px;
margin: 0;
}
}

.footer-section
{
background-color: #1d2026;
}

.footer-top
{
padding: 80px 0;
}

@media only screen and (max-width: 1199px)
{
.footer-top
{
padding: 70px 0 40px;
}
}

@media (max-width: 767px)
{
.footer-top
{
padding-bottom: 10px;
}
}

.footer-top .footer-textarea
{
margin-right: 90px;
}

@media only screen and (max-width: 1199px)
{
.footer-top .footer-textarea
{
margin: 0;
margin-bottom: 30px;
}
}

.footer-top .footer-textarea p
{
color: #8c94a3;
}

.footer-top .footer-textarea .footer-logo
{
margin-bottom: 20px;
}

@media (max-width: 767px)
{
.footer-top .footer-widget
{
margin-bottom: 30px;
}
}

.footer-top .footer-widget .footer-menu-title
{
margin-bottom: 22px;
}

@media only screen and (max-width: 1199px)
{
.footer-top .footer-widget .footer-menu-title
{
margin-bottom: 20px;
}
}

.footer-top .footer-widget .footer-menu-title h4
{
font-family: Inter;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: #fff;
margin: 0;
}

.footer-top .footer-widget .footer-menu-title.dowmload-app
{
margin-bottom: 20px;
}

.footer-top .footer-widget .footer-menu ul
{
margin: 0;
padding: 0;
list-style: none;
}

.footer-top .footer-widget .footer-menu ul li
{
margin-bottom: 6px;
}

.footer-top .footer-widget .footer-menu ul li:nth-last-child(1)
{
margin-bottom: 0px;
}

.footer-top .footer-widget .footer-menu ul li a
{
position: relative;
color: #8c94a3;
}

.footer-top .footer-widget .footer-menu ul li a:hover
{
color: #fff;
}

.footer-top .footer-widget .footer-menu ul li a:before
{
content: "";
left: 0;
bottom: -5px;
width: 0;
height: 2px;
transition: all 0.3s;
position: absolute;
background-color: #ff6636;
}

.footer-top .footer-widget .footer-menu ul li a:hover::before
{
width: 100%;
}

.footer-top .footer-widget .footer-menu ul li a svg
{
transition: all 0.3s;
opacity: 0;
position: relative;
top: -2px;
}

.footer-top .footer-widget .footer-menu ul li a:hover svg
{
margin-left: 11px;
opacity: 1;
}

.footer-bottom
{
box-shadow: inset 0px 1px 0px rgba(54, 59, 71, 0.5);
padding: 24px 0;
}

@media only screen and (max-width: 767px)
{
.footer-bottom
{
text-align: center;
}
}

@media only screen and (max-width: 767px)
{
.footer-bottom .copywright-text
{
width: 100%;
}
}

.footer-bottom .copywright-text p
{
font-size: 14px;
letter-spacing: -0.01em;
color: #8c94a3;
}

.footer-bottom .copywright-text p a
{
color: #fff;
}

@media only screen and (max-width: 767px)
{
.footer-bottom .select-box
{
width: 100%;
}
}

.footer-bottom .custom-select-trigger
{
min-width: 208px;
padding: 12px 18px;
color: #8c94a3;
border-radius: 0;
font-size: 16px;
margin-left: 0;
border: 1px solid #363b47;
}

@media (max-width: 575px)
{
.footer-bottom .custom-select-trigger
{
margin-bottom: 16px;
}
}

.footer-bottom .custom-options
{
top: -230%;
}

.footer-bottom.footer-three
{
box-shadow: none;
padding: 24px 0;
}

.footer-bottom.footer-three .copywright-text p
{
color: #6e7485;
}

.footer-bottom.footer-three .copywright-text p a
{
color: #1d2026;
}

.footer-bottom.footer-three .footer-bottom-menu ul
{
margin: 0;
padding: 0;
list-style: none;
}

.footer-bottom.footer-three .footer-bottom-menu ul li
{
display: inline-block;
margin: 0 10px;
}

.footer-bottom.footer-three .footer-bottom-menu ul li:first-child
{
margin-left: 0;
}

.footer-bottom.footer-three .footer-bottom-menu ul li:last-child
{
margin-right: 0;
}

.footer-bottom.footer-three .footer-bottom-menu ul li a
{
font-size: 14px;
letter-spacing: -0.01em;
color: #1d2026;
transition: all 0.3s;
}

.footer-bottom.footer-three .footer-bottom-menu ul li a:hover
{
color: #ff6636;
}

.range-middle
{
position: relative;
width: 100%;
max-width: 100%;
}

.range-middle .slider
{
position: relative;
z-index: 1;
height: 6px;
}

.range-middle .slider > .track
{
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 5px;
background-color: #FFDDD1;
}

.range-middle .slider > .range
{
position: absolute;
z-index: 2;
left: 26%;
right: 26%;
top: 0;
bottom: 0;
border-radius: 5px;
background-color: #FF6636;
}

.range-middle .slider > .thumb
{
position: absolute;
z-index: 3;
width: 12px;
height: 12px;
background-color: #FF6636;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0px 2px 6px rgba(29, 32, 38, 0.1);
transition: box-shadow 0.3s ease-in-out;
}

.range-middle .slider > .thumb.left
{
left: 25%;
margin-left: 10px;
top: 7px;
transform: translate(-15px, -10px);
}

.range-middle .slider > .thumb.right
{
right: 25%;
margin-right: 10px;
top: 7px;
transform: translate(15px, -10px);
}

.range-middle .slider > .thumb.hover
{
box-shadow: 0 0 0 5px rgba(255, 102, 54, 0.5);
}

.range-middle .slider > .thumb.active
{
box-shadow: 0 0 0 10px rgba(255, 102, 54, 0.7);
}

.range-middle input[type=range]
{
position: absolute;
pointer-events: none;
-webkit-appearance: none;
z-index: 2;
height: 10px;
width: 100%;
opacity: 0;
}

.range-middle input[type=range]::-webkit-slider-thumb
{
pointer-events: all;
width: 30px;
height: 30px;
border-radius: 0;
border: 0 none;
background-color: red;
-webkit-appearance: none;
}

.range-middle .youtube-link
{
position: fixed;
left: 20px;
bottom: 20px;
color: #000;
text-decoration: none;
font-size: 12px;
}

.price-field-wrap
{
display: flex;
justify-content: space-between;
margin: 24px 0;
}

.price-field-wrap .default-input-field
{
flex: 0 0 48%;
position: relative;
}

.price-field-wrap .default-input-field input
{
padding: 10px 20px 10px 35px;
}

.price-field-wrap .default-input-field .dollar
{
color: #1D2026;
position: absolute;
top: 13px;
left: 20px;
}

.review-item
{
display: flex;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e9eaf0;
}

.review-item:last-child
{
border-bottom: 0;
}

.review-item .review-thumb
{
width: 40px;
height: 40px;
overflow: hidden;
border-radius: 100%;
flex: 0 0 auto;
margin-right: 16px;
}

.review-item .review-thumb img
{
width: 100%;
height: 100%;
object-fit: cover;
}

.review-item .review-data h5
{
font-style: normal;
font-weight: 500;
font-size: 14px;
letter-spacing: -0.01em;
color: #1d2026;
margin-bottom: 4px;
line-height: 1;
}

.review-item .review-data h5 span
{
font-size: 12px;
color: #6e7485;
margin-left: 20px;
position: relative;
}

.review-item .review-data h5 span::before
{
content: "";
left: -13px;
top: 6px;
width: 4px;
height: 4px;
border-radius: 50%;
position: absolute;
background-color: #6e7485;
}

.review-item .review-data .review
{
margin-bottom: 12px;
}

.review-item .review-data .review ul
{
margin: 0;
padding: 0;
list-style: none;
}

.review-item .review-data .review ul li
{
display: inline-block;
}

.review-item .review-data p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
}

.student-comment-section
{
margin-bottom: 40px;
}

.student-cmment-wrap .review-item
{
border-bottom: 0;
padding: 0;
}

.student-cmment-wrap .review-item .review-data h5
{
margin-bottom: 12px;
}

.student-cmment-wrap .review-item .review-data p
{
margin-bottom: 12px;
}

.student-cmment-wrap .review-item .review-data small
{
font-weight: 500;
color: #fff;
font-size: 10px;
padding: 4px 6px;
background: #564ffd;
}

.student-cmment-wrap .review-item a.replay-btn
{
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #8c94a3;
text-transform: uppercase;
display: flex;
transition: all 0.3s;
}

.student-cmment-wrap .review-item a.replay-btn:hover
{
color: #ff6636;
}

.student-cmment-wrap .review-item a.replay-btn svg
{
margin-right: 10px;
}

.student-cmment-wrap .review-item a.replay-btn path
{
transition: all 0.3s;
}

.student-cmment-wrap .review-item a.replay-btn:hover path
{
stroke: #ff6636;
}

.student-cmment-wrap .review-item.user-comment
{
margin-left: 50px;
}

.header-top
{
padding: 0 34px 0 24px;
display: flex;
align-items: center;
position: relative;
background-color: #1d2026;
}

@media only screen and (max-width: 1199px)
{
.header-top
{
padding: 20px 34px 20px 24px;
background-color: #fff;
}
}

.header-top .header-right
{
flex: 0 0 30%;
display: flex;
justify-content: flex-end;
}

.header-top .main-menu
{
flex: 0 0 70%;
}

.header-top .main-menu ul
{
margin: 0;
padding: 0;
list-style: none;
}

.header-top .main-menu ul li
{
display: inline-block;
}

.header-top .main-menu ul li a
{
font-weight: 500;
font-size: 14px;
letter-spacing: -0.01em;
color: #8c94a3;
padding: 16px 20px;
position: relative;
transition: all 0.3s;
}

.header-top .main-menu ul li a:hover
{
color: white;
}

.header-top .main-menu ul li a:before
{
content: "";
left: 50%;
width: 0;
top: 0;
position: absolute;
height: 2px;
background-color: #ff6636;
transition: 0.3s;
transform: translateX(-50%);
}

.header-top .main-menu ul li a:hover::before
{
width: 100%;
}

.header-top .main-menu ul li a.active
{
color: white;
}

.header-top .main-menu ul li a.active::before
{
width: 100%;
}

@media only screen and (max-width: 1199px)
{
.header-top .main-menu
{
display: none;
}
}

@media only screen and (max-width: 1199px)
{
.header-right
{
display: none !important;
}
}

.header-right .select-item .custom-select-trigger
{
min-width: inherit;
padding-right: 15px;
margin-left: 25px;
color: #a1a5b3;
}

.header-right .select-item .custom-select-trigger:after
{
width: 7px;
height: 7px;
right: 0;
margin-top: -1px;
border-bottom: 1px solid #a1a5b3;
border-right: 1px solid #a1a5b3;
}

.header-right .select-item .custom-options
{
margin: 18px 0;
padding: 3px 0;
border: none;
border-radius: 4px;
}

.header-right .select-item .custom-option
{
padding: 2px 10px;
}

.header-bottom
{
padding: 24px 32px;
display: flex;
align-items: center;
}

@media only screen and (max-width: 1199px)
{
.header-bottom
{
display: none;
}
}

.header-bottom .header-bottom-left
{
flex: 0 0 70%;
}

@media only screen and (max-width: 1499px)
{
.header-bottom .header-bottom-left
{
flex: 0 0 60%;
}
}

@media only screen and (max-width: 991px)
{
.header-bottom .header-bottom-left
{
flex: 0 0 40%;
}
}

.header-bottom .header-bottom-left .header-bottom-left-wrap
{
display: flex;
align-items: center;
}

.header-bottom .header-bottom-left .header-bottom-left-wrap .main-logo
{
margin-right: 50px;
}

@media only screen and (max-width: 1499px)
{
.header-bottom .header-bottom-left .header-bottom-left-wrap .main-logo
{
margin-right: 20px;
}
}

.header-bottom .header-bottom-left .header-bottom-left-wrap span.custom-select-trigger
{
border: 1px solid #e9eaf0;
min-width: 200px;
height: 48px;
padding: 0 18px;
font-size: 16px;
line-height: 24px;
color: #4e5566;
display: flex;
align-items: center;
margin: 0;
}

@media only screen and (max-width: 1499px)
{
.header-bottom .header-bottom-left .header-bottom-left-wrap span.custom-select-trigger
{
min-width: 150px;
}
}

.search-field-wrap .form-searchbox
{
width: 424px;
margin-left: 16px;
}

@media (max-width: 1380px)
{
.search-field-wrap .form-searchbox
{
width: 100%;
}
}

@media (max-width: 1200px)
{
.search-field-wrap .form-searchbox
{
padding: 12px;
margin-left: 0px;
}
}

@media (max-width: 1200px)
{
.search-field-wrap .form-searchbox .icon
{
left: 25px;
}
}

.search-field-wrap button#search-btn
{
border: none;
background-color: transparent;
position: absolute;
left: 20px;
top: 10px;
}

.search-field input[type=search]::-webkit-input-placeholder
{
  /* WebKit, Blink, Edge */
color: #8c94a3;
opacity: 1;
}

.search-field input[type=search]:-moz-placeholder
{
  /* Mozilla Firefox 4 to 18 */
color: #8c94a3;
opacity: 1;
}

.search-field input[type=search]::-moz-placeholder
{
  /* Mozilla Firefox 19+ */
color: #8c94a3;
opacity: 1;
}

.search-field input[type=search]:-ms-input-placeholder
{
  /* Internet Explorer 10-11 */
color: #8c94a3;
opacity: 1;
}

.search-field input[type=search]::-ms-input-placeholder
{
  /* Microsoft Edge */
color: #8c94a3;
opacity: 1;
}

.header-bottom-right
{
flex: 0 0 30%;
display: flex;
align-items: center;
justify-content: flex-end;
}

@media only screen and (max-width: 1499px)
{
.header-bottom-right
{
flex: 0 0 40%;
}
}

@media only screen and (max-width: 991px)
{
.header-bottom-right
{
flex: 0 0 50%;
}
}

.header-bottom-right .header-btn-wrap p
{
font-size: 14px;
color: #4e5566;
line-height: 22px;
margin-right: 16px;
letter-spacing: -0.01em;
text-transform: capitalize;
}

@media (max-width: 575px)
{
.header-bottom-right .header-btn-wrap p
{
display: none;
}
}

.header-bottom-right .header-btn-wrap.modal-btn .button:nth-child(1)
{
color: #ff6636;
background-color: #fff;
margin-right: 12px;
}

.header-bottom-right .header-btn-wrap a.header-btn
{
display: inline-block;
padding: 0 24px;
font-family: Inter;
font-weight: 600;
font-size: 16px;
line-height: 48px;
letter-spacing: -0.008em;
text-transform: capitalize;
color: #ff6636;
margin-right: 8px;
transition: all 0.3s;
}

.header-bottom-right .header-btn-wrap a.header-btn:last-child
{
margin-right: 0;
}

.header-bottom-right .header-btn-wrap .header-btn.orange-btn
{
background: #ffeee8;
}

.header-bottom-right .header-btn-wrap .header-btn.orange-btn:hover
{
color: white;
background-color: #cc522b;
}

.header-bottom-right .header-btn-wrap .header-btn.div-orange-btn
{
color: #fff;
background-color: #ff6636;
}

.header-bottom-right .header-btn-wrap .header-btn.div-orange-btn:hover
{
background-color: #cc522b;
}

.header-cart-wrap
{
margin-right: 12px;
}

.header-cart-wrap ul
{
margin: 0;
padding: 0;
list-style: none;
}

.header-cart-wrap ul li
{
margin: 0 10px;
display: inline-block;
}

.header-cart-wrap ul li a
{
position: relative;
}

.header-cart-wrap ul li a span.count
{
font-family: Inter;
font-weight: 500;
font-size: 10px;
line-height: 10px;
text-align: center;
color: #fff;
width: 16px;
height: 16px;
background: #ff6636;
display: block;
padding: 3px;
border-radius: 100%;
position: absolute;
top: -2px;
right: -2px;
}

.header-cart-wrap ul li a.bell-icon:before
{
content: "";
right: 3px;
top: 3px;
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
background-color: #ff6636;
}

.mobile-user-wrap
{
margin-top: 60px;
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #e9eaf0;
}

@media (max-width: 420px)
{
.mobile-user-wrap
{
display: block;
text-align: center;
}
}

.mobile-user-wrap .mobile-use-left
{
display: flex;
align-items: center;
flex: 0 0 55%;
}

@media (max-width: 420px)
{
.mobile-user-wrap .mobile-use-left
{
display: block;
margin-bottom: 15px;
}
}

.mobile-user-wrap .mobile-use-left .mobile-user-thumb
{
width: 48px;
height: 48px;
overflow: hidden;
border-radius: 100%;
flex: 0 0 auto;
margin-right: 12px;
}

@media (max-width: 420px)
{
.mobile-user-wrap .mobile-use-left .mobile-user-thumb
{
margin: 0 auto 10px;
}
}

.mobile-user-wrap .mobile-use-left .mobile-user-thumb img
{
width: 100%;
height: 100%;
object-fit: cover;
}

.mobile-user-wrap .mobile-use-left .mobile-user-data a
{
display: block;
}

.mobile-user-wrap .mobile-use-left .mobile-user-data h5
{
font-weight: 500;
font-size: 16px;
color: #1d2026;
margin-bottom: 4px;
}

.mobile-user-wrap .mobile-use-left .mobile-user-data p
{
font-family: Inter;
font-size: 14px;
letter-spacing: -0.01em;
color: #8c94a3;
}

.mobile-user-wrap .mobile-cart .header-cart-wrap
{
margin: 0;
}

.mobile-user-wrap .mobile-cart .header-cart-wrap ul
{
margin: 0;
}

.mobile-user-wrap .mobile-cart .header-cart-wrap ul li
{
border: none;
}

@media only screen and (max-width: 1199px)
{
.mobile-user-wrap .mobile-cart .header-cart-wrap ul li
{
margin: 0 5px;
}
}

.mobile-user-wrap .mobile-cart .header-cart-wrap ul li:first-child
{
margin-left: 0;
}

.mobile-user-wrap .mobile-cart .header-cart-wrap ul li:last-child
{
margin-right: 0;
}

.mobile-user-wrap .mobile-cart .header-cart-wrap ul li a
{
padding: 0;
}

/* offcanvas menu */
.main-menu
{
display: block;
}

.offcanves-menu
{
display: none;
}

@media only screen and (max-width: 1199px)
{
.offcanves-menu
{
display: block;
}
}

.offcanves-menu
{
width: 300px;
background: #ffffff;
height: 100%;
position: fixed;
z-index: 111;
margin-left: -300px;
transition: 0.3s;
padding-right: 0px;
height: 100vh;
overflow-y: scroll;
}

.offcanves-menu ul
{
margin: 0 0 26px;
padding: 0;
list-style: none;
}

.offcanves-menu ul li
{
position: relative;
border-bottom: 1px solid #ddd;
}

.offcanves-menu ul li:last-child
{
border-bottom: 0px;
}

.offcanves-menu ul li a
{
font-family: Inter;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #6e7485;
padding: 14px 20px;
transition: all 0.3s;
display: block;
}

.offcanves-menu ul li a:hover
{
color: #ff6636;
}

.offcanves-menu ul li a span
{
width: 20px;
height: 20px;
top: 0px;
background: #ff6636;
border-radius: 20px;
font-family: Inter;
font-weight: 500;
font-size: 12px;
color: #fff;
float: right;
text-align: center;
}

.offcanves-menu h3
{
font-weight: 600;
font-size: 16px;
color: #1d2026;
margin-left: 20px;
}

.offcanves-menu.active
{
margin-left: 0px;
z-index: 1111;
width: 340px;
}

@media (max-width: 340px)
{
.offcanves-menu.active
{
width: 290px;
}
}

.off-menu span.menubar
{
font-size: 28px;
cursor: pointer;
transition: all linear 0.3s;
color: #fff;
}

.off-menu
{
float: right;
}

.close
{
cursor: pointer;
}

.close:hover
{
color: #242d48;
border-color: #242d48;
}

.offcanvas-overlay
{
width: 100%;
height: 100%;
background: #000;
position: absolute;
z-index: 0;
visibility: hidden;
opacity: 0;
transition: 0.3s;
}

.offcanvas-overlay.active
{
opacity: 0.3;
z-index: 111;
visibility: visible;
}

.menu-bar
{
display: none;
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
cursor: pointer;
display: none;
}

@media only screen and (max-width: 1199px)
{
.menu-bar
{
display: block;
}
}

.responsive-logo
{
display: none;
}

.responsive-logo svg
{
width: 148px;
}

@media only screen and (max-width: 1199px)
{
.responsive-logo
{
display: block;
}
}

.mobile-header
{
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
}

.mobile-header .mobile-logo svg
{
width: 148px;
}

a.header-user
{
width: 48px;
height: 48px;
overflow: hidden;
border-radius: 100%;
}

a.header-user img
{
width: 100%;
height: 100%;
object-fit: cover;
}

.header-bottom.header-three
{
background-color: #f5f7fa;
}

@media only screen and (max-width: 1199px)
{
.header-bottom.header-three
{
display: flex;
}
}

@media only screen and (max-width: 991px)
{
.header-bottom.header-three
{
display: block;
text-align: center;
}
}

@media only screen and (max-width: 991px)
{
.header-bottom.header-three .header-bottom-right
{
margin-top: 20px;
flex: 0 0 100%;
display: block;
}
}

@media only screen and (max-width: 991px)
{
.header-bottom.header-three .header-bottom-left-wrap
{
display: block;
}
}

a.header-arrow
{
width: 58px;
height: 58px;
background-color: #fff;
text-align: center;
line-height: 58px;
border-radius: 100%;
flex: 0 0 auto;
margin-right: 16px;
}

@media only screen and (max-width: 991px)
{
a.header-arrow
{
margin: 0 0 20px;
}
}

.header-bottom-meta h4
{
font-weight: 500;
font-size: 18px;
color: #1d2026;
margin-bottom: 12px;
}

.header-bottom-meta ul
{
margin: 0;
padding: 0;
list-style: none;
}

.header-bottom-meta ul li
{
display: inline-block;
margin-right: 10px;
}

.header-bottom-meta ul li:last-child
{
margin-right: 0;
}

.header-bottom-meta ul li a
{
font-size: 14px;
letter-spacing: -0.01em;
color: #4e5566;
display: flex;
}

.header-bottom-meta ul li a svg
{
margin-right: 8px;
}

header.header-section.header-four
{
background-color: #fff;
}

header.header-section.header-four .main-logo a
{
display: flex;
align-items: center;
font-size: 32px;
font-weight: 600;
color: #1d2026;
line-height: 38px;
letter-spacing: -0.03em;
text-transform: capitalize;
}

@media (max-width: 480px)
{
header.header-section.header-four .main-logo a
{
font-size: 0px;
line-height: 0px;
}
}

header.header-section.header-four .main-logo a img
{
margin-right: 8px;
}

header.header-section.header-four .main-logo--white a
{
color: #fff;
}

.header-four
{
box-shadow: inset 0px -1px 0px #e9eaf0;
}

.header-bottom.header-four
{
display: flex;
padding: 24px 0;
align-items: center;
justify-content: space-between;
box-shadow: none;
}

@media only screen and (max-width: 1199px)
{
.header-bottom.header-four
{
display: flex;
}
}

.header-bottom.header-four .header-bottom-right
{
flex: 0 0 auto;
display: block;
}

.card.card-activity.notification-box
{
position: absolute;
width: 430px;
right: 0;
top: 30px;
z-index: 1;
opacity: 0;
z-index: 99;
visibility: hidden;
border: 1px solid #e9eaf0;
background-color: #fff;
transition: all 0.2s;
box-shadow: 0px 4px 20px rgba(29, 32, 38, 0.12);
}

.card.card-activity.notification-box .activity-item
{
margin: 0 !important;
display: flex !important;
}

.card.card-activity.notification-box p.mark-read
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
}

.notification-visiable .card.card-activity.notification-box
{
opacity: 1;
visibility: visible;
transition: all 0.2s;
}

.card.card-activity.notification-box.instructor-page
{
top: 58px;
}

@media (max-width: 390px)
{
.header-btn-wrap button.button.button--md
{
margin: 0 0 15px;
}
}

.top-action-header-section
{
margin-bottom: 40px;
}

.top-action-header
{
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}

@media only screen and (max-width: 991px)
{
.top-action-header
{
display: block;
}
}

.actions-filter
{
padding: 0 24px;
line-height: 48px;
align-items: center;
width: 167px;
margin-right: 24px;
cursor: pointer;
text-align: center;
font-weight: 600;
font-size: 16px;
color: #1d2026;
display: flex;
letter-spacing: -0.008em;
border: 1px solid #ffddd1;
background-color: transparent;
text-transform: capitalize;
}

.actions-filter.active
{
color: #ff6636;
}

.actions-filter.active path
{
stroke: #ff6636;
}

.actions-filter.active span
{
color: #fff;
background-color: #ff6636;
}

@media only screen and (max-width: 479px)
{
.actions-filter
{
width: 100%;
text-align: center;
justify-content: center;
margin-bottom: 15px;
}
}

.actions-filter svg
{
margin-right: 13px;
}

.actions-filter span
{
width: 20px;
height: 24px;
background: #ffeee8;
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-align: center;
color: #ff6636;
display: inline-block;
line-height: 24px;
margin-left: 24px;
}

.top-action-header-left
{
display: flex;
}

@media only screen and (max-width: 479px)
{
.top-action-header-left
{
display: block;
}
}

.top-action-header-left .form-searchbox
{
width: 424px;
}

@media only screen and (max-width: 1499px)
{
.top-action-header-left .form-searchbox
{
width: 380px;
}
}

@media only screen and (max-width: 991px)
{
.top-action-header-left .form-searchbox
{
width: 100%;
}
}

@media only screen and (max-width: 479px)
{
.top-action-header-left .form-searchbox
{
margin-bottom: 15px;
}
}

.top-action-header-right
{
display: flex;
align-items: center;
}

@media only screen and (max-width: 991px)
{
.top-action-header-right
{
justify-content: center;
margin-top: 15px;
}
}

.top-action-header-right .sort-by
{
font-size: 14px;
letter-spacing: -0.01em;
color: #4e5566;
margin-right: 24px;
}

.top-action-header-right .select-box
{
display: flex;
align-items: center;
}

.top-action-header-right span.custom-select-trigger
{
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 16px;
color: #4e5566;
border: 1px solid #e9eaf0;
margin: 0;
line-height: 48px;
width: 200px;
padding: 0 18px;
}

.top-action-header-right span.custom-select-trigger::after
{
border-bottom: 2px solid #1d2026;
border-right: 2px solid #1d2026;
}

.bottom-action-header
{
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: inset 0px -1px 0px #e9eaf0;
padding-bottom: 15px;
}

@media only screen and (max-width: 991px)
{
.bottom-action-header
{
display: block;
}
}

.bottom-action-header .suggetions
{
display: flex;
}

@media only screen and (max-width: 991px)
{
.bottom-action-header .suggetions
{
margin-bottom: 10px;
}
}

@media only screen and (max-width: 767px)
{
.bottom-action-header .suggetions
{
display: block;
}
}

.bottom-action-header .suggetions p
{
font-size: 14px;
letter-spacing: -0.01em;
color: #1d2026;
margin-right: 6px;
}

@media only screen and (max-width: 767px)
{
.bottom-action-header .suggetions p
{
margin-bottom: 10px;
}
}

.bottom-action-header .suggetions ul
{
margin: 0;
padding: 0;
list-style: none;
}

.bottom-action-header .suggetions ul li
{
margin: 0 6px;
display: inline-block;
}

.bottom-action-header .suggetions ul li a
{
font-size: 14px;
letter-spacing: -0.01em;
color: #ff6636;
}

.bottom-action-header .search-result p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
}

.bottom-action-header .search-result p span
{
color: #1d2026;
}

.profile-wrap
{
border: 1px solid #ffddd1;
padding: 40px;
display: flex;
background-color: #fff;
align-items: center;
justify-content: space-between;
}

@media only screen and (max-width: 1199px)
{
.profile-wrap
{
padding: 30px;
}
}

@media only screen and (max-width: 991px)
{
.profile-wrap
{
display: block;
}
}

.profile-wrap .profile-left
{
display: flex;
align-items: center;
}

@media only screen and (max-width: 767px)
{
.profile-wrap .profile-left
{
display: block;
}
}

.profile-wrap .profile-left .profile-thumb
{
width: 200px;
height: 200px;
overflow: hidden;
border-radius: 100%;
margin-right: 24px;
flex: 0 0 auto;
}

@media only screen and (max-width: 1199px)
{
.profile-wrap .profile-left .profile-thumb
{
width: 160px;
height: 160px;
margin-right: 15px;
}
}

@media only screen and (max-width: 767px)
{
.profile-wrap .profile-left .profile-thumb
{
margin-bottom: 30px;
}
}

.profile-wrap .profile-left .profile-thumb img
{
width: 100%;
height: 100%;
object-fit: cover;
}

.profile-wrap .profile-left .profile-data h3
{
font-weight: 600;
font-size: 32px;
letter-spacing: -0.01em;
color: #1d2026;
display: flex;
align-items: center;
margin-bottom: 9px;
}

@media only screen and (max-width: 1199px)
{
.profile-wrap .profile-left .profile-data h3
{
font-size: 28px;
}
}

@media only screen and (max-width: 479px)
{
.profile-wrap .profile-left .profile-data h3
{
font-size: 22px;
}
}

.profile-wrap .profile-left .profile-data h3 span
{
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #ff6636;
background: #ffeee8;
padding: 8px 12px;
margin-left: 10px;
}

@media only screen and (max-width: 1199px)
{
.profile-wrap .profile-left .profile-data h3 span
{
font-size: 13px;
padding: 5px 10px;
}
}

@media only screen and (max-width: 479px)
{
.profile-wrap .profile-left .profile-data h3 span
{
font-size: 12px;
}
}

.profile-wrap .profile-left .profile-data h3 span svg
{
margin-right: 2px;
}

.profile-wrap .profile-left .profile-data p
{
font-size: 16px;
line-height: 24px;
color: #6e7485;
}

.profile-wrap .profile-left .profile-data .profile-review
{
margin-top: 22px;
}

.profile-wrap .profile-left .profile-data .profile-review ul
{
margin: 0;
padding: 0;
list-style: none;
display: flex;
}

@media only screen and (max-width: 479px)
{
.profile-wrap .profile-left .profile-data .profile-review ul
{
display: block;
}
}

.profile-wrap .profile-left .profile-data .profile-review ul li
{
display: inline-flex;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
margin-right: 17px;
}

@media only screen and (max-width: 1199px)
{
.profile-wrap .profile-left .profile-data .profile-review ul li
{
margin-right: 10px;
}
}

@media only screen and (max-width: 479px)
{
.profile-wrap .profile-left .profile-data .profile-review ul li
{
display: block;
margin-bottom: 5px;
}
}

.profile-wrap .profile-left .profile-data .profile-review ul li:last-child
{
margin-right: 0;
}

.profile-wrap .profile-left .profile-data .profile-review ul li span
{
font-weight: 500;
color: #1d2026;
font-size: 16px;
margin-right: 4px;
}

.profile-wrap .profile-left .profile-data .profile-review ul li svg
{
margin-right: 5px;
}

.profile-wrap .profile-right
{
text-align: right;
}

@media only screen and (max-width: 991px)
{
.profile-wrap .profile-right
{
text-align: left;
margin-top: 25px;
}
}

.profile-wrap .profile-right a.website-link
{
font-weight: 500;
font-size: 14px;
letter-spacing: -0.01em;
color: #564ffd;
}

.profile-wrap .profile-right a.website-link svg
{
margin-right: 2px;
}

.accordion-wrap-faq.lecture-wrap .accordion__list2
{
margin-bottom: 0;
}

.accordion-wrap-faq.lecture-wrap .accordion__list2:last-child .accordion-body-text
{
border-bottom: 1px solid #e9eaf0;
}

.accordion-wrap-faq.lecture-wrap .accordion__list2:last-child .link
{
border-bottom: 1px solid #e9eaf0;
}

.accordion-wrap-faq.lecture-wrap .accordion-header-content
{
font-size: 16px;
color: #1d2026;
font-weight: 500;
}

@media only screen and (max-width: 479px)
{
.accordion-wrap-faq.lecture-wrap .accordion-header-content
{
font-size: 15px;
}
}

.accordion-wrap-faq.lecture-wrap .accordion-header-content svg
{
margin-right: 7px;
transition: all 0.3s;
}

.accordion-wrap-faq.lecture-wrap .link
{
padding: 20px;
border: 1px solid #e9eaf0;
border-bottom: 1px solid transparent;
}

.accordion-wrap-faq.lecture-wrap .link:hover
{
border: 1px solid #e9eaf0;
box-shadow: none;
}

.accordion-wrap-faq.lecture-wrap .accordion__list2.open .link
{
background-color: #f5f7fa;
border: 1px solid transparent;
}

.accordion-wrap-faq.lecture-wrap .accordion__list2.open .accordion-header-content
{
color: #ff6636;
}

.accordion-wrap-faq.lecture-wrap .accordion__list2.open .accordion-header-content svg
{
transform: rotate(180deg);
}

.accordion-wrap-faq.lecture-wrap .accordion__list2.open .accordion-header-content svg path
{
stroke: #ff6636;
}

.accordion-wrap-faq.lecture-wrap .accordion-body-text
{
box-shadow: none;
border: 1px solid #e9eaf0;
border-top: none;
border-bottom: none;
padding: 0;
}

.lectue-body-item
{
display: flex;
padding: 14px 20px;
align-items: center;
transition: all 0.3s;
cursor: pointer;
justify-content: space-between;
}

.lectue-body-item.active
{
background: #ffeee8;
}

.lectue-body-item.active label.form-check-label
{
color: #1d2026;
font-weight: 500;
}

.lectue-body-item.active .form-check-input
{
border: 1px solid #ff6636 !important;
}

.lectue-body-item.active .lecture-play path
{
fill: #1d2026;
}

.lectue-body-item:hover
{
background-color: #f5f7fa;
}

.lectue-body-item .form-check-input
{
width: 18px;
height: 18px;
margin-top: 2px;
cursor: pointer;
border: 1px solid #ced1d9 !important;
}

.lectue-body-item .form-check-input input[type=checkbox]:checked
{
border-color: #ff6636 !important;
}

.lectue-body-item label.form-check-label
{
font-size: 14px;
letter-spacing: -0.01em;
color: #4e5566;
cursor: pointer;
}

.lectue-body-item input[type=checkbox]:checked + .form-check-label
{
color: #4e5566;
}

.lectue-body-item .lecture-play path
{
fill: #a1a5b3;
}

@media only screen and (max-width: 1499px)
{
.sub-heading-meta
{
margin-top: 10px;
}
}

.sub-heading-meta ul
{
margin: 0;
padding: 0;
list-style: none;
}

.sub-heading-meta ul li
{
margin: 0 8px;
display: inline-block;
font-size: 14px;
letter-spacing: -0.01em;
color: #4e5566;
}

.sub-heading-meta ul li span
{
color: #8c94a3;
}

.sub-heading-meta ul li:first-child
{
margin-left: 0;
}

.sub-heading-meta ul li:last-child
{
margin-right: 0;
}

.company-content
{
margin-right: 10px;
}

@media only screen and (max-width: 991px)
{
.company-content
{
text-align: center;
margin-bottom: 30px;
}
}

.company-content h3
{
font-weight: 600;
font-size: 32px;
line-height: 40px;
letter-spacing: -0.01em;
color: #1d2026;
margin-bottom: 20px;
}

@media only screen and (max-width: 1499px)
{
.company-content h3
{
font-size: 30px;
}
}

@media only screen and (max-width: 1199px)
{
.company-content h3
{
font-size: 26px;
}
}

@media only screen and (max-width: 991px)
{
.company-content h3
{
margin-bottom: 10px;
}
}

.company-content p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
margin-right: 110px;
}

@media only screen and (max-width: 1199px)
{
.company-content p
{
margin-right: 0;
}
}

.company-logo-item a
{
width: 200px;
height: 100px;
left: 0px;
top: 0px;
background: #ffffff;
box-shadow: 0px 0px 32px rgba(9, 26, 68, 0.07);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
}

@media only screen and (max-width: 1499px)
{
.company-logo-item a
{
width: 100%;
height: 85px;
}
}

.company-logo-wrap
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.button
{
color: #fff;
font-weight: 600;
font-size: 14px;
line-height: 40px;
padding: 0px 16px;
text-align: center;
white-space: nowrap;
display: inline-block;
letter-spacing: -0.04em;
text-transform: capitalize;
background-color: #ff6636;
transition: all 0.3s ease-in-out;
}

.button:hover
{
background-color: #cc522b;
box-shadow: 0px 6px 20px 0px #cc522b80;
}

.button--md
{
font-size: 16px;
line-height: 48px;
padding: 0px 24px;
letter-spacing: -0.008em;
}

.button--lg
{
font-size: 18px;
line-height: 56px;
padding: 0px 32px;
letter-spacing: -0.01em;
}

.button-i span
{
margin-right: 15px;
display: inline-block;
}

.button-i--r span
{
margin-left: 15px;
}

.button-d
{
user-select: none;
pointer-events: none;
background: #ffddd1;
}

.button-d:hover
{
box-shadow: none;
}

.button-d--p-s:hover, .button-d--p-t:hover, .button-d--s:hover, .button-d--s-s:hover, .button-d--s-t:hover, .button-d--g:hover, .button-d--g-s:hover, .button-d--g-t:hover
{
box-shadow: none;
}

.button-d--p-s
{
color: #ffa386;
background-color: #ffeee8;
}

.button-d--p-t
{
color: #ffa386;
background-color: transparent;
}

.button-d--s
{
background-color: #cdcbfe;
}

.button-d--s:hover
{
background-color: #cdcbfe;
}

.button-d--s-s
{
color: #9a95fe;
background-color: #ebebff;
}

.button-d--s-s:hover
{
background-color: #ebebff;
}

.button-d--s-t
{
color: #9a95fe;
background-color: transparent;
}

.button-d--s-t:hover
{
background-color: transparent;
}

.button-d--g
{
background-color: #ced1d9;
}

.button-d--g:hover
{
background-color: #ced1d9;
}

.button-d--g-s
{
color: #b7bac7;
background-color: #f5f7fa;
}

.button-d--g-s:hover
{
background-color: #f5f7fa;
}

.button-d--g-t
{
color: #b7bac7;
background-color: transparent;
}

.button-d--g-t:hover
{
background-color: #f5f7fa;
}

.button-p-s
{
color: #ff6636;
background-color: #ffeee8;
}

.button-p-s:hover
{
color: #cc522b;
background-color: #ffddd1;
}

.button-p-t
{
color: #ff6636;
background-color: transparent;
}

.button-p-t:hover
{
color: #cc522b;
background-color: #ffeee8;
}

.button-s
{
background: #564ffd;
}

.button-s:hover
{
background-color: #453fca;
box-shadow: 0px 6px 20px 0px #453fca80;
}

.button-s-s
{
color: #564ffd;
background-color: #ebebff;
}

.button-s-s:hover
{
color: #453fca;
box-shadow: none;
background-color: #cdcbfe;
}

.button-s-t
{
color: #564ffd;
background-color: transparent;
}

.button-s-t:hover
{
color: #453fca;
box-shadow: none;
background-color: #ebebff;
}

.button-g
{
background-color: #1d2026;
}

.button-g:hover
{
background-color: #363b47;
box-shadow: none;
box-shadow: 0px 6px 20px 0px #363b4780;
}

.button-g-s
{
color: #1d2026;
background-color: #f5f7fa;
}

.button-g-s:hover
{
color: #363b47;
box-shadow: none;
background-color: #e9eaf0;
}

.button-g-t
{
color: #1d2026;
background-color: transparent;
}

.button-g-t:hover
{
color: #1d2026;
box-shadow: none;
background-color: #f5f7fa;
}

.edit-biography-content .edit-biography-right .edit-btn,
.edit-biography-content .edit-biography-right .notification
{
transition: 0.3s;
}

.edit-biography-content .edit-biography-right .notification:hover
{
background-color: #cc522b;
}

.edit-biography-content .edit-biography-right .notification:hover svg path
{
stroke: #fff;
}

.edit-biography-content .edit-biography-right .edit-btn:hover
{
background-color: #cc522b;
}

.dashboard-content .dashboard-right .notification
{
transition: 0.3s;
}

.dashboard-content .dashboard-right .notification:hover
{
background-color: #cc522b;
}

.dashboard-content .dashboard-right .notification:hover svg path
{
stroke: #fff;
}

label
{
width: 100%;
float: left;
user-select: none;
}

.center
{
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

select
{
z-index: 3;
float: left;
}

/** Custom Select **/
.custom-select-wrapper
{
position: relative;
display: inline-block;
user-select: none;
cursor: pointer;
}

.custom-select-wrapper select
{
display: none;
}

.custom-select
{
position: relative;
display: inline-block;
font: 13px/1.5 "Roboto", sans-serif;
}

.custom-select-trigger
{
position: relative;
display: block;
min-width: 115px;
padding: 0;
font-weight: 400;
color: #6e7485;
background-color: transparent;
border-radius: 3px;
cursor: pointer;
font-size: 14px;
margin-left: 20px;
transition: all 0.3s ease-in-out;
}

.custom-select-trigger:after
{
position: absolute;
display: block;
content: "";
width: 10px;
height: 10px;
top: 50%;
right: 20px;
margin-top: -3px;
border-bottom: 2px solid #c7d1d6;
border-right: 2px solid #c7d1d6;
transform: rotate(45deg) translateY(-50%);
transition: all 0.35s ease-out;
transform-origin: 50% 0;
}

.custom-select.opened .custom-select-trigger:after
{
margin-top: 3px;
transform: rotate(-135deg) translateY(-50%);
}

.custom-options
{
position: absolute;
display: block;
top: 100%;
left: 0%;
right: 0;
width: 100%;
margin: 15px 0;
border-radius: 0;
padding: 10px 0;
box-sizing: border-box;
background: #fff;
transition: all 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-15px);
border: 0;
z-index: 9;
border: 1px solid #e9eaf0;
border-top: none;
box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.06);
}

.custom-select.opened .custom-options
{
opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateY(0x);
}

.option-hover:before
{
background: #f9f9f9;
}

.custom-option
{
position: relative;
display: block;
font-weight: 400;
line-height: 30px;
cursor: pointer;
transition: all 0.05s ease-in-out;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
transition: all 0.3s;
padding: 5px 18px;
}

.custom-option:hover
{
color: #1d2026 !important;
background: #ffeee8;
}

.custom-option:first-of-type
{
border-radius: 4px 4px 0 0;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}

.custom-option:last-of-type
{
border-bottom: 0;
border-radius: 0 0 4px 4px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.custom-option:hover,
.custom-option.selection
{
color: #b5b5b5;
}

.btn-parimary
{
background-color: #ff6636;
border: 0;
color: #fff;
}

.input-btn
{
font-weight: 500;
font-size: 16px;
line-height: 48px;
letter-spacing: -0.008em;
height: 48px;
width: 143px;
text-align: center;
}

@media (max-width: 575px)
{
.input-btn
{
font-size: 14px;
}
}

.card-btn
{
background-color: transparent;
border: 0;
}

.lecture-card-btn
{
background-color: #ffeee8;
color: #ff6636;
border: 0;
line-height: 40px;
padding: 0 16px;
font-weight: 600;
transition: 0.3s;
text-align: center;
}

.lecture-card-btn:hover
{
background-color: #ff6636;
color: #fff;
}

.lecture-card-btn-watched
{
width: 100%;
}

.visa-btn
{
width: 100%;
display: flex;
font-size: 16px;
padding: 36px 0;
color: #1d2026;
transition: 0.3s;
font-weight: 500;
line-height: 22px;
text-align: center;
align-items: center;
justify-content: center;
text-transform: capitalize;
border: 1px dashed #e9eaf0;
}

.visa-btn svg
{
margin-right: 8px;
}

.visa-btn:hover
{
background-color: #ffeee8;
color: #ff6636;
border: 1px dashed transparent;
}

.rotate
{
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}

.rotate path
{
stroke: #ff6636;
}

.rotate.rotate-down
{
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.btn-wrap-column
{
display: flex;
justify-content: center;
}

.btn-wrap
{
text-align: center;
margin: 0 7px;
}

a.default-btn,
button.default-btn
{
display: inline-block;
font-weight: 600;
letter-spacing: -0.004em;
text-transform: capitalize;
color: #fff;
transition: all 0.3s;
text-align: center;
border: none;
}

a.default-btn.icon-btn svg,
button.default-btn.icon-btn svg
{
margin-left: 10px;
}

a.default-btn.icon-btn-left svg,
button.default-btn.icon-btn-left svg
{
margin-right: 10px;
}

a.default-btn.bg-gray
{
color: #1d2026;
background: #f5f7fa;
}

a.default-btn.bg-white
{
color: #ff6636;
background-color: #fff;
}

a.default-btn.bg-orange,
button.default-btn.bg-orange
{
background: #ff6636;
}

a.default-btn.bg-orange:hover,
button.default-btn.bg-orange:hover
{
background-color: #cc522b;
}

a.default-btn.btn-small,
button.default-btn.btn-small
{
padding: 0 16px;
font-size: 14px;
line-height: 40px;
}

a.default-btn.btn-medium,
button.default-btn.btn-medium
{
padding: 0 24px;
font-size: 16px;
line-height: 48px;
}

a.default-btn.btn-large,
button.default-btn.btn-large
{
padding: 0 32px;
font-size: 18px;
line-height: 56px;
}

@media only screen and (max-width: 479px)
{
a.default-btn.btn-large,
button.default-btn.btn-large
{
padding: 0 25px;
font-size: 16px;
line-height: 50px;
}
}

a.default-btn.bg-tuscany
{
background: #cc522b;
box-shadow: 0px 6px 20px rgba(204, 82, 43, 0.5);
}

a.default-btn.bg-watusi
{
background: #ffddd1;
}

a.default-btn.bg-pink
{
color: #ff6636;
background: #ffeee8;
}

a.default-btn.bg-watusi2
{
color: #cc522b;
background: #ffddd1;
}

a.default-btn.bg-pink2
{
color: #ffa386;
background: #ffeee8;
}

a.default-btn.color-orange
{
color: #ff6636;
}

a.default-btn.bg-pink3
{
color: #cc522b;
background: #ffeee8;
}

a.default-btn.color-pink
{
color: #ffa386;
}

.trailer
{
margin-bottom: 48px;
}

.trailer:last-child
{
margin-bottom: 0;
}

.trailer h4
{
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #1d2026;
margin-bottom: 10px;
}

.trailer-box
{
display: flex;
overflow: hidden;
transition: 0.3s;
flex-wrap: wrap;
}

.trailer-box img
{
width: 228px;
height: 100%;
object-fit: cover;
margin-right: 24px;
}

.trailer-box-content
{
flex: 1;
}

.trailer-box-content p
{
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
padding-bottom: 32px;
}

.trailer-box-content label[for=file-upload]
{
border: 0;
background-color: #ffeee8;
color: #ff6636;
font-weight: 600;
font-size: 16px;
line-height: 48px;
letter-spacing: -0.008em;
text-transform: capitalize;
padding: 0 24px;
transition: 0.3s;
width: 189px;
cursor: pointer;
position: relative;
}

.trailer-box-content label[for=file-upload]:hover
{
background-color: #ff6636;
color: #fff;
}

.trailer-box-content label[for=file-upload]:hover svg path
{
stroke: #fff;
}

.trailer-box-content label[for=file-upload] svg
{
margin-left: 8px;
}

.trailer-box-content label[for=file-upload] svg path
{
transition: all 0.3s;
}

.bg-light
{
background-color: #fff !important;
padding: 20px;
margin: 20px 0;
}

@media (min-width: 576px) and (max-width: 767px)
{
.trailer-box
{
flex-direction: column;
}
}

#file-upload
{
position: absolute;
left: -9999px;
}

.progress-content
{
padding: 24px;
text-align: center;
transition: 0.3s;
background-color: #fff;
margin-bottom: 20px;
}

.progress-content:hover
{
box-shadow: 0px 12px 32px rgba(29, 32, 38, 0.1);
}

.progress-content:hover .category-content-left
{
background-color: #ff6636;
}

.progress-content:hover .category-content-left svg path
{
stroke: #fff;
}

.progress-content-left
{
height: 80px;
width: 80px;
line-height: 80px;
text-align: center;
margin-bottom: 24px;
display: inline-block;
background: rgba(86, 79, 253, 0.1);
}

@media (max-width: 767px)
{
.progress-content-left
{
margin-bottom: 12px;
}
}

.progress-content-left svg
{
transition: 0.3s;
}

.progress-content-left svg path
{
transition: 0.3s;
}

.progress-content-right
{
align-self: center;
}

.progress-content-right a
{
margin-bottom: 6px;
white-space: nowrap;
color: #1d2026;
}

.progress-content-color-1 .progress-content-left
{
background-color: #e1f7e3;
}

.progress-content-color-2 .progress-content-left
{
background-color: #fff2e5;
}

.progress-content-color-3 .progress-content-left
{
background-color: #ffeee8;
}

.progress-content-color-4 .progress-content-left
{
background-color: #fff0f0;
}

a.cke_path_item,
span.cke_path_empty
{
display: none;
}

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

.checkbox-field ul li
{
position: relative;
padding-left: 35px;
font-weight: normal;
font-size: 14px;
letter-spacing: -0.01em;
color: #4e5566;
margin-bottom: 20px;
line-height: 22px;
}

.checkbox-field ul li:last-child
{
margin-bottom: 0;
}

.checkbox-field ul li svg
{
position: absolute;
left: 0;
}

.calendar-wrapper
{
width: 360px;
padding: 20px;
border: 1px solid #ff6636;
border-radius: 5px;
background: #fff;
position: absolute;
top: 48px;
right: 0;
z-index: 1;
display: none;
}

@media only screen and (max-width: 767px)
{
.calendar-wrapper
{
width: 100%;
}
}

.calendar-wrapper table
{
clear: both;
width: 100%;
border: 1px solid #dcdcff;
border-radius: 3px;
border-collapse: collapse;
color: #444;
}

.calendar-wrapper table td
{
height: 48px;
text-align: center;
vertical-align: middle;
border-right: 1px solid #dcdcff;
border-top: 1px solid #dcdcff;
width: 14.28571429%;
}

td.not-current
{
color: #c0c0c0;
}

td.today
{
font-weight: 700;
color: #28283b;
font-size: 1.5em;
}

thead td
{
border: none;
color: #28283b;
text-transform: uppercase;
font-style: normal;
font-weight: 500;
font-size: 16px;
color: #1d2026;
}

#btnPrev
{
float: left;
margin-bottom: 20px;
}

#btnNext
{
float: right;
margin-bottom: 20px;
}

#btnPrev,
#btnNext
{
background: transparent;
border: none;
outline: none;
color: #1d2026;
cursor: pointer;
text-transform: uppercase;
transition: all 0.3s ease;
font-family: Inter;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
}

#btnPrev:hover,
#btnNext:hover
{
color: #ff6636;
}

/*
 * FilePond Custom Styles
 */
.filepond--drop-label
{
color: #4c4e53;
}

.filepond--label-action
{
text-decoration-color: #babdc0;
}

.filepond--panel-root
{
background-color: #edf0f4;
}

.filepond--image-preview-wrapper
{
border-radius: 0px;
}

.filepond--file
{
padding: 0px;
}

.filepond--root
{
width: 100%;
height: 100%;
margin: 0px;
border-radius: 0px !important;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper
{
border-radius: 0px !important;
}

.filepond--file-wrapper.filepond--file-wrapper > legend
{
display: none;
}

.filepond--item
{
margin: 0;
}

.filepond--list-scroller[data-state=overflow]
{
margin: 0px;
width: inherit;
height: inherit;
}

.filepond--drop-label.filepond--drop-label label
{
color: #fff;
background-color: #00000080;
}

.activity
{
margin: 0;
padding: 0px;
height: 385px;
overflow: hidden;
overflow-y: scroll;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */;
}

.activity::-webkit-scrollbar
{
width: 4px;
}

.activity::-webkit-scrollbar-track
{
background: #ffeee8;
}

.activity::-webkit-scrollbar-thumb
{
border-radius: 4px;
background: #ff6636;
}

.activity::-webkit-scrollbar-thumb:hover
{
background: #555;
}

.activity-item
{
display: flex;
padding: 12px 20px;
transition: all 0.3s linear;
}

.activity-item:hover
{
background-color: #ffeee8;
}

.activity-icon
{
width: 32px;
height: 32px;
display: flex;
flex-shrink: 0;
overflow: hidden;
border-radius: 50%;
margin-right: 12px;
align-items: center;
justify-content: center;
background-color: #ff6636;
}

.activity-icon img
{
color: #fff;
height: 16px;
}

.activity-info p
{
color: #4e5566;
margin-bottom: 6px;
}

.activity-info p .username
{
color: #1d2026;
font-weight: 600;
}

.activity-info .time
{
font-size: 12px;
color: #8c94a3;
line-height: 16px;
text-transform: capitalize;
}

.category-section .category-content
{
margin-bottom: 24px;
}

.category-content
{
display: flex;
padding: 20px;
transition: 0.3s;
}

.category-content:hover
{
box-shadow: 0px 12px 32px rgba(29, 32, 38, 0.1);
background-color: #fff;
}

.category-content:hover .category-content-left svg path
{
stroke: #fff;
}

.category-content-left
{
height: 64px;
width: 64px;
line-height: 64px;
text-align: center;
margin-right: 20px;
background-color: #fff;
transition: 0.3s;
}

.category-content-left svg
{
transition: 0.3s;
}

.category-content-left svg path
{
transition: 0.3s;
}

.category-content-right
{
align-self: center;
}

.category-content-right h4
{
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
margin: 0;
display: block;
margin-bottom: 5px;
}

.category-content-right span
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
margin-top: 8px;
}

.icon-bottom-btn
{
text-align: center;
}

.icon-bottom-btn p
{
font-size: 14px;
letter-spacing: -0.01em;
color: #4e5566;
}

.icon-bottom-btn p a
{
color: #ff6636;
font-weight: 500;
margin-left: 10px;
}

.icon-bottom-btn p a svg
{
margin-left: 5px;
}

.curriculum
{
padding: 24px;
background-color: #f5f7fa;
}

@media (max-width: 767px)
{
.curriculum
{
max-width: 100%;
overflow-x: scroll;
}
}

.curriculum-section-content
{
display: flex;
align-items: center;
justify-content: space-between;
}

@media (max-width: 767px)
{
.curriculum-section-content
{
width: 650px;
}
}

.curriculum-section-content .section-info
{
display: flex;
align-items: center;
}

.curriculum-section-content .section-info span
{
cursor: pointer;
}

.curriculum-section-content .section-info > div
{
margin-left: 12px;
}

.curriculum-section-content .section-info > div h2
{
margin: 0px;
font-size: 16px;
}

.curriculum-section-content .section-info > div h2 span
{
max-width: 575px;
margin-left: 12px;
font-weight: normal;
}

.curriculum-section-content .section-action
{
display: flex;
align-items: center;
}

.curriculum-section-content .section-action a
{
color: #8c94a3;
margin-right: 20px;
}

.curriculum-section-content .section-action a:nth-last-child(1)
{
margin-right: 0px;
}

.curriculum-section__lectures
{
margin-top: 24px;
}

@media (max-width: 767px)
{
.curriculum-section__lectures
{
width: 650px;
}
}

.curriculum-lecture
{
padding: 20px;
display: flex;
align-items: center;
background-color: #fff;
transition: all 0.3s linear;
justify-content: space-between;
}

.curriculum-lecture:hover .lecture-action a
{
color: #1d2026;
}

.curriculum-lecture:hover .lecture-action a:nth-last-child(1)
{
color: #e34444;
}

.curriculum-lecture .lecture-info
{
display: flex;
align-items: center;
}

.curriculum-lecture .lecture-info span
{
cursor: pointer;
}

.curriculum-lecture .lecture-info > div
{
margin-left: 12px;
}

.curriculum-lecture .lecture-info > div h2
{
margin: 0px;
font-size: 14px;
color: #1d2026;
line-height: 22px;
letter-spacing: -0.01em;
}

.curriculum-lecture .lecture-action
{
display: flex;
align-items: center;
}

.curriculum-lecture .lecture-action .button
{
transition: all 0.3s linear;
}

.curriculum-lecture .lecture-action .button:hover
{
box-shadow: none;
}

.curriculum-lecture .lecture-action .button.show span svg
{
transform: rotate(180deg);
}

.curriculum-lecture .lecture-action .button,
.curriculum-lecture .lecture-action a
{
margin-right: 15px;
transition: all 0.3s linear;
}

.curriculum-lecture .lecture-action a
{
color: #8c94a3;
}

.curriculum-lecture .lecture-action a:nth-last-child(1)
{
margin: 0px;
}

.pag .pag-arrow
{
height: 48px;
width: 48px;
border-radius: 50%;
margin-right: 8px;
text-align: center;
line-height: 48px;
background-color: #ffeee8;
display: inline-block;
}

.pag .pag-arrow-right
{
margin-left: 16px;
cursor: pointer;
}

.pag .pag-arrow-left
{
margin-right: 16px;
cursor: pointer;
}

.pag .pag-content
{
display: inline-block;
}

.pag ul
{
display: flex;
padding: 0;
}

.pag ul li
{
height: 48px;
width: 48px;
margin: 0 4px;
border-radius: 50%;
text-align: center;
line-height: 48px;
transition: 0.3s;
}

.pag ul li a
{
font-weight: 500;
font-size: 14px;
color: #1d2026;
transition: 0.3s;
cursor: pointer;
}

.pag ul li:hover a
{
color: #ff6636;
}

.pag ul li:hover
{
background-color: #ffeee8;
}

.pag ul .active
{
background-color: #ff6636;
}

.pag ul .active a
{
color: #fff;
}

.bredadcrumb-section
{
background-color: #f5f7fa;
padding: 40px 0;
}

.breadcrumb-menu
{
text-align: center;
}

.breadcrumb-menu.text-left
{
text-align: left;
margin-bottom: 16px;
}

.breadcrumb-menu h3
{
margin: 6px;
}

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

.breadcrumb-menu ul li
{
margin: 0 2px;
display: inline-block;
}

.breadcrumb-menu ul li:nth-last-child(1) a
{
color: #1d2026;
}

.dashedboard-menu-wrap
{
background: #1d2026;
box-shadow: inset 0px -1px 0px #363b47;
}

.dashedboard-menu-wrap .dashedboard-menu-header
{
border-bottom: 1px solid #363b47;
margin-bottom: 16px;
}

.dashedboard-menu-wrap .dashedboard-menu-header ul
{
margin: 0;
padding: 0;
list-style: none;
}

.dashedboard-menu-wrap .dashedboard-menu-header ul li
{
color: #fff;
font-weight: 600;
font-size: 23.9581px;
padding: 16px 27px;
}

.dashedboard-menu-wrap .dashedboard-menu-header ul li img
{
margin-right: 8px;
}

.dashedboard-menu-wrap .dashedboard-menu-body ul
{
margin: 0;
padding: 0;
list-style: none;
}

.dashedboard-menu-wrap .dashedboard-menu-body ul li a
{
display: block;
font-weight: 500;
font-size: 14px;
color: #8c94a3;
padding: 15px 27px;
transition: 0.3s;
}

.dashedboard-menu-wrap .dashedboard-menu-body ul li a span
{
display: block;
width: 24px;
height: 24px;
line-height: 24px;
background: #ff6636;
border-radius: 20px;
color: #fff;
float: right;
text-align: center;
transition: all 0.3s;
}

.dashedboard-menu-wrap .dashedboard-menu-body ul li a:hover span
{
color: #ff6636;
background-color: #fff;
}

.dashedboard-menu-wrap .dashedboard-menu-body ul li a:hover
{
color: #fff;
background-color: #ff6636;
}

.dashedboard-menu-wrap .dashedboard-menu-body ul li a:hover svg path
{
stroke: #fff;
transition: 0.3s;
}

.dashedboard-menu-wrap .dashedboard-menu-body ul li:last-child a
{
margin-top: 400px;
padding: 27px;
background-color: #1d2026;
}

.dashedboard-menu-wrap .dashedboard-menu-body svg
{
margin-right: 10px;
}

.dashedboard-menu-wrap .dashedboard-menu-body svg path
{
stroke: #8c94a3;
transition: 0.3s;
}

.social-icon
{
margin-top: 16px;
}

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

.social-icon ul li
{
margin: 0 2px;
display: inline-block;
}

.social-icon ul li:first-child
{
margin-left: 0;
}

.social-icon ul li:last-child
{
margin-right: 0;
}

.social-icon ul li a
{
width: 48px;
height: 48px;
display: flex;
font-size: 14px;
font-weight: 500;
color: #4e5566;
line-height: 20px;
align-items: center;
transition: all 0.3s;
background: #f5f7fa;
justify-content: center;
letter-spacing: -0.01em;
}

@media only screen and (max-width: 1199px)
{
.social-icon ul li a
{
width: 44px;
height: 44px;
}
}

.social-icon ul li a:hover
{
color: #fff;
background-color: #ff6636;
box-shadow: 0px 6px 20px 0px #cc522b80;
}

.social-icon ul li a:hover path
{
fill: #fff;
}

.social-icon ul li a svg
{
transition: all 0.3s;
}

.social-icon ul li a path
{
transition: all 0.3s;
}

.footer-social
{
margin-top: 24px;
}

.footer-social ul
{
display: flex;
}

.footer-social ul li
{
margin: 0 6px;
}

.footer-social ul li a
{
width: 46px;
height: 46px;
background-color: #272b33;
}

.app-btn-column a.app-btn
{
margin-bottom: 12px;
}

@media (max-width: 767px)
{
.app-btn-column a.app-btn
{
margin: 0px;
margin-right: 12px;
}
}

@media (max-width: 480px)
{
.app-btn-column a.app-btn
{
width: 100%;
margin-bottom: 12px;
}

.app-btn-column a.app-btn:nth-last-child(1)
{
margin: 0;
}
}

.app-btn-column a.app-btn .app-btn-wrap
{
display: flex;
align-items: center;
justify-content: center;
width: 163px;
height: 58px;
background: #272b33;
}

@media (max-width: 480px)
{
.app-btn-column a.app-btn .app-btn-wrap
{
width: 100%;
}
}

.app-btn-column a.app-btn .app-btn-wrap .app-icon svg
{
margin-right: 15px;
}

.app-btn-column a.app-btn .app-btn-wrap .app-icon img
{
margin-right: 15px;
}

.app-btn-column a.app-btn .app-btn-wrap .app-data p
{
font-size: 10px;
color: #b7bac7;
line-height: 1;
margin-bottom: 4px;
}

.app-btn-column a.app-btn .app-btn-wrap .app-data h5
{
font-weight: 500;
font-size: 16px;
color: #fff;
margin: 0;
}

.notification-sections
{
padding: 20px;
background-color: #fff;
}

.notification-sections .notification-item
{
display: flex;
padding-bottom: 12px;
background-color: #fff;
}

.notification-sections .notification-item-left-icon
{
height: 32px;
width: 32px;
border-radius: 50%;
line-height: 29px;
text-align: center;
background-color: #ff6636;
margin-right: 12px;
cursor: pointer;
}

.notification-sections .notification-item-right-content a
{
margin: 0;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
}

.notification-sections .notification-item-right-content span
{
font-size: 12px;
line-height: 16px;
color: #8c94a3;
margin-top: 6px;
}

.payment-card-visa
{
background-image: radial-gradient(#453fca, #342f98);
padding: 24px;
position: relative;
overflow: hidden;
width: 100%;
z-index: 1;
}

.payment-card-visa svg
{
z-index: 1;
}

.payment-card-visa-header
{
display: flex;
justify-content: space-between;
padding-bottom: 28px;
}

.payment-card-visa-header svg
{
z-index: 1;
}

.payment-card-visa-header button
{
background-color: transparent;
border: 0;
}

.payment-card-visa-mid
{
display: flex;
padding-bottom: 24px;
}

.payment-card-visa-mid input
{
background: transparent;
border: 0;
font-size: 24px;
line-height: 32px;
color: #fff;
padding-right: 27px;
z-index: 1;
width: 252px;
}

.payment-card-visa-mid p
{
font-size: 24px;
line-height: 32px;
color: #fff;
padding-right: 27px;
z-index: 1;
}

.payment-card-visa-mid svg
{
z-index: 1;
}

.payment-card-visa-mid button
{
background-color: transparent;
border: 0;
}

.payment-card-visa svg
{
z-index: 9999;
}

.payment-card-visa-footer
{
display: flex;
}

.payment-card-visa-footer-left
{
padding-right: 144px;
}

.payment-card-visa-footer-info span
{
font-weight: 300;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #ffffffad;
z-index: 1;
}

.payment-card-visa-footer-info p
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #fff;
z-index: 1;
}

.payment-card-visa::after
{
position: absolute;
content: " ";
bottom: -96px;
right: -60px;
height: 250px;
width: 250px;
border-radius: 50%;
background-color: #ffffff0d;
z-index: -1;
}

.payment-card-visa:before
{
position: absolute;
content: " ";
top: -43px;
left: 18px;
height: 90px;
width: 90px;
border-radius: 50%;
background-color: #ffffff0d;
}

.payment-card-visa-2
{
background-image: radial-gradient(#b63636, #882929);
padding: 24px;
position: relative;
overflow: hidden;
width: 100%;
z-index: 1;
}

.payment-card-visa-2 svg
{
z-index: 1;
}

.payment-card-visa-2-header
{
display: flex;
justify-content: space-between;
padding-bottom: 20px;
}

.payment-card-visa-2-header svg
{
z-index: 1;
}

.payment-card-visa-2-header button
{
background-color: transparent;
border: 0;
}

.payment-card-visa-2-mid
{
display: flex;
padding-bottom: 20px;
}

.payment-card-visa-2-mid input
{
background: transparent;
border: 0;
font-size: 24px;
line-height: 32px;
color: #fff;
padding-right: 27px;
z-index: 1;
width: 252px;
}

.payment-card-visa-2-mid p
{
font-size: 24px;
line-height: 32px;
color: #fff;
padding-right: 27px;
z-index: 1;
}

.payment-card-visa-2-mid svg
{
z-index: 1;
}

.payment-card-visa-2-mid button
{
background-color: transparent;
border: 0;
}

.payment-card-visa-2 svg
{
z-index: 9999;
}

.payment-card-visa-2-footer
{
display: flex;
}

.payment-card-visa-2-footer-left
{
padding-right: 144px;
}

.payment-card-visa-2-footer-info span
{
font-weight: 300;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #ffffffad;
z-index: 1;
}

.payment-card-visa-2-footer-info p
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #fff;
z-index: 1;
}

.payment-card-visa-2::after
{
position: absolute;
content: " ";
top: -96px;
right: -5px;
height: 236px;
width: 236px;
border-radius: 50%;
background-color: #ffffff0d;
z-index: -1;
}

.payment-card-visa-2:before
{
position: absolute;
content: " ";
bottom: -7px;
left: -32px;
height: 90px;
width: 90px;
border-radius: 50%;
background-color: #ffffff0d;
}

.card-body-wrap
{
padding: 20px;
}

.payment-card-slider .owl-dots
{
bottom: -58px;
position: absolute;
}

.payment-card-slider .owl-dots .owl-dot span
{
width: 10px;
height: 10px;
margin: 0 3px;
background: #FF6636;
display: block;
transition: all 0.4s;
border-radius: 30px;
}

.payment-card-slider .owl-dots .owl-dot.active span
{
background: #869791;
}

.card-owl-nav
{
text-align: right;
margin: 30px 0;
}

.card-next-button,
.card-prev-button
{
cursor: pointer;
}

.card-next-button path,
.card-prev-button path
{
stroke: #CED1D9;
transition: all 0.4s;
}

.card-next-button:hover path,
.card-prev-button:hover path
{
stroke: #4E5566;
}

.features-card
{
padding: 24px;
display: flex;
overflow: hidden;
position: relative;
align-items: center;
background-color: #fff;
}

.features-card .icon
{
width: 60px;
height: 60px;
padding: 14px;
margin-right: 24px;
}

.features-card .info h6
{
color: #1d2026;
font-size: 24px;
font-weight: 400;
line-height: 32px;
margin-bottom: 6px;
text-transform: capitalize;
}

.features-card .info p
{
font-size: 14px;
color: #4e5566;
line-height: 22px;
letter-spacing: -0.01em;
text-transform: capitalize;
}

.features-card--type-orange .icon
{
color: #ff6636;
background-color: #ffeee8;
}

.features-card--type-blue .icon
{
color: #564ffd;
background-color: #ebebff;
}

.features-card--type-yellow .icon
{
color: #fd8e1f;
background-color: #fff2e5;
}

.features-card--type-green .icon
{
color: #23bd33;
background-color: #e1f7e3;
}

.features-card--type-red .icon
{
color: #e34444;
background-color: #fff0f0;
}

.features-card--type-gray .icon
{
color: #1d2026;
background-color: #f5f7fa;
}

.dropdown-menu
{
min-width: 170px;
background: #ffffff;
border: 1px solid #ced1d9;
box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.06);
}

.dropdown-menu a
{
font-size: 14px;
line-height: 1;
letter-spacing: -0.01em;
color: #4e5566;
padding: 10px 18px;
background-color: #fff;
}

.dropdown-menu a:hover
{
color: #fff;
background-color: #ff6636;
}

del.less-price
{
font-size: 14px;
color: #a1a5b3;
}

.profile-view-box
{
background-color: #fff;
padding: 20px;
}

.profile-view
{
display: flex;
justify-content: space-between;
padding: 16px 0px 16px 20px;
background-color: #fff;
border-bottom: 1px solid #f1f1f1;
position: relative;
}

.profile-view select
{
border: 0;
font-weight: 400;
font-size: 14px;
scroll-behavior: smooth;
text-align: right;
letter-spacing: -0.01em;
color: #6e7485;
appearance: none;
background: url("../../src/images/arrow.html") 100%/15% no-repeat;
margin-left: 20px;
padding-right: 25px;
}

.profile-view select option
{
padding: 3px 0;
background-color: #fff;
box-shadow: 2px 3px 5px #f1f1f1;
border: none !important;
line-height: 28px;
}

.profile-view select select#xyz
{
border: 0px;
outline: 0px !important;
}

.profile-view p
{
margin: 0;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
margin: 0;
}

.profile-view svg
{
position: absolute;
top: 25px;
right: 20px;
}

.profile-view .info-box
{
display: flex;
}

.profile-view a
{
text-decoration: none;
padding-left: 34px;
}

.profile-view a:last-child
{
margin-left: 0;
}

.profile-view .dots,
.profile-view .dot
{
position: relative;
}

.profile-view .dots:before
{
position: absolute;
content: "";
height: 8px;
width: 8px;
border-radius: 50%;
background-color: #564ffd;
top: 50%;
left: 22px;
transform: translate(-50%, -50%);
}

.profile-view .dot:before
{
position: absolute;
content: "";
height: 8px;
width: 8px;
border-radius: 50%;
background-color: #ff6636;
top: 50%;
left: 22px;
transform: translate(-50%, -50%);
}

@media only screen and (max-width: 319px)
{
.profile-view
{
display: flex;
padding: 8px;
}

.profile-view-box
{
padding: 8px;
}

.profile-view-more
{
flex-wrap: wrap;
}

.profile-view .dot:before
{
display: none;
}

.profile-view .dots:before
{
display: none;
}

.profile-view a
{
text-decoration: none;
padding-left: 0px;
padding-right: 8px;
}

.profile-view .info-box
{
padding-top: 8px;
}
}

@media only screen and (max-width: 479px)
{
.profile-view
{
display: flex;
padding: 10px;
}

.profile-view-box
{
padding: 10px;
}

.profile-view-more
{
flex-wrap: wrap;
}

.profile-view .dot:before
{
display: none;
}

.profile-view .dots:before
{
display: none;
}

.profile-view a
{
text-decoration: none;
padding-left: 0px;
padding-right: 12px;
}

.profile-view .info-box
{
padding-top: 8px;
}
}

.download-file
{
display: flex;
justify-content: space-between;
padding: 24px;
background: #f5f7fa;
}

.download-file-left
{
display: flex;
}

.download-file-left h2
{
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
margin: 0;
}

.download-file-left span
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
}

.download-file-left svg
{
margin-right: 12px;
}

.download-file-right a
{
padding: 0 24px;
font-weight: 600;
font-size: 16px;
line-height: 48px;
letter-spacing: -0.008em;
text-transform: capitalize;
color: #fff;
background-color: #ff6636;
transition: 0.3s;
}

.download-file-right a:hover
{
background-color: #cc522b;
color: #fff;
}

.download-file-right a:hover
{
background-color: #cc522b;
color: #fff;
}

@media only screen and (max-width: 767px)
{
.download-file
{
flex-wrap: wrap;
}

.download-file .download-file-right a
{
padding: 0 15px;
font-size: 14px;
line-height: 40px;
}

.download-file-left
{
margin-bottom: 10px;
}

.download-file-left h3
{
font-size: 14px;
line-height: 15px;
}
}

.section-title.text-left
{
text-align: left;
margin-bottom: 0;
}

.section-title.text-left h3
{
font-weight: 600;
font-size: 24px;
letter-spacing: -0.01em;
color: #1d2026;
margin: 0;
}

.popular-tools-items
{
border: 1px solid #e9eaf0;
text-align: center;
height: 94px;
line-height: 94px;
vertical-align: middle;
display: flex !important;
flex-direction: column;
justify-content: center;
transition: all 0.3s;
background-color: #fff;
margin: 24px 1px 40px;
}

.popular-tools-items:hover
{
background: #ffffff;
border: 1px solid transparent;
box-shadow: 0px 12px 32px rgba(29, 32, 38, 0.1);
}

.popular-tools-items:hover h5
{
color: #ff6636;
}

.popular-tools-items h5
{
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
transition: all 0.3s;
}

.popular-tools-items p
{
font-size: 12px;
line-height: 16px;
color: #8c94a3;
}

.tools-slider .owl-nav
{
position: absolute;
top: -25px;
right: -3px;
}

.tools-slider .owl-next,
.tools-slider .owl-prev
{
margin: 0 4px;
}

.popular-keyword
{
display: flex;
align-items: center;
}

@media only screen and (max-width: 1499px)
{
.popular-keyword
{
display: block;
}
}

.popular-keyword p
{
margin-right: 24px;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.015em;
color: #1d2026;
}

@media only screen and (max-width: 1499px)
{
.popular-keyword p
{
margin-bottom: 20px;
}
}

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

.popular-keyword ul li
{
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
}

@media only screen and (max-width: 479px)
{
.popular-keyword ul li
{
display: block;
margin: 0 0 8px;
}
}

.popular-keyword ul li:last-child
{
margin-right: 0;
}

.popular-keyword ul li a
{
padding: 6px 12px;
background: #f5f7fa;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #1d2026;
transition: all 0.3s;
display: block;
text-align: center;
}

.popular-keyword ul li a:hover
{
color: #fff;
background-color: #1d2026;
}

.custom-border
{
box-shadow: inset 0px 1px 0px #e9eaf0;
height: 1px;
}

.colurse-sidebar-item
{
margin-bottom: 24px;
}

.colurse-sidebar-item .accordion-item.main-item
{
background-color: #fff;
border: 1px solid #e9eaf0;
}

.colurse-sidebar-item button.accordion-button.header-btn
{
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 100%;
text-transform: uppercase;
color: #1d2026;
padding: 23px 20px;
}

.colurse-sidebar-item button.accordion-button.header-btn::after
{
background-size: 1.25rem;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
}

.colurse-sidebar-item button.accordion-button.header-btn:not(.collapsed)
{
box-shadow: none;
background-color: transparent;
}

.colurse-sidebar-item button.accordion-button.header-btn:not(.collapsed):after
{
width: 1.25rem;
height: 1.25rem;
background-size: 1.25rem;
}

.colurse-sidebar-item .accordion-button:focus
{
border-color: #e9eaf0;
box-shadow: none;
}

.colurse-sidebar-item .accordion-item:last-of-type
{
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.colurse-sidebar-item .accordion-item:first-of-type
{
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.colurse-sidebar-item .accordion-body.body-top
{
padding: 0;
}

.colurse-sidebar-item .accordion-body
{
padding: 0 20px;
}

.colurse-sidebar-item .accordion-item
{
border: 0;
border-top: 1px solid #e9eaf0;
}

.colurse-sidebar-item .accordion-button
{
padding: 12px 20px;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #1d2026;
}

.colurse-sidebar-item .accordion-button::after
{
background-size: 11px;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L1 1' stroke='%238C94A3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.colurse-sidebar-item .accordion-button svg
{
margin-right: 12px;
}

.colurse-sidebar-item .accordion-button svg path
{
stroke: #8c94a3;
}

.colurse-sidebar-item .accordion-button:not(.collapsed)
{
font-weight: 500;
box-shadow: none;
background-color: transparent;
}

.colurse-sidebar-item .accordion-button:not(.collapsed) svg path
{
stroke: #ff6636;
}

.colurse-sidebar-item .accordion-button:not(.collapsed)::after
{
background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6L6 1L1 6' stroke='%23FF6636' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.accordion-body.border_top
{
border-top: 1px solid #e9eaf0;
padding-top: 20px;
}

.check-field-wrap .form-group
{
display: block;
margin-bottom: 10px;
}

.check-field-wrap .form-group input
{
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}

.check-field-wrap .form-group input:checked + label:after
{
content: "";
display: block;
position: absolute;
top: 5px;
left: 7px;
width: 6px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}

.check-field-wrap .form-group input:checked + label:before
{
border: 1px solid #ff6636;
background-color: #ff6636;
}

.check-field-wrap .form-group input:checked + label
{
color: #ff6636;
}

.check-field-wrap .form-group input:checked + label span
{
font-weight: 500;
color: #4e5566;
}

.check-field-wrap .form-group label
{
position: relative;
cursor: pointer;
float: none;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
display: block;
}

.check-field-wrap .form-group label span
{
float: right;
font-size: 12px;
color: #8c94a3;
}

.check-field-wrap .form-group label::before
{
content: "";
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #ced1d9;
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 10px;
}

.dashboard
{
background-color: #fff;
}

.dashboard-content
{
padding: 16px 0;
display: flex;
justify-content: space-between;
}

.dashboard-content .dashboard-left span
{
color: #6e7485;
font-size: 14px;
font-weight: 400;
margin-top: 6px;
line-height: 22px;
}

.dashboard-content .dashboard-left p
{
color: #1d2026;
font-size: 20px;
font-weight: 600;
margin: 0;
line-height: 26px;
}

.dashboard-content .dashboard-right
{
display: flex;
justify-content: space-between;
}

.dashboard-content .dashboard-right .notification
{
padding: 12px;
cursor: pointer;
margin-left: 16px;
background: #f5f7fa;
}

.dashboard-content .dashboard-right img
{
height: 48px;
width: 48px;
border-radius: 50%;
cursor: pointer;
}

.dashboard-content .dashboard-right button
{
border: 0;
background-color: transparent;
}

.dashboard .bg
{
background-color: #ffff;
padding: 10px;
}

@media only screen and (max-width: 479px)
{
.dashboard .dashboard-content .dashboard-right
{
flex-wrap: wrap-reverse;
justify-content: end;
}

.dashboard .dashboard-content .dashboard-right .searchbox
{
display: none;
}

.dashboard .dashboard-content .dashboard-right .notification
{
background: #f5f7fa;
padding: 12px;
margin: 0 8px;
cursor: pointer;
}
}

.edit-biography
{
background-color: #111033;
}

.edit-biography__img
{
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 50%;
margin-right: 24px;
}

@media (max-width: 991px)
{
.edit-biography__img
{
margin-right: 12px;
}
}

@media (max-width: 1380px)
{
.edit-biography__img
{
margin: 0;
margin-bottom: 16px;
}
}

.edit-biography__img img
{
width: inherit;
height: inherit;
object-fit: cover;
}

.edit-biography-content
{
padding: 40px;
display: flex;
flex-wrap: wrap;
background-color: #111033;
justify-content: space-between;
}

@media (max-width: 991px)
{
.edit-biography-content
{
padding: 24px;
}
}

@media (max-width: 767px)
{
.edit-biography-content
{
justify-content: center;
}
}

.edit-biography-content .edit-biography-left
{
display: flex;
align-items: center;
}

@media (max-width: 1380px)
{
.edit-biography-content .edit-biography-left
{
text-align: center;
flex-direction: column;
}
}

.edit-biography-content .edit-biography-left span
{
display: block;
font-size: 14px;
font-weight: 300;
line-height: 22px;
color: rgba(255, 255, 255, 0.5);
}

.edit-biography-content .edit-biography-left p
{
margin: 0;
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 26px;
}

.edit-biography-content .edit-biography-mid
{
display: flex;
align-items: center;
}

.edit-biography-content .edit-biography-mid span
{
font-size: 14px;
font-weight: 300;
align-self: center;
white-space: nowrap;
color: rgba(255, 255, 255, 0.5);
}

.edit-biography-content .edit-biography-mid p
{
margin: 0;
color: #fff;
font-size: 16px;
font-weight: 600;
align-self: center;
white-space: nowrap;
}

@media (max-width: 575px)
{
.edit-biography-content .edit-biography-mid p
{
display: none;
}
}

.edit-biography-content .edit-biography-mid progress
{
width: 312px;
height: 16px;
margin: 0 24px;
border-radius: 0;
align-self: center;
vertical-align: baseline;
background: rgba(255, 255, 255, 0.2);
  /* For Chrome or Safari */;
}

@media (max-width: 991px)
{
.edit-biography-content .edit-biography-mid progress
{
width: 170px;
}
}

@media (max-width: 575px)
{
.edit-biography-content .edit-biography-mid progress
{
margin: 0;
margin-left: 12px;
}
}

.edit-biography-content .edit-biography-mid progress::-webkit-progress-bar
{
background-color: rgba(17, 16, 51, 0.2);
}

.edit-biography-content .edit-biography-mid progress::-webkit-progress-value
{
background: #23bd33;
}

.edit-biography-content .edit-biography-mid progress::-moz-progress-bar
{
background: #23bd33;
}

.edit-biography-content .edit-biography-right
{
display: flex;
align-items: center;
}

@media (max-width: 1380px)
{
.edit-biography-content .edit-biography-right
{
width: 100%;
margin-top: 24px;
justify-content: space-between;
}
}

.edit-biography-content .edit-biography-right .edit-btn
{
height: 48px;
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 48px;
padding: 0 24px 0 24px;
background: #ff6636;
}

.edit-biography-content .edit-biography-right .notification
{
height: 48px;
width: 48px;
margin: 0 16px;
cursor: pointer;
line-height: 48px;
text-align: center;
transform: rotate(0deg);
background: rgba(255, 255, 255, 0.05);
}

.edit-biography-content .edit-biography-right .notification label
{
cursor: pointer;
}

.edit-biography-content .edit-biography-right button
{
border: 0;
}

.edit-biography-content .edit-biography-right svg
{
cursor: pointer;
}

.edit-biography-content-all
{
display: flex;
margin-bottom: 24px;
}

.edit-biography-content-left-icon
{
width: 56px;
height: 56px;
color: #fff;
display: flex;
margin-right: 20px;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: #23bd33;
background-color: rgba(255, 255, 255, 0.05);
}

@media (max-width: 991px)
{
.edit-biography-content-left-icon
{
font-size: 16px;
width: 30px;
height: 30px;
}
}

@media (max-width: 575px)
{
.edit-biography-content-left-icon
{
margin-right: 12px;
}
}

.edit-biography-content-left-icon-color
{
background-color: #23bd33;
}

.edit-biography-content-right-content a
{
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #fff;
text-decoration: none;
}

.edit-biography-content-right-content p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
margin: 0;
}

.edit-biography-content-right-contents a
{
color: rgba(255, 255, 255, 0.5);
font-weight: 400;
pointer-events: none;
}

.edit-biography-content-right-contents p
{
color: rgba(110, 116, 133, 0.5);
margin: 0;
}

.heretheclass
{
display: none;
}

.item-3
{
display: block;
cursor: pointer;
margin: 20px 0 0;
border-bottom: 1px solid green;
}

.edit-bio-btn input
{
left: -999em;
position: absolute;
}

.edit-bio-content-change
{
height: 0;
opacity: 0;
padding: 0;
display: block;
}

input[type=checkbox]:checked + .edit-bio-content-change
{
opacity: 1;
height: 100%;
padding: 40px;
overflow: hidden;
transition: all 0.3s linear;
}

@media only screen and (max-width: 991px)
{
.edit-biography-content .edit-biography-mid
{
padding: 20px 0;
}

.edit-biography-content .edit-biography-right .edit-btn
{
color: #fff;
height: 40px;
font-size: 14px;
padding: 0 18px;
font-weight: 500;
line-height: 40px;
background: #ff6636;
}
}

@media only screen and (max-width: 319px)
{
.edit-biography-content .edit-biography-mid
{
padding: 20px 0;
flex-wrap: wrap-reverse;
flex-direction: column-reverse;
}

.edit-biography-content .edit-biography-right .edit-btn
{
color: #fff;
height: 40px;
font-size: 14px;
padding: 0 18px;
font-weight: 500;
line-height: 40px;
background: #ff6636;
}

.edit-biography-content .edit-biography-right .notification
{
width: 40px;
height: 40px;
margin: 0 10px;
line-height: 40px;
}

.edit-biography-content .edit-biography-right .notification svg
{
height: 18px;
width: 18px;
}
}

.plans .plan input[type=radio]
{
position: absolute;
opacity: 0;
width: 0;
}

.plans .plan
{
cursor: pointer;
margin-bottom: 24px;
}

.plans .plan-content
{
display: flex;
height: 48px;
border: 1px solid #e9eaf0;
position: relative;
padding: 15px 18px;
align-items: center;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
transition: all 0.3s;
}

@media only screen and (max-width: 1499px)
{
.plans .plan-content
{
padding: 15px;
}
}

@media only screen and (max-width: 479px)
{
.plans .plan-content
{
display: block;
text-align: center;
height: auto;
}
}

.plans .plan-content svg
{
margin-right: 15px;
}

@media only screen and (max-width: 1499px)
{
.plans .plan-content svg
{
margin-right: 10px;
}
}

@media only screen and (max-width: 479px)
{
.plans .plan-content svg
{
margin: 0 0 15px;
}
}

.plans .plan-content:hover
{
border: 1px solid #7bd785;
}

.plans .plan-content span
{
line-height: 1;
margin-right: 65px;
font-family: Inter;
}

.plans .plan-content span:last-child
{
margin-right: 0;
}

@media only screen and (max-width: 479px)
{
.plans .plan-content span
{
margin: 0 0 15px;
}
}

.plans .plan-content strong
{
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #8c94a3;
margin: 0;
transition: all 0.3s;
}

.plans .plan input[type=radio]:checked + .plan-content:after
{
transform: scale(1);
}

.plans .plan .plan-content:after
{
content: "";
height: 25px;
width: 25px;
top: 10px;
right: 15px;
transition: all 0.3s;
transform: scale(0);
background-repeat: no-repeat;
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' fill='%2323BD33' stroke='%2323BD33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 9.75L10.625 15L7.875 12.375' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media only screen and (max-width: 1499px)
{
.plans .plan .plan-content:after
{
right: 5px;
top: 12px;
background-size: 20px;
}
}

.plans .plan input[type=radio]:checked + .plan-content
{
border: 1px solid #7bd785;
-webkit-transition: ease-in 0.3s;
-o-transition: ease-in 0.3s;
transition: ease-in 0.3s;
}

.plans .plan input[type=radio]:checked + .plan-content p
{
color: #1d2026;
}

.plans .plan input[type=radio]:checked + .plan-content h3
{
color: #1d2026;
}

.my-payment-method
{
padding: 32px 20px 20px;
}

.my-payment-method h5
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #A1A5B3;
margin-bottom: 10px;
}

.my-payment-method label.plan.complete-plan
{
margin-bottom: 12px;
}

.withdrew-money-card.my-payment-method
{
margin: 0;
display: block;
padding: 20px;
border-top: 1px solid #E9EAF0;
}

.withdrew-money-card.my-payment-method .withdrew-money-card-footer
{
padding: 0;
margin: 0;
border: 0;
}

.withdrew-money-card.my-payment-method .withdrew-money-card-footer .item-box p
{
font-size: 24px;
}

.withdraw-history-table table
{
width: 100%;
}

.withdraw-history-table table thead tr th
{
font-weight: 500;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #6E7485;
padding: 9px 20px;
background-color: #F5F7FA;
}

.withdraw-history-table table tbody tr
{
transition: all 0.4s;
}

.withdraw-history-table table tbody tr:hover
{
box-shadow: 0px 0px 12px rgba(29, 32, 38, 0.12);
}

.withdraw-history-table table tbody tr td
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4E5566;
padding: 13px 20px;
transition: all 0.4s;
}

@media only screen and (max-width: 1499px)
{
.withdraw-history-table table tbody tr td
{
min-width: 200px;
}
}

.withdraw-history-table table tbody tr:hover td
{
color: #1D2026;
}

.withdraw-history-table table tbody tr:hover button.three-dots path
{
fill: #1D2026;
}

.withdraw-history-table td.color-green
{
color: #23BD33;
}

.withdraw-history-table td.color-orange
{
color: #FD8E1F;
}

.withdraw-history-table td.color-red
{
color: #E34444;
}

button.three-dots
{
border: none;
transition: all 0.4s;
background-color: transparent;
}

.table-dropdown-wrap
{
display: flex;
position: relative;
justify-content: space-between;
}

.table-dropdown-wrap .dropdown-menu
{
min-width: 190px;
background: #ffffff;
border: 1px solid #E9EAF0;
border-radius: 0;
transform: translate(-68px, 26px) !important;
}

@media (max-width: 1700px)
{
.table-dropdown-wrap .dropdown-menu
{
transform: inherit !important;
}
}

@media only screen and (max-width: 1499px)
{
.withdraw-history-table
{
overflow-x: scroll;
}
}

.ratings
{
overflow: hidden;
position: relative;
}

.ratings-top, .ratings-bottom
{
padding: 20px;
}

.ratings-top
{
align-items: flex-end;
padding: 20px;
border-bottom: 1px solid #e9eaf0;
}

.ratings-box
{
display: flex;
padding: 35px 0px;
align-items: center;
flex-direction: column;
background-color: #fff2e5;
}

.ratings-box h2
{
font-size: 40px;
font-weight: 600;
color: #1d2026;
line-height: 48px;
margin-bottom: 0px;
text-transform: capitalize;
}

.ratings-box p
{
color: #1d2026;
font-weight: 500;
}

.ratings-box ul
{
margin: 0;
padding: 0;
display: flex;
margin-bottom: 10px;
align-items: center;
}

.ratings-progress > li
{
display: flex;
align-items: center;
margin-bottom: 12px;
justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1440px)
{
.ratings-progress > li
{
align-items: flex-start;
flex-direction: column;
}
}

@media (max-width: 620px)
{
.ratings-progress > li
{
align-items: flex-start;
flex-direction: column;
}
}

.ratings-progress > li:nth-last-child(1)
{
margin-bottom: 0px;
}

.ratings-progress > li .rating-star
{
width: 50%;
display: flex;
margin-right: 30px;
align-items: center;
}

.ratings-progress > li .rating-star ul
{
display: flex;
flex-shrink: 0;
align-items: center;
}

.ratings-progress > li .rating-star ul li
{
flex-shrink: 0;
margin-right: 4px;
}

.ratings-progress > li .rating-star ul li:nth-last-child(1)
{
margin: 0;
}

.ratings-progress > li .rating-star__count
{
color: #4e5566;
margin-left: 8px;
line-height: 0px;
white-space: nowrap;
}

.ratings-progress > li .progress-box
{
display: flex;
width: 100%;
align-items: center;
}

.ratings-progress > li .progress-box-item
{
width: inherit;
height: 8px;
position: relative;
display: inline-block;
background-color: #e9eaf0;
}

.ratings-progress > li .progress-box-rate
{
top: 0;
left: 0;
height: inherit;
position: absolute;
background-color: #fd8e1f;
}

.ratings-progress > li .progress-box-percentage
{
font-weight: 500;
color: #1d2026;
margin-left: 16px;
}

.student-profile-section
{
margin-top: -200px;
}

.student-profile-wrap
{
border: 1px solid #ffddd1;
border-bottom: none;
background-color: #fff;
}

.student-profile-wrap .student-profile-header
{
padding: 40px;
display: flex;
align-items: center;
justify-content: space-between;
}

@media only screen and (max-width: 479px)
{
.student-profile-wrap .student-profile-header
{
padding: 17px;
text-align: center;
}
}

@media only screen and (max-width: 991px)
{
.student-profile-wrap .student-profile-header
{
display: block;
}
}

.student-profile-wrap .student-profile-header .student-profile-left
{
display: flex;
align-items: center;
}

@media only screen and (max-width: 991px)
{
.student-profile-wrap .student-profile-header .student-profile-left
{
margin-bottom: 30px;
}
}

@media only screen and (max-width: 479px)
{
.student-profile-wrap .student-profile-header .student-profile-left
{
display: block;
}
}

.student-profile-wrap .student-profile-header .student-profile-left .student-thumb
{
width: 110px;
height: 110px;
overflow: hidden;
border-radius: 100%;
margin-right: 24px;
flex: 0 0 auto;
}

@media only screen and (max-width: 479px)
{
.student-profile-wrap .student-profile-header .student-profile-left .student-thumb
{
margin: 0 auto 15px;
}
}

.student-profile-wrap .student-profile-header .student-profile-left .student-thumb img
{
width: 100%;
height: 100%;
object-fit: cover;
}

.student-profile-wrap .student-profile-header .student-profile-left .student-data h3
{
font-weight: 600;
font-size: 24px;
line-height: 32px;
letter-spacing: -0.01em;
color: #1d2026;
margin-bottom: 14px;
}

.student-profile-wrap .student-profile-header .student-profile-left .student-data p
{
font-size: 16px;
line-height: 24px;
color: #6e7485;
}

.student-profile-wrap .student-profile-header .student-profile-right a.become-instructor-btn
{
background: #ffeee8;
font-weight: 600;
font-size: 18px;
line-height: 56px;
letter-spacing: -0.01em;
text-transform: capitalize;
color: #ff6636;
padding: 0 31px;
transition: all 0.3s;
}

.student-profile-wrap .student-profile-header .student-profile-right a.become-instructor-btn:hover
{
color: #fff;
background-color: #ff6636;
}

.student-profile-wrap .student-profile-header .student-profile-right a.become-instructor-btn svg
{
margin-left: 10px;
transition: all 0.3s;
}

.student-profile-wrap .student-profile-header .student-profile-right a.become-instructor-btn path
{
transition: all 0.3s;
}

.student-profile-wrap .student-profile-header .student-profile-right a.become-instructor-btn:hover path
{
stroke: #fff;
}

.student-profile-menu.course-watch ul
{
display: block;
}

.student-profile-menu ul
{
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
}

@media only screen and (max-width: 991px)
{
.student-profile-menu ul
{
display: block;
text-align: center;
}
}

.student-profile-menu ul li
{
display: inline-block;
}

@media only screen and (max-width: 479px)
{
.student-profile-menu ul li
{
display: block;
}
}

.student-profile-menu ul li a
{
font-weight: 500;
font-size: 16px;
color: #4e5566;
position: relative;
transition: all 0.3s;
padding: 20px 38px;
}

@media only screen and (max-width: 1499px)
{
.student-profile-menu ul li a
{
padding: 20px 25px;
}
}

@media only screen and (max-width: 1199px)
{
.student-profile-menu ul li a
{
padding: 20px 18px;
}
}

@media only screen and (max-width: 991px)
{
.student-profile-menu ul li a
{
padding: 15px;
}
}

.student-profile-menu ul li a:hover
{
color: #1d2026;
}

.student-profile-menu ul li a::before
{
content: "";
left: 0;
bottom: 0;
width: 0;
height: 3px;
transition: all 0.3s;
position: absolute;
background-color: #ff6636;
}

.student-profile-menu ul li a:hover::before
{
width: 100%;
}

.student-profile-menu ul li a.active
{
color: #1d2026;
}

.student-tabs-wrap .nav
{
border-top: none;
margin-bottom: 40px;
background-color: #fff;
border: 1px solid #ffddd1;
justify-content: space-between;
}

@media (max-width: 991px)
{
.student-tabs-wrap .nav
{
max-width: 700px;
overflow: hidden;
overflow-x: scroll;
flex-wrap: nowrap;
}
}

.student-tabs-wrap .nav-pills .nav-link
{
font-weight: 500;
font-size: 16px;
color: #4e5566;
position: relative;
transition: all 0.3s;
padding: 20px 38px;
margin: 0 auto;
border-radius: 0;
white-space: nowrap;
}

@media (max-width: 1200px)
{
.student-tabs-wrap .nav-pills .nav-link
{
padding: 20px 16px;
}
}

.student-tabs-wrap .nav-pills .nav-link.active
{
color: #1d2026;
background-color: transparent;
}

.student-tabs-wrap .nav-pills .nav-link.active::before
{
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 3px;
transition: all 0.3s;
position: absolute;
background-color: #ff6636;
}

.student-tabs-wrap .message
{
margin-bottom: 80px;
}

@media (max-width: 767px)
{
.student-tabs-wrap .message
{
margin-bottom: 40px;
}
}

.student-tabs-wrap .message-sidebar, .student-tabs-wrap .message-inbox
{
border: 1px solid #e9eaf0;
}

.accordion-wrap-faq .accordion__list2
{
margin-bottom: 20px;
}

.accordion-wrap-faq .accordion__list2 .link
{
background: #ffffff;
border: 1px solid #e9eaf0;
padding: 18px 24px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.3s;
}

@media only screen and (max-width: 767px)
{
.accordion-wrap-faq .accordion__list2 .link
{
padding: 15px;
}
}

@media only screen and (max-width: 479px)
{
.accordion-wrap-faq .accordion__list2 .link
{
display: block;
}
}

.accordion-wrap-faq .accordion__list2 .link:hover
{
border: 1px solid transparent;
box-shadow: 0px 12px 32px rgba(29, 32, 38, 0.1);
}

.accordion-wrap-faq .accordion__list2 .link:hover .accordion-svg
{
background: #1d2026;
box-shadow: 0px 6px 20px rgba(54, 59, 71, 0.5);
}

.accordion-wrap-faq .accordion__list2 .link:hover .accordion-svg path
{
stroke: #fff;
}

.faq-review-thumb
{
width: 160px;
height: 120px;
margin-right: 20px;
overflow: hidden;
}

@media only screen and (max-width: 991px)
{
.faq-review-thumb
{
margin-right: 0;
margin: 0 auto 20px;
width: 100%;
height: 250px;
}
}

.faq-review-thumb img
{
object-fit: cover;
width: 100%;
height: 100%;
}

.accordion-header-content
{
font-size: 18px;
}

@media only screen and (max-width: 479px)
{
.accordion-header-content
{
font-size: 16px;
}
}

.accordion-header-content ul
{
margin: 8px 0 0;
padding: 0;
list-style: none;
line-height: 1;
}

.accordion-header-content ul li
{
display: inline-block;
font-size: 14px;
letter-spacing: -0.01em;
color: #4e5566;
margin-right: 10px;
}

.accordion-header-content ul li svg
{
margin-right: 2px;
}

.accordion-svg
{
width: 48px;
height: 48px;
background-color: #f5f7fa;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}

@media only screen and (max-width: 767px)
{
.accordion-svg
{
height: 40px;
width: 40px;
}
}

@media only screen and (max-width: 479px)
{
.accordion-svg
{
height: 34px;
width: 34px;
margin-top: 20px;
}
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item
{
display: flex;
align-items: center;
margin-bottom: 24px;
}

@media only screen and (max-width: 991px)
{
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item
{
display: block;
text-align: left;
}
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item:last-child
{
margin-bottom: 0;
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb
{
flex: 0 0 auto;
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb a
{
display: block;
}

@media only screen and (max-width: 767px)
{
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb
{
display: block;
}
}

@media only screen and (max-width: 479px)
{
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb
{
margin: 0;
margin-bottom: 15px;
}
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb img
{
width: 100%;
height: 100%;
object-fit: cover;
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data
{
min-height: 120px;
display: flex;
flex: 0 0 50%;
flex-direction: column;
justify-content: space-between;
}

@media only screen and (max-width: 1499px)
{
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data
{
flex: 0 0 42%;
}
}

@media only screen and (max-width: 991px)
{
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data
{
min-height: inherit;
display: block;
}
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h5
{
font-size: 14px;
font-weight: 500;
letter-spacing: -0.01em;
color: #1d2026;
margin-bottom: 8px;
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h5 span
{
font-weight: normal;
color: #8c94a3;
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h5 svg
{
width: 17px;
height: 17px;
margin-right: 5px;
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data a
{
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h4
{
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data p
{
color: #a1a5b3;
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .faq-review-data p span
{
color: #4e5566;
margin-left: 7px;
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .amount
{
font-weight: 500;
font-size: 20px;
color: #ff6636;
flex: 0 0 19%;
text-align: right;
}

@media only screen and (max-width: 991px)
{
.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .amount
{
text-align: left;
}
}

.accordion-body-text .accrodion-body-bottom .faq-review-wrap .faq-review-item .amount a
{
text-decoration: line-through;
color: #8c94a3;
font-size: 18px;
}

.accordion-body-text .accrodion-body-bottom .faq-body-right
{
width: 100%;
border-left: 1px solid #e9eaf0;
height: 100%;
display: flex;
align-items: center;
padding-left: 50px;
margin-left: 100px;
}

@media only screen and (max-width: 1499px)
{
.accordion-body-text .accrodion-body-bottom .faq-body-right
{
padding-left: 30px;
margin-left: 30px;
}
}

@media only screen and (max-width: 1199px)
{
.accordion-body-text .accrodion-body-bottom .faq-body-right
{
padding-left: 20px;
margin-left: 0;
}
}

@media only screen and (max-width: 991px)
{
.accordion-body-text .accrodion-body-bottom .faq-body-right
{
padding: 0;
margin-left: 0;
margin-top: 20px;
border-left: none;
display: block;
text-align: left;
}
}

.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header
{
padding: 0;
display: block;
border: none;
}

.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .accordion-header-content
{
font-weight: 600;
font-size: 24px;
letter-spacing: -0.01em;
color: #1d2026;
margin-bottom: 25px;
}

@media only screen and (max-width: 1199px)
{
.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .accordion-header-content
{
font-size: 19px;
}
}

.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul
{
margin: 0;
padding: 0;
list-style: none;
}

.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li
{
display: inline-block;
font-weight: normal;
font-size: 14px;
letter-spacing: -0.01em;
color: #1d2026;
margin: 0 20px;
}

@media only screen and (max-width: 1199px)
{
.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li
{
margin: 0 10px;
}
}

@media only screen and (max-width: 1199px)
{
.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li
{
margin: 0 5px;
}
}

@media only screen and (max-width: 479px)
{
.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li
{
display: block;
margin: 0 0 5px;
}
}

.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li:first-child
{
margin-left: 0;
}

.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li:last-child
{
margin-right: 0;
margin-left: 105px;
}

@media only screen and (max-width: 1499px)
{
.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li:last-child
{
margin-left: 75px;
}
}

@media only screen and (max-width: 1199px)
{
.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li:last-child
{
margin-left: 13px;
}
}

.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li span
{
font-size: 18px;
color: #1d2026;
}

@media only screen and (max-width: 1199px)
{
.accordion-body-text .accrodion-body-bottom .faq-body-right .accrdion-body-text-header .payment-info ul li span
{
font-size: 16px;
}
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item
{
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
transition: 0.3s;
padding: 24px 0;
border-bottom: 1px solid #e9eaf0;
}

@media only screen and (max-width: 991px)
{
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item
{
display: block;
}
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item:last-child
{
border-bottom: 0px solid transparent;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item:last-child
{
margin-bottom: 0;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item svg path
{
transition: 0.3s;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item-content
{
display: flex;
flex: 0 0 57%;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item-content svg
{
margin-right: 23px;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item-content button
{
border: 0;
background-color: transparent;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb
{
margin-right: 20px;
}

@media (max-width: 340px)
{
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb
{
height: 250px;
}
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb a
{
display: block;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-thumb img
{
width: 100%;
height: 100%;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data
{
min-height: 120px;
display: flex;
flex: 0 0 50%;
flex-direction: column;
justify-content: space-between;
}

@media only screen and (max-width: 991px)
{
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data
{
display: block;
text-align: left;
min-height: inherit;
margin-bottom: 10px;
}
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h5
{
font-size: 14px;
font-weight: 500;
letter-spacing: -0.01em;
color: #1d2026;
margin-bottom: 8px;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h5 span
{
font-weight: normal;
color: #8c94a3;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data h5 svg
{
width: 17px;
height: 17px;
margin-right: 5px;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data a
{
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data p
{
color: #a1a5b3;
font-size: 14px;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .faq-review-data p span
{
color: #4e5566;
margin-left: 7px;
font-size: 14px;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .amount
{
font-weight: 500;
font-size: 20px;
color: #ff6636;
text-align: right;
}

@media only screen and (max-width: 991px)
{
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .amount
{
text-align: left;
}
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .amount span
{
text-decoration: line-through;
color: #8c94a3;
font-size: 18px;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist
{
transition: 0.3s;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a
{
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 40px;
letter-spacing: -0.004em;
text-transform: capitalize;
color: #ff6636;
padding: 0 16px;
transition: 0.3s;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a:hover
{
background-color: #ffeee8;
color: #cc522b;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item:hover .cross-btn-shopping svg path
{
stroke: #333;
}

@media only screen and (max-width: 991px)
{
.shopping-body-text .shopping-body-bottom .faq-review-wrap .cross-btn-shopping
{
margin-bottom: 15px;
text-align: left;
}
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item:hover .move-to-wishlist a
{
background-color: #ffeee8;
color: #cc522b;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn
{
display: flex;
column-gap: 12px;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn button
{
background-color: #ffeee8;
border: 0;
height: 48px;
width: 48px;
line-height: 48px;
text-align: center;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn .wishlist-btn
{
font-weight: 600;
font-size: 16px;
line-height: 48px;
letter-spacing: -0.008em;
text-transform: capitalize;
color: #1d2026;
width: 176px;
line-height: 48px;
text-align: center;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn .wishlist-buy
{
background: #f5f7fa;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn .wishlist-buy a
{
color: #1d2026;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn .wishlist-add
{
background-color: #ff6636;
}

.shopping-body-text .shopping-body-bottom .faq-review-wrap .all-btn .wishlist-add a
{
color: #fff;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item
{
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
transition: 0.3s;
padding: 24px 0;
border-bottom: 1px solid #e9eaf0;
}

@media only screen and (max-width: 991px)
{
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item
{
display: block;
}
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item:last-child
{
border-bottom: 0px solid transparent;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item:last-child
{
margin-bottom: 0;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item svg path
{
transition: 0.3s;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item-content
{
display: flex;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item-content svg
{
margin-right: 23px;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item-content button
{
border: 0;
background-color: transparent;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner
{
min-height: 120px;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 300px;
}

@media only screen and (max-width: 1499px)
{
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner
{
min-height: inherit;
margin-bottom: 10px;
}
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner h5
{
font-size: 14px;
font-weight: 500;
letter-spacing: -0.01em;
color: #1d2026;
margin-bottom: 8px;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner h5 span
{
font-weight: normal;
color: #8c94a3;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner h5 svg
{
width: 17px;
height: 17px;
margin-right: 5px;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner a
{
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner p
{
color: #a1a5b3;
font-size: 14px;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .faq-review-data-inner p span
{
color: #4e5566;
margin-left: 7px;
font-size: 14px;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .amount
{
font-weight: 500;
font-size: 20px;
color: #ff6636;
text-align: right;
}

@media only screen and (max-width: 991px)
{
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .amount
{
text-align: left;
}
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .amount span
{
text-decoration: line-through;
color: #8c94a3;
font-size: 18px;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist
{
transition: 0.3s;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a
{
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 40px;
letter-spacing: -0.004em;
text-transform: capitalize;
color: #ff6636;
padding: 0 16px;
transition: 0.3s;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item .move-to-wishlist a:hover
{
background-color: #ffeee8;
color: #cc522b;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item:hover .move-to-wishlist a
{
background-color: #ffeee8;
color: #cc522b;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn
{
display: flex;
column-gap: 12px;
}

@media only screen and (max-width: 991px)
{
.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn
{
margin-top: 10px;
justify-content: flex-start !important;
}
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn button
{
background-color: #ffeee8;
border: 0;
height: 48px;
width: 48px;
line-height: 48px;
text-align: center;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn button svg path
{
stroke: none;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn button:hover
{
background-color: #cc522b;
transition: all 0.3s;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn button:hover:hover
{
background-color: #ff6636;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn button:hover svg path
{
stroke: none;
fill: #fff;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-btn a
{
font-weight: 600;
font-size: 16px;
line-height: 48px;
letter-spacing: -0.008em;
text-transform: capitalize;
color: #1d2026;
width: 176px;
line-height: 48px;
text-align: center;
transition: 0.3s;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-buy
{
background: #f5f7fa;
transition: 0.3s;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-buy:hover
{
background-color: #ff6636;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-buy a
{
color: #1d2026;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-add
{
background-color: #ff6636;
transition: 0.3s;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-add:hover
{
background-color: #cc522b;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-add a
{
color: #fff;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .all-btn .wishlist-btn a:hover
{
color: #fff !important;
}

.accordion-wrap-faq .accordion__list2.open .link
{
color: #ff6636;
}

.accordion-wrap-faq .accordion__list2.open .link:hover
{
box-shadow: none;
border: 1px solid #e9eaf0;
}

.accordion-wrap-faq .accordion__list2.open .link .accordion-svg
{
background: #ff6636;
box-shadow: none;
}

.accordion-wrap-faq .accordion__list2.open .link .accordion-svg svg
{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

.accordion-wrap-faq .accordion__list2.open .link .accordion-svg path
{
stroke: #fff;
}

p.emoji-content
{
font-size: 16px;
line-height: 24px;
text-align: center;
color: #1d2026;
margin-top: 35px;
}

p.emoji-content svg
{
margin-left: 10px;
}

.accordion-wrap-faq .accordion-body-text
{
display: none;
border: 1px solid #e9eaf0;
border-top: none;
box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.06);
}

@media only screen and (max-width: 479px)
{
.social-media-box-wrap
{
text-align: center;
}
}

a.social-medaia-box-btn
{
border: 1px solid #e9eaf0;
display: inline-block;
padding: 10px;
width: 200px;
height: 44px;
font-size: 14px;
line-height: 22px;
text-align: center;
letter-spacing: -0.01em;
color: #1d2026;
transition: 0.3s;
position: relative;
padding-left: 44px;
}

a.social-medaia-box-btn:last-child
{
margin-right: 0;
}

@media only screen and (max-width: 767px)
{
a.social-medaia-box-btn
{
width: 170px;
margin-right: 10px;
}
}

@media only screen and (max-width: 479px)
{
a.social-medaia-box-btn
{
margin: 0;
margin-bottom: 15px;
}
}

a.social-medaia-box-btn.icon-common:before
{
content: "";
left: 0;
top: 0;
width: 44px;
height: 100%;
position: absolute;
transition: all 0.3s;
border-right: 1px solid #e9eaf0;
background-position: center center;
background-repeat: no-repeat;
}

a.social-medaia-box-btn.google.icon-common:before
{
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M4.43242 12.0846L3.73625 14.6835L1.19176 14.7374C0.431328 13.3269 0 11.7132 0 9.99838C0 8.34014 0.403281 6.77639 1.11812 5.39948H1.11867L3.38398 5.81479L4.37633 8.06651C4.16863 8.67201 4.05543 9.32201 4.05543 9.99838C4.05551 10.7324 4.18848 11.4358 4.43242 12.0846Z' fill='%23FBBB00'/%3E%3Cpath d='M19.8261 8.13168C19.941 8.73661 20.0009 9.36133 20.0009 9.99981C20.0009 10.7157 19.9256 11.4141 19.7822 12.0877C19.2954 14.38 18.0234 16.3817 16.2613 17.7982L16.2608 17.7976L13.4075 17.652L13.0037 15.1311C14.1729 14.4454 15.0866 13.3723 15.568 12.0877H10.2207V8.13168H15.646H19.8261Z' fill='%23518EF8'/%3E%3Cpath d='M16.2595 17.7964L16.2601 17.797C14.5464 19.1744 12.3694 19.9986 9.99965 19.9986C6.19141 19.9986 2.88043 17.8701 1.19141 14.7376L4.43207 12.0849C5.27656 14.3387 7.45074 15.9431 9.99965 15.9431C11.0952 15.9431 12.1216 15.647 13.0024 15.1299L16.2595 17.7964Z' fill='%2328B446'/%3E%3Cpath d='M16.382 2.30219L13.1425 4.95437C12.2309 4.38461 11.1534 4.05547 9.99906 4.05547C7.39246 4.05547 5.17762 5.73348 4.37543 8.06812L1.11773 5.40109H1.11719C2.78148 2.1923 6.13422 0 9.99906 0C12.4254 0 14.6502 0.864297 16.382 2.30219Z' fill='%23F14336'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

a.social-medaia-box-btn.google.icon-common:hover:before
{
border-right: 1px solid #fbbb00;
}

a.social-medaia-box-btn.google.icon-common:hover
{
border: 1px solid #fbbb00;
}

a.social-medaia-box-btn.icon-common.facebook:before
{
background-image: url("data:image/svg+xml,%3Csvg width='10' height='20' viewBox='0 0 10 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25 6.875V4.375C6.25 3.685 6.81 3.125 7.5 3.125H8.75V0H6.25C4.17875 0 2.5 1.67875 2.5 3.75V6.875H0V10H2.5V20H6.25V10H8.75L10 6.875H6.25Z' fill='%234267B2'/%3E%3C/svg%3E%0A");
}

a.social-medaia-box-btn.icon-common.facebook:hover:before
{
border-right: 1px solid #4267b2;
}

a.social-medaia-box-btn.icon-common.facebook:hover
{
border: 1px solid #4267b2;
}

a.social-medaia-box-btn.apple:before
{
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M13.7483 0C12.6821 0.0737496 11.4359 0.756246 10.7096 1.64499C10.0471 2.45124 9.50212 3.64873 9.71462 4.81247C10.8796 4.84872 12.0833 4.14998 12.7808 3.24623C13.4333 2.40499 13.9271 1.21499 13.7483 0Z' fill='black'/%3E%3Cpath d='M17.9634 6.71011C16.9397 5.42637 15.5009 4.68137 14.1422 4.68137C12.3485 4.68137 11.5897 5.54012 10.3435 5.54012C9.05847 5.54012 8.08223 4.68387 6.53099 4.68387C5.00724 4.68387 3.38475 5.61511 2.35601 7.20761C0.909769 9.45009 1.15727 13.6663 3.501 17.2575C4.33975 18.5425 5.45974 19.9875 6.92473 20C8.22848 20.0125 8.59597 19.1638 10.3622 19.155C12.1285 19.145 12.4635 20.0113 13.7647 19.9975C15.2309 19.9863 16.4122 18.385 17.2509 17.1C17.8522 16.1788 18.0759 15.7151 18.5422 14.6751C15.1509 13.3838 14.6072 8.56135 17.9634 6.71011Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

a.social-medaia-box-btn.apple:hover:before
{
border-right: 1px solid #ff6636;
}

a.social-medaia-box-btn.apple:hover
{
border: 1px solid #ff6636;
}

.e_screenfix
{
margin-right: calc((-100vw + 100%) / 2);
max-width: 1618px;
}

@media (max-width: 991px)
{
.e_screenfix
{
max-width: 100%;
}
}

.header-bottom.border_bottom
{
border-bottom: 1px solid #e9eaf0;
}

.page404-section
{
display: flex;
align-items: center;
min-height: 715px;
overflow: hidden;
}

@media only screen and (max-width: 767px)
{
.page404-section
{
min-height: 75vh;
}
}

.thumb404
{
position: relative;
left: 7px;
}

.about-section
{
border-bottom: 1px solid #e9eaf0;
}

@media (max-width: 991px)
{
.responsive_bottom
{
margin: 0 0 30px !important;
}
}

.about-content
{
margin-right: 100px;
}

@media only screen and (max-width: 1499px)
{
.about-content
{
margin-right: 0;
}
}

.about-content h3
{
font-weight: 600;
font-size: 80px;
line-height: 80px;
letter-spacing: -0.02em;
color: #e9eaf0;
margin-bottom: 15px;
}

@media only screen and (max-width: 1499px)
{
.about-content h3
{
font-size: 60px;
}
}

@media only screen and (max-width: 1499px)
{
.about-content h3
{
font-size: 50px;
}
}

@media only screen and (max-width: 991px)
{
.about-content h3
{
font-size: 45px;
line-height: 40px;
}
}

@media only screen and (max-width: 479px)
{
.about-content h3
{
font-size: 40px;
}
}

.about-content h2
{
color: #1d2026;
font-size: 48px;
line-height: 52px;
margin-bottom: 24px;
font-weight: 600;
letter-spacing: -0.02em;
}

@media (max-width: 991px)
{
.about-content h2
{
font-size: 40px;
white-space: normal;
}
}

@media (max-width: 767px)
{
.about-content h2
{
font-size: 36px;
white-space: normal;
}
}

@media (max-width: 480px)
{
.about-content h2
{
font-size: 28px;
white-space: normal;
}
}

.about-content p
{
font-size: 20px;
line-height: 32px;
color: #6e7485;
}

@media only screen and (max-width: 1499px)
{
.about-content p
{
font-size: 18px;
}
}

@media only screen and (max-width: 767px)
{
.about-content p
{
font-size: 16px;
line-height: 28px;
}
}

.counter-wrap
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

@media only screen and (max-width: 767px)
{
.counter-wrap
{
justify-content: inherit;
}
}

.counter-wrap .counter-item
{
display: flex;
flex-wrap: wrap;
}

@media only screen and (max-width: 991px)
{
.counter-wrap .counter-item
{
display: block;
text-align: center;
}
}

@media only screen and (max-width: 767px)
{
.counter-wrap .counter-item
{
flex: 0 0 33%;
margin-bottom: 24px;
}
}

@media only screen and (max-width: 479px)
{
.counter-wrap .counter-item
{
flex: 0 0 50%;
}
}

.counter-wrap .counter-item .counter-icon
{
margin-right: 16px;
}

@media (max-width: 991px)
{
.counter-wrap .counter-item .counter-icon
{
margin: 0px;
margin-bottom: 6px;
}
}

.counter-wrap .counter-item .counter-data .counter-number
{
font-weight: 600;
font-size: 32px;
line-height: 40px;
letter-spacing: -0.01em;
color: #1d2026;
}

@media (max-width: 991px)
{
.counter-wrap .counter-item .counter-data .counter-number
{
font-size: 24px;
line-height: 34px;
margin: 0px;
}
}

.counter-wrap .counter-item .counter-data p
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #4e5566;
}

.our-mission-section
{
background: #ffeee8;
}

@media only screen and (max-width: 991px)
{
.our-mission-section
{
padding: 60px 0;
}
}

.our-mission-content h5
{
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #ff6636;
}

.our-mission-content h2
{
font-weight: 600;
font-size: 40px;
line-height: 48px;
letter-spacing: -0.01em;
color: #1d2026;
margin-bottom: 24px;
}

@media only screen and (max-width: 1499px)
{
.our-mission-content h2
{
font-size: 36px;
margin-bottom: 15px;
line-height: 44px;
}
}

@media only screen and (max-width: 1199px)
{
.our-mission-content h2
{
font-size: 32px;
line-height: 38px;
}
}

@media only screen and (max-width: 479px)
{
.our-mission-content h2
{
font-size: 28px;
line-height: 36px;
}
}

.our-mission-content p
{
font-size: 16px;
line-height: 24px;
color: #4e5566;
}

@media only screen and (max-width: 1199px)
{
.our-mission-content p
{
font-size: 15px;
line-height: 22px;
}
}

.gallery-section.gray-bg
{
background: #f5f7fa;
}

.gallery-thumb
{
margin-left: 100px;
}

@media only screen and (max-width: 1199px)
{
.gallery-thumb
{
margin-left: 40px;
}
}

@media only screen and (max-width: 991px)
{
.gallery-thumb
{
margin: 0;
}
}

.testimonial-content
{
background: #f5f7fa;
padding: 80px 24px;
text-align: center;
position: relative;
}

.testimonial-content .quote1
{
position: absolute;
top: 35px;
left: 35px;
}

.testimonial-content .quote2
{
position: absolute;
bottom: 35px;
right: 35px;
}

.testimonial-content:before
{
content: "";
width: 0;
height: 0;
position: absolute;
bottom: -22px;
left: 50%;
transform: translateX(-50%);
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 24px solid #f5f7fa;
}

.testimonial-content p
{
font-size: 18px;
line-height: 24px;
letter-spacing: -0.015em;
color: #1d2026;
}

.testimonial-data
{
text-align: center;
margin-top: 35px;
}

.testimonial-data h5
{
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
}

.testimonial-data p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
}

.testimonial-data p a
{
color: #564ffd;
}

@media only screen and (max-width: 991px)
{
.testimonial-wrap
{
margin-bottom: 24px;
}
}

.contact-us-section.career-page
{
border: none;
}

.join-team-section
{
background: #f5f7fa;
}

.join-team-thumb-wrap
{
display: flex;
}

.join-team-thumb-wrap img
{
width: 100%;
}

@media only screen and (max-width: 991px)
{
.join-team-thumb-wrap
{
justify-content: center;
margin-bottom: 30px;
}
}

@media only screen and (max-width: 479px)
{
.join-team-thumb-wrap
{
display: block;
}
}

.join-team-thumb-wrap .join-team-thumb
{
margin-right: 24px;
}

@media only screen and (max-width: 479px)
{
.join-team-thumb-wrap .join-team-thumb
{
margin: 0 0 20px;
}
}

.join-team-thumb-wrap .join-team-thumb:last-child
{
margin: 0;
}

.join-team-thumb-wrap .join-team-thumb img
{
width: 100%;
height: 100%;
object-fit: cover;
}

.join-team-thumb-wrap .join-team-thumb:nth-child(1)
{
width: 200px;
height: 425px;
}

@media only screen and (max-width: 479px)
{
.join-team-thumb-wrap .join-team-thumb:nth-child(1)
{
width: 100%;
height: auto;
}
}

.join-team-thumb-wrap .join-team-thumb:nth-child(2)
{
width: 200px;
height: 521.83px;
}

@media only screen and (max-width: 479px)
{
.join-team-thumb-wrap .join-team-thumb:nth-child(2)
{
width: 100%;
height: auto;
}
}

.join-team-thumb-wrap .join-team-thumb:nth-child(3)
{
width: 200px;
height: 448px;
margin-top: 74px;
}

@media only screen and (max-width: 479px)
{
.join-team-thumb-wrap .join-team-thumb:nth-child(3)
{
width: 100%;
height: auto;
margin: 0;
}
}

.join-team-content h2
{
font-size: 40px;
font-weight: 600;
color: #1d2026;
line-height: 48px;
margin-bottom: 18px;
letter-spacing: -0.01em;
}

@media (max-width: 767px)
{
.join-team-content h2
{
font-size: 32px;
line-height: 42px;
}
}

.join-team-content p
{
font-weight: 400;
color: #4e5566;
}

@media (max-width: 767px)
{
.join-team-content p
{
font-size: 16px;
line-height: normal;
}
}

.join-team-content .checkbox-field ul
{
margin-top: 40px;
}

@media only screen and (max-width: 1499px)
{
.join-team-content .checkbox-field ul
{
margin-top: 30px;
}
}

.join-team-content .checkbox-field ul li
{
padding: 30px;
margin-bottom: 32px;
padding-left: 75px;
background-color: #fff;
}

.join-team-content .checkbox-field ul li:last-child
{
margin-bottom: 0;
}

@media only screen and (max-width: 479px)
{
.join-team-content .checkbox-field ul li
{
padding: 20px;
padding-left: 60px;
}
}

.join-team-content .checkbox-field ul li svg
{
left: 30px;
width: 30px;
height: 30px;
}

@media only screen and (max-width: 479px)
{
.join-team-content .checkbox-field ul li svg
{
left: 20px;
}
}

.join-team-content .checkbox-field ul li span
{
width: 100%;
margin-bottom: 4px;
display: inline-block;
}

.join-team-content.become-instructor
{
margin-left: 45px;
}

.benefit-package
{
border-bottom: 1px solid #e9eaf0;
}

.gray-bg
{
position: relative;
z-index: 0;
}

.gray-bg::before
{
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 83%;
z-index: -1;
position: absolute;
background-color: #f5f7fa;
}

.company-main-wrap
{
background-color: #fff;
padding: 80px 80px 60px;
border: 1px solid #e9eaf0;
width: calc(100% + 160px);
margin-left: -80px;
}

@media only screen and (max-width: 1499px)
{
.company-main-wrap
{
width: 100%;
padding: 30px;
margin: 0;
}
}

.company-main-wrap .company-content
{
margin-right: 7px;
}

.open-position-wrap
{
background: #ffffff;
margin-bottom: 24px;
}

.open-position-wrap .open-position-bottom
{
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px;
}

@media only screen and (max-width: 1499px)
{
.open-position-wrap .open-position-bottom
{
padding: 20px;
}
}

.open-position-wrap .open-position-bottom a.arrow-icon
{
display: flex;
width: 48px;
height: 48px;
background: #ffeee8;
align-items: center;
justify-content: center;
}

.open-position-wrap .open-position-bottom p
{
font-family: "Inter";
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
}

.open-position-wrap .open-position-bottom p span
{
color: #e34444;
}

.open-position-header
{
padding: 24px;
border-bottom: 1px solid #e9eaf0;
}

@media only screen and (max-width: 1499px)
{
.open-position-header
{
padding: 20px;
}
}

.open-position-header h3
{
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #1d2026;
margin-bottom: 20px;
}

.open-position-header .sub-heading-meta ul
{
display: flex;
}

.open-position-header .sub-heading-meta ul li
{
display: flex;
align-items: center;
}

@media only screen and (max-width: 1499px)
{
.open-position-header .sub-heading-meta ul li
{
margin: 0 4px;
}
}

@media only screen and (max-width: 479px)
{
.open-position-header .sub-heading-meta ul li
{
font-size: 13px;
}
}

.open-position-header .sub-heading-meta ul li svg
{
margin-right: 6px;
}

@media only screen and (max-width: 1499px)
{
.open-position-header .sub-heading-meta ul li svg
{
margin-right: 4px;
}
}

.single-career-section
{
background: #f5f7fa;
}

.single-career-herader-right
{
width: 100%;
text-align: right;
}

@media only screen and (max-width: 767px)
{
.single-career-herader-right
{
text-align: left;
margin-top: 30px;
}
}

.single-career-herader .open-position-header
{
padding: 0;
border: 0;
margin-bottom: 40px;
}

@media only screen and (max-width: 767px)
{
.single-career-herader .open-position-header
{
margin-bottom: 24px;
}
}

.single-career-herader .open-position-header .sub-heading-meta
{
margin-bottom: 12px;
}

@media only screen and (max-width: 479px)
{
.single-career-herader .open-position-header .sub-heading-meta ul li
{
font-size: 12px;
}
}

.single-career-herader .open-position-header h2
{
font-family: "Inter";
font-weight: 600;
font-size: 40px;
line-height: 48px;
letter-spacing: -0.01em;
color: #1d2026;
}

@media only screen and (max-width: 991px)
{
.single-career-herader .open-position-header h2
{
font-size: 36px;
line-height: 40px;
}
}

@media only screen and (max-width: 767px)
{
.single-career-herader .open-position-header h2
{
font-size: 30px;
line-height: 36px;
}
}

@media only screen and (max-width: 479px)
{
.single-career-herader .open-position-header h2
{
font-size: 24px;
line-height: 32px;
}
}

.header-info-wrap
{
display: flex;
align-items: center;
}

@media only screen and (max-width: 479px)
{
.header-info-wrap
{
display: block;
}
}

.header-info-wrap .header-info-item
{
margin-right: 150px;
}

@media only screen and (max-width: 991px)
{
.header-info-wrap .header-info-item
{
margin-right: 40px;
}
}

@media only screen and (max-width: 479px)
{
.header-info-wrap .header-info-item
{
margin: 0 0 20px;
}
}

.header-info-wrap .header-info-item:last-child
{
margin-right: 0;
}

.header-info-wrap .header-info-item h4
{
font-family: "Inter";
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #ff6636;
margin-bottom: 8px;
}

.header-info-wrap .header-info-item p,
.header-info-wrap .header-info-item a
{
font-family: "Inter";
font-size: 16px;
line-height: 24px;
color: #1d2026;
}

.single-career-body-section
{
padding: 40px 0 80px;
}

.single-career-body-wrap
{
max-width: 650px;
}

.single-career-body-wrap .course-single-title
{
margin-bottom: 15px;
}

.single-career-body-wrap .course-single-title h3
{
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #1d2026;
margin: 0;
}

@media only screen and (max-width: 767px)
{
.single-career-body-wrap .overview-description
{
margin-bottom: 25px;
}
}

.single-career-body-wrap .overview-description p
{
color: #6e7485;
}

@media only screen and (max-width: 767px)
{
.single-career-body-wrap .course-list-section
{
margin-bottom: 25px;
}
}

.single-career-body-wrap .course-list-section ul li
{
color: #6e7485;
margin-bottom: 10px;
padding-left: 25px;
}

.single-career-body-wrap .course-list-section ul li svg
{
top: 6px;
width: 15px;
}

.single-career-body-wrap .single-career-herader-right
{
text-align: center;
}

.contact-us-section
{
padding-top: 16px;
border-bottom: 1px solid #ffddd1;
}

@media only screen and (max-width: 991px)
{
.contact-us-section
{
padding: 60px 0;
}
}

.about-content.contact-content p
{
font-size: 18px;
line-height: 24px;
}

.section-title h2
{
margin-bottom: 20px;
}

.section-title p
{
font-size: 18px;
line-height: 24px;
letter-spacing: -0.015em;
color: #4e5566;
}

@media only screen and (max-width: 1199px)
{
.branches-wrap
{
margin-bottom: 24px;
}
}

.branches-thumb
{
height: 364px;
position: relative;
}

@media only screen and (max-width: 1199px)
{
.branches-thumb
{
height: 450px;
}
}

@media only screen and (max-width: 767px)
{
.branches-thumb
{
height: auto;
}
}

.branches-thumb img
{
width: 100%;
height: 100%;
object-fit: cover;
}

.branches-data
{
text-align: center;
background-color: #fff;
padding: 0px 31px 16px 31px;
position: absolute;
bottom: 24px;
width: calc(100% - 48px);
margin-left: 24px;
transition: all 0.3s;
}

.branches-data:hover
{
padding: 16px 31px 16px 31px;
}

.branches-data h5
{
font-weight: 500;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
color: #ff6636;
transition: all 0.3s;
opacity: 0;
margin: 0 0 3px;
}

.branches-data:hover h5
{
opacity: 1;
}

.branches-data h4
{
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
}

.branches-data p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
}

.contact-section
{
background-color: #f5f7fa;
}

.contact-wrap
{
background: #ffffff;
padding: 40px;
}

@media only screen and (max-width: 479px)
{
.contact-wrap
{
padding: 30px;
}
}

.contact-title
{
margin-bottom: 30px;
}

.contact-title h5
{
font-size: 24px;
line-height: 32px;
color: #1d2026;
}

@media only screen and (max-width: 767px)
{
.contact-title h5
{
font-size: 22px;
line-height: 28px;
}
}

.contact-title p
{
font-size: 16px;
line-height: 24px;
color: #8c94a3;
}

.contact-info-wrap
{
margin-right: 100px;
}

@media only screen and (max-width: 1499px)
{
.contact-info-wrap
{
margin-right: 15px;
}
}

@media only screen and (max-width: 1199px)
{
.contact-info-wrap
{
margin-right: 0;
}
}

.contact-info-item
{
border-bottom: 1px solid #e9eaf0;
display: flex;
padding: 30px 0;
}

@media only screen and (max-width: 479px)
{
.contact-info-item
{
padding: 20px 0;
}
}

@media only screen and (max-width: 479px)
{
.contact-info-item
{
display: block;
}
}

.contact-info-item:last-child
{
border-bottom: 0;
}

.contact-info-item h5
{
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #ff6636;
margin: 0;
flex: 0 0 40%;
}

@media only screen and (max-width: 479px)
{
.contact-info-item h5
{
margin-bottom: 15px;
}
}

.contact-info-item p
{
font-size: 16px;
line-height: 24px;
color: #1d2026;
}

.contact-info-item p a
{
color: #1d2026;
}

#map
{
height: 424px;
width: 100%;
}

.course-single-section
{
z-index: 0;
position: relative;
border-bottom: 1px solid #e9eaf0;
}

.course-single-section:before
{
content: "";
left: 0;
top: 0;
width: 100%;
height: 380px;
z-index: -1;
position: absolute;
background-color: #f5f7fa;
}

@media only screen and (max-width: 991px)
{
.course-single-section:before
{
content: none;
}
}

.course-single-top ul
{
margin: 0 0 12px;
padding: 0;
list-style: none;
}

.course-single-top ul li
{
display: inline-block;
}

.course-single-top ul li a
{
font-size: 14px;
letter-spacing: -0.01em;
color: #6e7485;
}

.course-single-top ul li a svg
{
margin: 0 5px;
}

.course-single-top h3
{
font-weight: 600;
font-size: 32px;
line-height: 40px;
letter-spacing: -0.01em;
color: #1d2026;
margin-bottom: 24px;
}

@media only screen and (max-width: 991px)
{
.course-single-top h3
{
font-size: 28px;
line-height: 34px;
}
}

@media only screen and (max-width: 479px)
{
.course-single-top h3
{
font-size: 22px;
line-height: 30px;
}
}

.course-single-top p
{
font-size: 20px;
line-height: 32px;
color: #4e5566;
}

@media only screen and (max-width: 479px)
{
.course-single-top p
{
font-size: 16px;
line-height: 24px;
}
}

.course-singe-main
{
margin-top: 50px;
}

.course-right-sidebar
{
background: #ffffff;
border: 1px solid #e9eaf0;
box-sizing: border-box;
box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.06);
}

@media only screen and (max-width: 1199px)
{
.course-right-sidebar
{
margin-top: 40px;
}
}

.course-right-sidebar-row
{
border-bottom: 1px solid #e9eaf0;
padding: 24px;
}

.course-right-sidebar-row:last-child
{
border-bottom: 0;
}

.course-right-sidebar-price
{
display: flex;
align-items: start;
justify-content: space-between;
}

@media only screen and (max-width: 479px)
{
.course-right-sidebar-price
{
display: block;
}
}

.course-right-sidebar-price .price-time h4
{
font-size: 24px;
line-height: 32px;
color: #1d2026;
}

.course-right-sidebar-price .price-time h4 del
{
font-size: 16px;
text-decoration-line: line-through;
color: #8c94a3;
}

.course-right-sidebar-price .price-time h6
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #e34444;
}

.course-right-sidebar-price .price-time h6 svg
{
margin-right: 10px;
}

.price-dicount a
{
background: #ffeee8;
font-family: Inter;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
color: #ff6636;
padding: 8px 12px;
}

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

.course-detalis ul li
{
margin-bottom: 15px;
}

.course-detalis ul li:last-child
{
margin-bottom: 0;
}

.course-detalis ul li a
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #1d2026;
display: block;
}

.course-detalis ul li a svg
{
width: 25px;
margin-right: 8px;
}

.course-detalis ul li a span
{
float: right;
color: #6e7485;
}

.course-purchase-btn .button
{
display: block;
margin-bottom: 12px;
}

.course-purchase-btn .add-to-wishlist-wrap
{
display: flex;
justify-content: space-between;
}

.course-purchase-btn .add-to-wishlist-wrap a.add-to-wishlist
{
font-family: Inter;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 40px;
letter-spacing: -0.004em;
text-transform: capitalize;
color: #4e5566;
border: 1px solid #e9eaf0;
width: 100%;
text-align: center;
flex: 0 0 48.5%;
margin-bottom: 12px;
}

.course-purchase-btn p
{
font-size: 14px;
letter-spacing: -0.01em;
color: #6e7485;
}

.course-purchase-btn p span
{
font-weight: 500;
color: #6e7485;
}

.course-includes-wrap ul
{
margin: 0;
padding: 0;
list-style: none;
}

.course-includes-wrap ul li
{
margin-bottom: 14px;
}

.course-includes-wrap ul li:last-child
{
margin-bottom: 0;
}

.course-includes-wrap ul li a
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
display: block;
position: relative;
padding-left: 35px;
}

.course-includes-wrap ul li a svg
{
width: 25px;
position: absolute;
left: 0;
}

.course-includes-wrap ul li a svg path
{
stroke: #ff6636;
}

h4.course-sidebar-title
{
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
margin-bottom: 15px;
}

.course-share-wrap .social-icon ul li:first-child a
{
width: 137px;
}

.course-share-wrap .social-icon ul li:first-child a svg
{
margin-right: 10px;
}

.course-video-wrap
{
height: 492px;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center;
margin-bottom: 20px;
}

@media only screen and (max-width: 991px)
{
.course-video-wrap
{
height: 390px;
}
}

@media only screen and (max-width: 479px)
{
.course-video-wrap
{
height: 250px;
}
}

.course-video-wrap a.popup-youtube
{
width: 72px;
height: 72px;
background: #ffffff;
border-radius: 100%;
display: inline-block;
text-align: center;
line-height: 69px;
transition: all 0.3s;
}

@media only screen and (max-width: 479px)
{
.course-video-wrap a.popup-youtube
{
width: 60px;
height: 60px;
line-height: 60px;
}
}

.course-video-wrap a.popup-youtube:hover
{
background-color: #ff6636;
}

.course-video-wrap a.popup-youtube svg
{
position: relative;
left: 2px;
}

.course-video-wrap a.popup-youtube svg path
{
transition: all 0.3s;
}

.course-video-wrap a.popup-youtube:hover path
{
fill: #fff;
}

.student-profile-menu.single-course
{
border-bottom: 1px solid #e9eaf0;
}

@media only screen and (max-width: 991px)
{
.student-profile-menu.single-course ul
{
display: flex;
}
}

@media only screen and (max-width: 479px)
{
.student-profile-menu.single-course ul
{
display: block;
text-align: center;
}
}

.overview-section
{
padding: 40px 0;
}

.overview-description
{
margin-bottom: 40px;
}

.overview-description p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
margin-bottom: 20px;
}

.overview-description p:last-child
{
margin-bottom: 0;
}

.course-learn-section
{
padding: 40px;
margin-bottom: 40px;
background: rgba(225, 247, 227, 0.4);
}

@media only screen and (max-width: 479px)
{
.course-learn-section
{
padding: 25px;
}
}

.course-learn-section .checkbox-field ul li
{
margin-right: 0;
}

.course-single-title
{
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}

@media only screen and (max-width: 767px)
{
.course-single-title
{
display: block;
}
}

.course-single-title h3
{
font-weight: 600;
font-size: 24px;
line-height: 32px;
letter-spacing: -0.01em;
}

.course-list-section
{
margin-bottom: 40px;
}

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

.course-list-section ul li
{
font-weight: normal;
font-size: 14px;
letter-spacing: -0.01em;
color: #4e5566;
margin-bottom: 14px;
position: relative;
padding-left: 32px;
}

.course-list-section ul li:last-child
{
margin-bottom: 0;
}

.course-list-section ul li svg
{
position: absolute;
left: 0;
}

.course-list-section.course-requirements ul li
{
padding-left: 15px;
}

.course-list-section.course-requirements ul li::before
{
content: "";
width: 5px;
height: 5px;
left: 0;
top: 9px;
border-radius: 50%;
position: absolute;
background-color: #4e5566;
}

@media only screen and (max-width: 1499px)
{
.accordion-wrap-faq.lecture-wrap.course-watch .link
{
display: block;
}
}

@media only screen and (max-width: 1199px)
{
.accordion-wrap-faq.lecture-wrap.course-watch .link
{
display: flex;
}
}

@media only screen and (max-width: 767px)
{
.accordion-wrap-faq.lecture-wrap.course-watch .link
{
display: block;
}
}

.course-curriculum-section
{
margin-bottom: 40px;
}

.course-curriculum-section .accordion-wrap-faq.lecture-wrap .link
{
padding: 18px 20px;
}

.course-curriculum-section .accordion-wrap-faq.lecture-wrap .accordion__list2.open .link
{
background-color: transparent;
border: 1px solid #e9eaf0;
border-bottom: 1px solid #fff;
}

.course-curriculum-section .lectue-body-item
{
padding: 7px 20px;
}

.course-curriculum-section .lectue-body-item:hover
{
background-color: transparent;
}

.course-curriculum-section .curriculum-body-left
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
display: flex;
align-items: center;
}

.course-curriculum-section .curriculum-body-left svg
{
margin-right: 10px;
}

.course-curriculum-section .curriculum-body-right
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #8c94a3;
}

.course-instructor-section
{
margin-bottom: 40px;
}

.profile-wrap.course-instructor
{
border: 1px solid #e9eaf0;
padding: 32px;
margin-bottom: 20px;
}

@media only screen and (max-width: 479px)
{
.profile-wrap.course-instructor
{
padding: 20px;
}
}

.profile-wrap.course-instructor .profile-left
{
align-items: flex-start;
}

.profile-wrap.course-instructor .profile-left .profile-thumb
{
width: 136px;
height: 136px;
}

@media only screen and (max-width: 479px)
{
.profile-wrap.course-instructor .profile-left .profile-thumb
{
height: 110px;
width: 110px;
}
}

.profile-wrap.course-instructor .profile-left .profile-data p
{
font-size: 14px;
line-height: 22px;
}

.profile-wrap.course-instructor .profile-left .profile-data p a
{
color: #6e7485;
font-weight: 500;
text-transform: uppercase;
transition: all 0.3s;
}

.profile-wrap.course-instructor .profile-left .profile-data p a:hover
{
color: #1d2026;
}

.profile-wrap.course-instructor .profile-left .profile-data h3
{
font-size: 20px;
margin-bottom: 6px;
}

.profile-wrap.course-instructor .profile-left .profile-review
{
margin: 16px 0;
}

.rating-area
{
padding-bottom: 24px;
display: flex;
align-items: flex-start;
}

@media only screen and (max-width: 991px)
{
.rating-area
{
display: block;
}
}

.rating-area .rating-percentage .percentage-line
{
margin-bottom: 18px;
}

.rating-area .rating-percentage .percentage-line .rating-area-percentage
{
margin: 0 12px;
}

.rating-area-percentage
{
position: relative;
width: 350px;
}

@media only screen and (max-width: 1499px)
{
.rating-area-percentage
{
width: 230px;
}
}

@media only screen and (max-width: 991px)
{
.rating-area-percentage
{
width: 59%;
}
}

@media only screen and (max-width: 767px)
{
.rating-area-percentage
{
width: 100%;
margin: 0 !important;
}
}

.rating-area-percentage .main-percentage
{
position: absolute;
top: 0;
left: 0;
}

.rating-area-percentage .eighty-eight
{
width: 75%;
}

.rating-area-percentage .three
{
width: 8%;
}

.rating-area-percentage .four
{
width: 21%;
}

.rating-area-percentage .two
{
width: 5%;
}

.rating-area-percentage .one
{
width: 3%;
}

.rating-box
{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 200px;
height: 190px;
border: 1px solid #e9eaf0;
margin-right: 25px;
}

@media only screen and (max-width: 991px)
{
.rating-box
{
margin-bottom: 30px;
}
}

.rating-box h4
{
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 52px;
text-align: center;
letter-spacing: -0.02em;
color: #1d2026;
margin-bottom: 24px;
}

.rating-box .total-star
{
margin-bottom: 14px;
}

.rating-box p
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #1d2026;
}

.total-star
{
padding: 0;
margin: 0;
}

.total-star li
{
margin-right: 0px !important;
}

.total-star li svg
{
height: 20px;
width: 20px;
}

.total-star-sm
{
line-height: 15px;
}

.total-star-sm li
{
margin-right: 2px !important;
}

.total-star-sm li svg
{
height: 20px;
width: 20px;
}

.main-percentage-bg
{
width: 100%;
height: 8px;
background-color: #fff2e6;
}

.main-percentage-bg-null
{
background-color: #000;
}

.main-percentage
{
height: 8px;
width: 100%;
background-color: #fd8e1f;
}

.percentage-text span
{
font-family: Inter;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: right;
letter-spacing: -0.01em;
}

.percentage-line
{
display: flex;
align-items: center;
}

@media only screen and (max-width: 767px)
{
.percentage-line
{
display: block;
}
}

.null-star svg
{
color: #d2d1e0 !important;
fill: transparent !important;
}

.null-percentage span
{
color: #b7b7cd;
}

.rating
{
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 22px;
text-align: right;
letter-spacing: -0.01em;
color: #6e7485;
margin-left: 6px;
margin-right: 10px;
}

@media only screen and (max-width: 767px)
{
.rating
{
text-align: left;
margin: 10px 0;
}
}

.select-box.ratting label
{
float: none;
}

.select-box.ratting span.custom-select-trigger
{
margin: 0;
border: 1px solid #e9eaf0;
width: 200px;
line-height: 48px;
padding: 0 20px;
font-size: 16px;
color: #4e5566;
}

.select-box.ratting span.custom-select-trigger:after
{
border-bottom: 2px solid #1d2026;
border-right: 2px solid #1d2026;
}

@media only screen and (max-width: 767px)
{
.student-feedback-section .course-single-title
{
display: flex;
}
}

@media only screen and (max-width: 479px)
{
.student-feedback-section .course-single-title
{
display: block;
}
}

.course-watch-section
{
padding: 32px 22px 80px;
}

.course-content-area
{
margin-bottom: 24px;
}

@media only screen and (max-width: 1199px)
{
.course-content-area
{
margin-top: 40px;
}
}

.course-content-area .course-content
{
display: flex;
align-items: center;
margin-bottom: 15px;
justify-content: space-between;
}

@media only screen and (max-width: 479px)
{
.course-content-area .course-content
{
display: block;
}
}

.course-content-area .course-content h3
{
font-weight: 600;
font-size: 24px;
letter-spacing: -0.01em;
color: #1d2026;
margin: 0;
}

@media only screen and (max-width: 479px)
{
.course-content-area .course-content h3
{
margin-bottom: 15px;
}
}

.course-content-area .course-content h4
{
font-weight: 600;
font-size: 16px;
color: #23bd33;
margin: 0;
}

.course-content-area .course-progress-gray
{
width: 100%;
height: 4px;
background: #e9eaf0;
position: relative;
}

.course-content-area .course-progress-gray .course-progress-green
{
height: 4px;
background: #23bd33;
width: 15%;
}

.course-youtube-video-wrap iframe
{
width: 100%;
height: 690px;
}

@media only screen and (max-width: 1499px)
{
.course-youtube-video-wrap iframe
{
height: 500px;
}
}

@media only screen and (max-width: 767px)
{
.course-youtube-video-wrap iframe
{
height: 300px;
}
}

.course-single-top.course-watch
{
padding: 24px 0;
border-bottom: 1px solid #e9eaf0;
}

.course-single-top.course-watch .withdrew-money-card-mid
{
margin: 0;
}

@media only screen and (max-width: 479px)
{
.course-single-top.course-watch .withdrew-money-card-mid
{
display: block;
}
}

.course-single-top.course-watch .withdrew-money-card-mid-inner
{
align-items: center;
}

@media only screen and (max-width: 479px)
{
.course-single-top.course-watch .withdrew-money-card-mid-inner
{
margin-bottom: 15px;
}
}

.course-single-top.course-watch .withdrew-money-card-mid img
{
width: 32px;
height: 32px;
}

.course-single-top.course-watch .withdrew-money-card-mid h5
{
font-size: 12px;
margin: 0;
line-height: 1;
}

.course-single-top.course-watch .withdrew-money-card-mid p
{
font-size: 14px !important;
color: #1d2026 !important;
}

.course-single-top.course-watch .withdrew-money-card-mid p span
{
color: #6e7485;
}

.course-single-top.course-watch .withdrew-money-card-mid-inner-img-2,
.course-single-top.course-watch .withdrew-money-card-mid-inner-img-3,
.course-single-top.course-watch .withdrew-money-card-mid-inner-img-4,
.course-single-top.course-watch .withdrew-money-card-mid-inner-img-5
{
margin-left: -24px;
}

.course-single-top.course-watch a.withdrew-money-card-profile-name
{
font-size: 14px !important;
font-weight: 600 !important;
margin: 0 !important;
}

.student-profile-menu.course-watch
{
border-bottom: 1px solid #e9eaf0;
}

@media only screen and (max-width: 767px)
{
.student-profile-menu.course-watch ul
{
display: block;
}
}

@media only screen and (max-width: 767px)
{
.student-profile-menu.course-watch ul li
{
display: block;
}
}

.student-profile-menu.course-watch ul li a
{
padding: 20px 30px;
}

@media only screen and (max-width: 1499px)
{
.student-profile-menu.course-watch ul li a
{
padding: 20px 0;
font-size: 15px;
}
}

@media only screen and (max-width: 1199px)
{
.student-profile-menu.course-watch ul li a
{
padding: 15px;
}
}

.course-watch-wrap
{
max-width: 916px;
margin-top: 40px;
}

.lecture-notes p
{
margin: 0;
}

.lecture-notes ul
{
margin: 0 0 20px;
padding: 0;
list-style: none;
}

.lecture-notes ul li
{
padding-left: 15px;
position: relative;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566;
}

.lecture-notes ul li:before
{
content: "";
width: 5px;
height: 5px;
left: 0;
top: 9px;
border-radius: 50%;
position: absolute;
background-color: #4e5566;
}

.course-attach-file
{
margin-bottom: 40px;
}

.student-breadcrumb
{
height: 280px;
width: 100%;
background: #ffeee8;
}

.student-title
{
margin-bottom: 24px;
}

.student-title h2
{
font-weight: 600;
font-size: 24px;
letter-spacing: -0.01em;
color: #1d2026;
margin: 0;
}

.lecture-slider .owl-nav
{
position: absolute;
top: -64px;
right: -3px;
}

.lecture-slider .owl-next,
.lecture-slider .owl-prev
{
width: 40px;
height: 40px;
left: 48px;
line-height: 40px;
margin: 0 4px;
background: #ffeee8 !important;
}

label
{
float: none;
}

label.student-lebel
{
float: none;
font-size: 12px;
line-height: 16px;
color: #6e7485;
display: block;
margin-bottom: 5px;
}

.student-header
{
display: flex;
align-items: center;
margin-bottom: 40px;
justify-content: space-between;
}

@media only screen and (max-width: 991px)
{
.student-header
{
display: block;
}
}

.student-search
{
flex: 0 0 40%;
}

@media only screen and (max-width: 991px)
{
.student-search
{
margin-bottom: 20px;
}
}

.student-search input
{
background-color: transparent;
border: 1px solid #e9eaf0;
}

.student-search .dashboard-search-icon
{
top: 32px;
}

.student-header-dropdwon-wrap
{
flex: 0 0 58%;
display: flex;
justify-content: space-between;
}

@media only screen and (max-width: 767px)
{
.student-header-dropdwon-wrap
{
display: block;
}
}

.student-header-dropdwon-wrap .student-header-dropdwon-item
{
flex: 0 0 31%;
}

@media only screen and (max-width: 767px)
{
.student-header-dropdwon-wrap .student-header-dropdwon-item
{
margin-bottom: 20px;
}

.student-header-dropdwon-wrap .student-header-dropdwon-item:last-child
{
margin: 0;
}
}

.student-header-dropdwon-wrap .student-header-dropdwon-item .custom-select-trigger
{
margin: 0;
border: 1px solid #e9eaf0;
line-height: 48px;
padding: 0 18px;
color: #4e5566;
font-size: 16px;
}

.student-header-dropdwon-wrap .student-header-dropdwon-item .custom-select-trigger::after
{
border-bottom: 2px solid #1d2026;
border-right: 2px solid #1d2026;
}

.student-header-dropdwon-wrap .student-header-dropdwon-item .custom-select
{
display: block;
}

.student-header-dropdwon-wrap .student-header-dropdwon-item .custom-select-wrapper
{
display: block;
}

.student-header.my-course .form-searchbox input
{
background-color: #fff;
border: 1px solid #fff;
}

.student-header.my-course span.custom-select-trigger
{
background-color: #fff;
border: 1px solid #fff;
}

.course-item-4-card-info-price del
{
font-size: 14px;
color: #a1a5b3;
}

.course-student-column
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

@media only screen and (max-width: 767px)
{
.course-student-column
{
display: block;
}
}

.course-student-column .course-column4
{
flex: 0 0 23.7%;
margin-bottom: 24px;
}

@media only screen and (max-width: 1499px)
{
.course-student-column .course-column4
{
flex: 0 0 32%;
}
}

@media only screen and (max-width: 1199px)
{
.course-student-column .course-column4
{
flex: 0 0 48%;
}
}

@media only screen and (max-width: 1199px)
{
.course-student-column
{
flex: 0 0 48%;
}
}

.course-lecture.course-column4.tablet
{
display: none;
}

@media only screen and (max-width: 1499px)
{
.course-lecture.course-column4.tablet
{
display: block;
}
}

.student-instructor-section .course-item-5
{
margin-bottom: 24px;
}

.course-item-5-card-img.team-thumb-instructor
{
height: 312px;
}

.course-lecture-footer.student-instructor
{
padding: 0 15px 14px;
}

.wishlist-body-text .wishlist-body-bottom,
.wishlist-body-text .shopping-body-bottom,
.shopping-body-text .wishlist-body-bottom,
.shopping-body-text .shopping-body-bottom
{
border: 1px solid #e9eaf0;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap,
.wishlist-body-text .shopping-body-bottom .faq-review-wrap,
.shopping-body-text .wishlist-body-bottom .faq-review-wrap,
.shopping-body-text .shopping-body-bottom .faq-review-wrap
{
padding: 24px;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item,
.wishlist-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item,
.shopping-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item,
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item
{
border-bottom: 1px solid #e9eaf0 !important;
}

.wishlist-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item:last-child,
.wishlist-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item:last-child,
.shopping-body-text .wishlist-body-bottom .faq-review-wrap .faq-review-item:last-child,
.shopping-body-text .shopping-body-bottom .faq-review-wrap .faq-review-item:last-child
{
border-bottom: 0 !important;
padding-bottom: 0;
}

.student-wishist-header
{
border-bottom: 1px solid #e9eaf0;
padding: 20px 24px;
display: flex;
}

@media only screen and (max-width: 991px)
{
.student-wishist-header
{
justify-content: space-between;
}
}

.student-wishist-header p
{
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: #4e5566;
}

.student-wishist-header p.one
{
flex: 0 0 46.6%;
}

@media only screen and (max-width: 991px)
{
.student-wishist-header p.one
{
flex: 0 0 auto;
}
}

.student-wishist-header p.two
{
flex: 0 0 19.5%;
}

@media only screen and (max-width: 991px)
{
.student-wishist-header p.two
{
flex: 0 0 auto;
}
}

.student-wishist-header.student-shopping-header p.one
{
flex: 0 0 63.6%;
}

@media only screen and (max-width: 991px)
{
.student-wishist-header.student-shopping-header p.one
{
flex: 0 0 auto;
}
}

.wrapper
{
position: relative;
border: 1px solid #e9eaf0;
padding: 44px;
margin-right: 44px;
}

@media only screen and (max-width: 1199px)
{
.wrapper
{
padding: 25px;
margin-right: 25px;
}
}

@media only screen and (max-width: 991px)
{
.wrapper
{
margin: 0 0 20px;
}
}

.wrapper p
{
font-size: 14px;
line-height: 22px;
text-align: center;
letter-spacing: -0.01em;
color: #6e7485;
padding: 10px 15px 0;
}

.wrapper #img-result
{
cursor: pointer;
margin: 0;
position: relative;
display: block;
width: 100%;
height: 280px;
color: rgba(0, 0, 0, 0);
border: none;
overflow: hidden;
z-index: 0;
transition: all 0.3s;
background-size: cover;
background-position: center center;
background-image: url(src/images/team9.html);
}

@media only screen and (max-width: 1499px)
{
.wrapper #img-result
{
height: 260px;
}
}

@media only screen and (max-width: 991px)
{
.wrapper #img-result
{
height: 350px;
}
}

.wrapper #img-result.no-image:before
{
content: "";
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
width: 100%;
height: 48px;
transition: all 0.3s;
background: rgba(0, 0, 0, 0.5);
}

.wrapper #img-result.no-image::after
{
content: "";
position: absolute;
width: 24px;
height: 24px;
transition: all 0.3s;
left: 50%;
bottom: 10px;
opacity: 0;
background-size: 24px;
transition: all 0.3s;
background-position: center bottom;
transform: translateX(-50%);
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.0625 7.68647L12 3.75L15.9375 7.68647' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 14.2492V3.75195' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.25 14.25V19.5C20.25 19.6989 20.171 19.8897 20.0303 20.0303C19.8897 20.171 19.6989 20.25 19.5 20.25H4.5C4.30109 20.25 4.11032 20.171 3.96967 20.0303C3.82902 19.8897 3.75 19.6989 3.75 19.5V14.25' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.no-image:hover::before,
.no-image:hover::after
{
opacity: 1 !important;
}

.student-account-setting
{
border-bottom: 1px solid #e9eaf0;
padding-bottom: 40px;
margin-bottom: 40px;
}

.change-password-wrap
{
padding-right: 70px;
}

@media only screen and (max-width: 1199px)
{
.change-password-wrap
{
padding-right: 40px;
}
}

@media only screen and (max-width: 991px)
{
.change-password-wrap
{
padding: 0;
}
}

.delete-account-wrap
{
padding-left: 70px;
margin-top: 40px;
position: relative;
}

@media only screen and (max-width: 1199px)
{
.delete-account-wrap
{
padding-left: 40px;
}
}

@media only screen and (max-width: 991px)
{
.delete-account-wrap
{
padding: 0;
}
}

.delete-account-wrap:before
{
content: "";
left: -5px;
top: 40px;
height: 222px;
width: 1px;
position: absolute;
background-color: #e9eaf0;
}

@media only screen and (max-width: 991px)
{
.delete-account-wrap:before
{
content: none;
}
}

.delete-account-wrap p
{
font-size: 16px;
line-height: 24px;
color: #6e7485;
margin-bottom: 15px;
}

.delete-account-wrap ul
{
margin: 0 0 24px;
padding: 0;
list-style: none;
}

.delete-account-wrap ul li
{
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #6e7485;
padding-left: 15px;
position: relative;
}

.delete-account-wrap ul li:before
{
content: "";
left: 0;
top: 10px;
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
background-color: #6e7485;
}

.contact-us-section
{
padding-top: 16px;
border-bottom: 1px solid #ffddd1;
}

@media only screen and (max-width: 991px)
{
.contact-us-section
{
padding: 60px 0;
}
}

.about-content.contact-content p
{
font-size: 18px;
line-height: 24px;
}

.section-title h2
{
margin-bottom: 20px;
}

.section-title p
{
font-size: 18px;
line-height: 24px;
letter-spacing: -0.015em;
color: #4e5566;
}

@media only screen and (max-width: 1199px)
{
.branches-wrap
{
margin-bottom: 24px;
}
}

.branches-thumb
{
height: 364px;
position: relative;
}

@media only screen and (max-width: 1199px)
{
.branches-thumb
{
height: 450px;
}
}

@media only screen and (max-width: 767px)
{
.branches-thumb
{
height: auto;
}
}

.branches-thumb img
{
width: 100%;
height: 100%;
object-fit: cover;
}

.branches-data
{
text-align: center;
background-color: #fff;
padding: 0px 31px 16px 31px;
position: absolute;
bottom: 24px;
width: calc(100% - 48px);
margin-left: 24px;
transition: all 0.3s;
}

.branches-data:hover
{
padding: 16px 31px 16px 31px;
}

.branches-data h5
{
font-weight: 500;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
color: #ff6636;
transition: all 0.3s;
opacity: 0;
margin: 0 0 3px;
}

.branches-data:hover h5
{
opacity: 1;
}

.branches-data h4
{
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1d2026;
}

.branches-data p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
}

.contact-section
{
background-color: #f5f7fa;
}

.contact-wrap
{
background: #ffffff;
padding: 40px;
}

@media only screen and (max-width: 479px)
{
.contact-wrap
{
padding: 30px;
}
}

.contact-title
{
margin-bottom: 30px;
}

.contact-title h5
{
font-size: 24px;
line-height: 32px;
color: #1d2026;
}

@media only screen and (max-width: 767px)
{
.contact-title h5
{
font-size: 22px;
line-height: 28px;
}
}

.contact-title p
{
font-size: 16px;
line-height: 24px;
color: #8c94a3;
}

.contact-info-wrap
{
margin-right: 100px;
}

@media only screen and (max-width: 1499px)
{
.contact-info-wrap
{
margin-right: 15px;
}
}

@media only screen and (max-width: 1199px)
{
.contact-info-wrap
{
margin-right: 0;
}
}

.contact-info-item
{
border-bottom: 1px solid #e9eaf0;
display: flex;
padding: 30px 0;
}

@media only screen and (max-width: 479px)
{
.contact-info-item
{
padding: 20px 0;
}
}

@media only screen and (max-width: 479px)
{
.contact-info-item
{
display: block;
}
}

.contact-info-item:last-child
{
border-bottom: 0;
}

.contact-info-item h5
{
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #ff6636;
margin: 0;
flex: 0 0 40%;
}

@media only screen and (max-width: 479px)
{
.contact-info-item h5
{
margin-bottom: 15px;
}
}

.contact-info-item p
{
font-size: 16px;
line-height: 24px;
color: #1d2026;
}

.contact-info-item p a
{
color: #1d2026;
}

#map
{
height: 424px;
width: 100%;
}

.instructor-profile-section
{
padding: 40px 0 80px;
}

.instructor-about-content
{
border: 1px solid #e9eaf0;
padding: 24px;
}

.instructor-about-content h4
{
font-family: "Inter";
font-weight: 500;
font-size: 18px;
line-height: 100%;
text-transform: uppercase;
color: #1d2026;
margin-bottom: 15px;
}

.instructor-about-content p
{
font-family: "Inter";
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
margin-bottom: 20px;
}

.instructor-about-content p:last-child
{
margin-bottom: 0;
}

.student-tabs-wrap.instructor-tabs-wrap .nav
{
justify-content: flex-start;
border: none;
border-bottom: 1px solid #e9eaf0;
}

.student-tabs-wrap.instructor-tabs-wrap .nav-pills .nav-link
{
width: 200px;
}

.course-item-4.instructor-profile .course-item-5-card-img
{
height: 312px;
}

.course-item-4.instructor-profile .course-item-5-card-info-tag
{
font-size: 12px;
}

.course-item-4.instructor-profile .course-item-5-card-info-price
{
font-size: 24px;
font-weight: 600;
}

.course-item-4.instructor-profile .course-item-5-card-head
{
font-size: 18px;
line-height: 24px;
transition: all 0.3s;
color: #1d2026 !important;
}

.course-item-4.instructor-profile .course-item-5-card-info
{
padding: 20px 20px 0 20px;
}

.course-item-4.instructor-profile .course-item-5-card-head
{
padding: 12px 20px 16px;
}

.course-item-4.instructor-profile .course-item-5-card-footer-review
{
font-size: 16px;
}

.course-item-4.instructor-profile .course-item-5-card-footer-review svg
{
width: 20px;
height: 20px;
}

.course-item-4.instructor-profile .feature-course-footer
{
border: none;
padding: 0;
}

.course-item-4.instructor-profile .feature-course-footer p.p-color
{
font-size: 16px;
}

.course-item-4.instructor-profile .feature-course-footer span
{
font-size: 16px;
}

.course-item-4.instructor-profile .course-item-5-card-footer
{
padding: 20px;
}

@media only screen and (max-width: 991px)
{
.join-team-content.become-instructor
{
margin: 0;
}
}

.about-content.become-instructor
{
margin-right: 0;
}

.about-content.become-instructor h2
{
font-size: 64px;
margin-bottom: 32px;
line-height: 68px;
}

@media only screen and (max-width: 1499px)
{
.about-content.become-instructor h2
{
font-size: 55px;
margin-bottom: 25px;
}
}

@media only screen and (max-width: 1499px)
{
.about-content.become-instructor h2
{
font-size: 46px;
margin-bottom: 15px;
}
}

@media only screen and (max-width: 991px)
{
.about-content.become-instructor h2
{
font-size: 40px;
margin-bottom: 5px;
}
}

@media only screen and (max-width: 767px)
{
.about-content.become-instructor h2
{
font-size: 35px;
}
}

.about-content.become-instructor p
{
font-size: 24px;
margin-bottom: 40px;
}

@media only screen and (max-width: 1499px)
{
.about-content.become-instructor p
{
font-size: 20px;
line-height: 28px;
}
}

@media only screen and (max-width: 767px)
{
.about-content.become-instructor p
{
font-size: 18px;
line-height: 28px;
}
}

.counter-section.become-instructor
{
padding: 45px 0;
background: #ffeee8;
}

.join-team-content.become-instructor .checkbox-field ul
{
margin-top: 26px;
}

.join-team-content.become-instructor .checkbox-field ul li
{
padding: 0;
padding-left: 45px;
margin-bottom: 24px;
}

@media (max-width: 991px)
{
.join-team-content.become-instructor .checkbox-field ul li
{
margin-bottom: 12px;
}
}

.join-team-content.become-instructor .checkbox-field ul li:last-child
{
margin-bottom: 0;
}

.join-team-content.become-instructor .checkbox-field ul li svg
{
left: 0;
}

.join-team-content.become-instructor .checkbox-field ul li span
{
white-space: normal;
}

.become-successful-instructor
{
background: #f5f7fa;
}

.about-section.instructor-rules
{
border: none;
}

.about-content.instructor-rules
{
margin-right: 80px;
}

@media only screen and (max-width: 991px)
{
.about-content.instructor-rules
{
margin: 0;
}
}

.about-content.instructor-rules h2
{
margin-bottom: 20px;
font-size: 40px;
line-height: 48px;
margin-right: 20px;
}

@media only screen and (max-width: 991px)
{
.about-content.instructor-rules h2
{
font-size: 36px;
line-height: 40px;
}
}

@media only screen and (max-width: 767px)
{
.about-content.instructor-rules h2
{
font-size: 30px;
line-height: 36px;
}
}

.about-content.instructor-rules p
{
font-size: 18px;
line-height: 24px;
}

.about-content.instructor-rules ul
{
margin: 24px 0 0;
padding: 0;
list-style: none;
}

.about-content.instructor-rules ul li
{
line-height: 24px;
color: #1d2026;
position: relative;
padding-left: 15px;
margin-bottom: 12px;
}

.about-content.instructor-rules ul li::before
{
content: "";
left: 0;
top: 10px;
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
background-color: #1d2026;
}

.help-center-section
{
background: #ffeee8;
}

.join-team-content.help-center-content p
{
color: #6e7485;
}

.join-team-content.help-center-content .course-list-section
{
margin: 33px 0;
}

.join-team-content.help-center-content .course-list-section ul li
{
color: #1d2026;
}

.help-center-wrap
{
display: flex;
align-items: center;
}

.help-center-wrap a.help-center-icon
{
width: 56px;
height: 56px;
background: #ffffff;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
margin-right: 16px;
}

.help-center-wrap .help-center-data p
{
font-weight: 500;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
color: #8c94a3;
margin-bottom: 8px;
}

.help-center-wrap .help-center-data a
{
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #1d2026;
}

.our-mission-content.become-instructor
{
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}

.our-mission-content.become-instructor p
{
font-size: 20px;
margin-bottom: 32px;
line-height: 32px;
}

.our-mission-content.become-instructor p:last-child
{
margin-bottom: 0;
}

.testimonial2-slider-item
{
background: #ffeee8;
padding: 32px;
}

@media only screen and (max-width: 767px)
{
.testimonial2-slider-item
{
padding: 25px;
}
}

.testimonial2-slider-item svg
{
margin-bottom: 20px;
}

.testimonial2-slider-item p
{
font-size: 18px !important;
line-height: 26px !important;
letter-spacing: -0.015em;
color: #1d2026;
}

@media (max-width: 575px)
{
.testimonial2-slider-item p
{
font-size: 16px !important;
line-height: normal;
}
}

.my-owl-nav
{
display: flex;
margin-top: 32px;
}

.my-next-button,
.my-prev-button
{
width: 48px;
height: 48px;
cursor: pointer;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
margin-right: 12px;
transition: all 0.3s;
background: #f5f7fa !important;
}

.my-next-button:hover,
.my-prev-button:hover
{
background: #ff6636 !important;
box-shadow: 0px 6px 20px 0px #cc522b80;
}

.my-next-button svg path,
.my-prev-button svg path
{
stroke: #1d2026;
transition: all 0.3s;
}

.my-next-button:hover path,
.my-prev-button:hover path
{
stroke: #fff;
}

.course-gift-wrap
{
margin-right: 100px;
}

@media only screen and (max-width: 1199px)
{
.course-gift-wrap
{
margin-bottom: 30px;
margin-right: 50px;
}
}

@media only screen and (max-width: 991px)
{
.course-gift-wrap
{
margin-right: 0;
}
}

.course-gift-wrap .section-title
{
text-align: left;
margin-bottom: 30px;
}

.course-gift-wrap .section-title h2
{
font-size: 32px;
}

.course-gift-wrap .contact-wrap
{
padding: 0;
margin-bottom: 40px;
}

.course-gift-wrap .contact-wrap .contact-title
{
margin-bottom: 24px;
}

.course-gift-wrap .contact-wrap .contact-title h6
{
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #1d2026;
margin: 0;
}

.course-gift-wrap .contact-wrap .icon
{
width: 31px;
}

.course-gift-wrap label.form-check-label
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4e5566 !important;
margin: 0;
margin-left: 10px;
}

.course-gift-wrap .form-check-input
{
width: 22px;
height: 22px;
}

@media only screen and (max-width: 1199px)
{
.amount-sidebar
{
margin-top: 30px;
}
}

.amunt-detalis h4
{
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #1d2026;
margin-bottom: 15px;
}

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

.amunt-detalis ul li
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #6e7485;
line-height: 22px;
padding-bottom: 13px;
}

.amunt-detalis ul li:last-child
{
border-bottom: 1px solid #e9eaf0;
}

.amunt-detalis ul li span
{
float: right;
color: #1d2026;
font-weight: 500;
}

.amunt-detalis h3
{
font-weight: 600;
font-size: 24px;
letter-spacing: -0.01em;
color: #202029;
padding: 16px 0;
display: flex;
align-items: center;
justify-content: space-between;
}

@media only screen and (max-width: 479px)
{
.amunt-detalis h3
{
font-size: 20px;
}
}

.amunt-detalis h3 span
{
color: #202029;
font-weight: normal;
font-size: 16px;
}

.amount-sidebar
{
border: 1px solid #e9eaf0;
}

.amount-sidebar .course-details-wrap
{
padding: 24px;
border-bottom: 1px solid #e9eaf0;
}

.amount-sidebar .course-details-wrap h4
{
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #1d2026;
margin-bottom: 15px;
}

.amount-sidebar .course-details-wrap .course-details-item
{
display: flex;
align-items: center;
margin-bottom: 16px;
}

@media only screen and (max-width: 479px)
{
.amount-sidebar .course-details-wrap .course-details-item
{
display: block;
text-align: center;
}
}

.amount-sidebar .course-details-wrap .course-details-item:last-child
{
margin-bottom: 0;
}

.amount-sidebar .course-details-wrap .course-details-item .course-details-thumb
{
width: 100px;
height: 75px;
margin-right: 12px;
flex: 0 0 auto;
}

.amount-sidebar .course-details-wrap .course-details-item .course-details-thumb img
{
width: 100%;
height: 100%;
object-fit: cover;
}

@media only screen and (max-width: 479px)
{
.amount-sidebar .course-details-wrap .course-details-item .course-details-thumb
{
margin: 0 0 20px;
width: 100%;
height: 250px;
}
}

.amount-sidebar .course-details-wrap .course-details-item .course-details-data p
{
font-size: 12px;
line-height: 16px;
color: #a1a5b3;
margin-bottom: 2px;
}

.amount-sidebar .course-details-wrap .course-details-item .course-details-data p span
{
color: #4e5566;
}

.amount-sidebar .course-details-wrap .course-details-item .course-details-data .course-detalis-title
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #1d2026;
margin-bottom: 10px;
}

.amount-sidebar .course-details-wrap .course-details-item .course-details-data h5
{
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
color: #ff6636;
}

.amount-sidebar .course-details-wrap .course-details-item .course-details-data h5 del
{
color: #a1a5b3;
}

.amount-sidebar .about-sidebar-wrap
{
padding: 24px;
}

.amount-sidebar.public-shopping-cart
{
border: none;
}

.amount-sidebar.public-shopping-cart .about-sidebar-wrap
{
padding: 0;
}

@media only screen and (max-width: 1499px)
{
.amount-sidebar.public-shopping-cart .amaunt-confirm-button .default-btn
{
padding: 0 18px;
}
}

.coupon-code
{
padding-top: 24px;
margin-top: 24px;
border-top: 1px solid #e9eaf0;
}

.coupon-code h4
{
font-weight: 500;
font-size: 14px;
letter-spacing: -0.01em;
color: #1d2026;
margin-bottom: 15px;
}

.coupon-code button#coupon-apply
{
border: none;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 36px;
letter-spacing: -0.004em;
text-transform: capitalize;
color: #fff;
background: #1d2026;
padding: 0 16px;
position: absolute;
top: 6px;
right: 5px;
transition: all 0.3s;
}

.coupon-code button#coupon-apply:hover
{
background-color: #ff6636;
}

.main-logo-wrap
{
display: flex;
align-items: center;
}

@media only screen and (max-width: 479px)
{
.logo-content
{
display: none;
}
}

.logo-content h2
{
font-weight: 600;
font-size: 32px;
letter-spacing: -0.03em;
color: #1D2026;
line-height: 1;
margin: 0;
margin-left: 9px;
}

.header-bottom.header-four.coming-soon
{
background-color: transparent;
display: flex;
}

.header-bottom.header-four.coming-soon .social-icon
{
margin: 0;
}

.logo-cap
{
flex: 0 0 auto;
}

.coming-soon-section
{
padding: 150px 0 100px;
}

@media only screen and (max-width: 1199px)
{
.coming-soon-section
{
padding: 100px 0 60px;
}
}

.coming-soon-content h4
{
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #FF6636;
margin-bottom: 15px;
}

.coming-soon-content h2
{
font-weight: 600;
font-size: 64px;
line-height: 68px;
letter-spacing: -0.02em;
color: #1D2026;
}

@media only screen and (max-width: 1499px)
{
.coming-soon-content h2
{
font-size: 56px;
line-height: 60px;
}
}

@media only screen and (max-width: 1199px)
{
.coming-soon-content h2
{
font-size: 48px;
line-height: 54px;
}
}

@media only screen and (max-width: 767px)
{
.coming-soon-content h2
{
font-size: 36px;
line-height: 46px;
}
}

@media only screen and (max-width: 479px)
{
.coming-soon-content h2
{
font-size: 24px;
line-height: 30px;
}
}

.countdown-wrap
{
max-width: 550px;
display: flex;
margin-top: 40px;
justify-content: space-between;
}

@media only screen and (max-width: 991px)
{
.countdown-wrap
{
max-width: 480px;
}
}

.countdown-wrap .countdown-item
{
width: 116px;
height: 108px;
left: 0px;
top: 0px;
background: #F5F7FA;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}

@media only screen and (max-width: 1199px)
{
.countdown-wrap .countdown-item
{
width: 100px;
height: 100px;
}
}

@media only screen and (max-width: 479px)
{
.countdown-wrap .countdown-item
{
width: 80px;
height: 90px;
}
}

.countdown-wrap .countdown-item .number
{
font-weight: 600;
font-size: 32px;
line-height: 40px;
text-align: center;
letter-spacing: -0.01em;
color: #1D2026;
margin-bottom: 6px;
}

@media only screen and (max-width: 479px)
{
.countdown-wrap .countdown-item .number
{
font-size: 30px;
margin-bottom: 0;
}
}

.countdown-wrap .countdown-item span.time_content
{
font-size: 14px;
line-height: 22px;
text-align: center;
letter-spacing: -0.01em;
color: #1D2026;
}

.coming-soon-thumb
{
text-align: center;
}

.notify-wrap
{
background: #FFFFFF;
box-shadow: 0px 16px 80px rgba(0, 0, 0, 0.12);
padding: 32px;
margin-top: -110px;
z-index: 1;
position: relative;
}

@media only screen and (max-width: 479px)
{
.notify-wrap
{
padding: 20px;
}
}

.notify-wrap button.button.button--lg
{
width: 100%;
margin-top: 15px;
}

.notify-wrap .course-searchbox-input
{
margin-bottom: 24px;
}

@media only screen and (max-width: 479px)
{
.notify-wrap .course-searchbox-input
{
margin-bottom: 15px;
display: block;
}
}

.notify-wrap .course-searchbox-input input
{
height: 56px;
}

.notify-wrap .course-searchbox-input .course-search-icon-left
{
top: 50%;
transform: translateY(-50%);
}

@media only screen and (max-width: 479px)
{
.notify-wrap svg.course-search-icon-left
{
top: 22% !important;
}
}

.notify-wrap h4
{
font-weight: 600;
font-size: 24px;
line-height: 32px;
letter-spacing: -0.01em;
color: #1D2026;
margin-bottom: 24px;
}

@media only screen and (max-width: 479px)
{
.notify-wrap h4
{
font-size: 20px;
margin-bottom: 15px;
}
}

.notify-wrap p
{
font-size: 14px;
line-height: 22px;
letter-spacing: -0.01em;
color: #4E5566;
}

.copywright-text
{
width: 100%;
}

.footer-bottom-menu
{
width: 100%;
text-align: right;
}

@media only screen and (max-width: 767px)
{
.footer-bottom-menu
{
text-align: center;
}
}

@media only screen and (max-width: 479px)
{
.course-searchbox-input
{
margin-bottom: 15px;
display: block;
}
}

@media only screen and (max-width: 479px)
{
button.button.button--md
{
width: 100%;
margin-top: 15px;
}
}

.instructor-rules__info h2
{
margin: 0px;
margin-bottom: 20px;
}

@media (max-width: 575px)
{
.instructor-rules__info h2
{
font-size: 32px;
line-height: 42px;
}
}

.instructor-rules__info p
{
width: 535px;
font-weight: 400;
color: #6e7485;
margin-bottom: 14px;
}

@media (max-width: 1200px)
{
.instructor-rules__info p
{
width: 100%;
}
}

.instructor-rules__info ul
{
width: 535px;
}

@media (max-width: 1200px)
{
.instructor-rules__info ul
{
width: 100%;
}
}

.instructor-rules__info ul li
{
font-size: 16px;
color: #1d2026;
font-weight: 400;
padding-left: 15px;
margin-bottom: 12px;
position: relative;
}

.instructor-rules__info ul li::before
{
content: "";
left: 0;
top: 10px;
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
background-color: #1d2026;
}

.mola
{
font-size: 12px;
line-height: 16px;
color: #8C94A3;
}

.pointer
{
cursor: pointer;
}

.up-title
{
font-size: 12px;
line-height: 16px;
color: #6E7485;
}

.h-320
{
height: 320px;
}

.img-show-box
{
height: 200px;
width: 100%;
position: relative;
}

.img-show-box img
{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.img-show-box span
{
display: inline-block;
margin-right: 10px;
}

.img-show-box label
{
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
background: rgba(0, 0, 0, 0.5);
color: #FFFFFF;
font-size: 14px;
line-height: 20px;
padding: 12px;
text-align: center;
z-index: 4;
}

.templatecookie-btn
{
position: fixed !important;
bottom: 20px !important;
right: 20px !important;
z-index: 10000000000000000 !important;
}

.templatecookie-btn .purchase-btn
{
box-shadow: 0px 0px 3px 0px white !important;
background-color: #171717 !important;
color: white !important;
width: max-content !important;
display: flex !important;
align-items: center !important;
padding: 0px 20px !important;
height: 50px !important;
border-radius: 30px !important;
font-size: 16px !important;
font-weight: bold !important;
cursor: pointer !important;
animation-name: wave-animation !important;
animation-duration: 2.5s !important;
animation-iteration-count: infinite !important;
transform-origin: 70% 70% !important;
}

.templatecookie-btn .purchase-btn span svg
{
margin-left: 8px;
display: block;
width: 20px;
height: 18px;
}

.templatecookie-btn .purchase-btn span svg path
{
stroke: white;
}

.templatecookie-btn .purchase-btn:hover
{
animation-name: unset !important;
}

@keyframes wave-animation
{
0%
{
transform: rotate(0deg);
}

10%
{
transform: rotate(14deg);
}

20%
{
transform: rotate(-8deg);
}

30%
{
transform: rotate(14deg);
}

40%
{
transform: rotate(-4deg);
}

50%
{
transform: rotate(10deg);
}

60%
{
transform: rotate(0deg);
}

100%
{
transform: rotate(0deg);
}
}
/*# sourceMappingURL=main.css.map */