/*
Theme Name: Pixta Theme
Description: Hotline: 083 758 9969
Author: Pixta Việt Nam
Template: tutorstarter
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.select-resize-ghost, .select2-container .select2-choice, 
.select2-container .select2-selection, 
input[type="date"], input[type="email"], 
input[type="number"], input[type="password"], 
input[type="search"], input[type="tel"], 
input[type="text"], input[type="url"], 
select, textarea {box-shadow: unset;}

button{margin: 0; min-height: unset;min-width: unset;}

p{margin-bottom: .6em;}

a{text-decoration: none;}

.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{line-height: 1.5;margin-bottom: 10px;}

.navbar{max-width: 1280px;padding: 17px 20px;}

.container {max-width: 1260px;}

.menu-item .sub-menu{width: 250px;padding: 15px;}
.menu-item .sub-menu > .menu-item:hover > a {color: #f7b418;}

.header-default .navbar-utils .tutor-landing-explore{display: flex;gap: 12px;}
.header-default .navbar-utils .tutor-landing-explore a{border: 1.5px solid #1b2737;padding: 3px 15px;border-radius: 15px;background-color: #1b2737;color: #fff;transition: all 0.2s;}
.header-default .navbar-utils .tutor-landing-explore a:hover{border-color:#f7b418; background-color: #f7b418; color: #1b2737}
.navbar .navbar-nav .menu-item.current-menu-item a{font-weight: 600}
.navbar .navbar-brand img{max-height: 40px;}

.tutor-landing-explore a.tutor-register{display: none;}

section.footer-widgets{padding-top: 60px;padding-bottom: 0;background: url('assets/img/asset-footer.png');background-repeat: no-repeat;background-size: cover;color: #608eb4}
section.footer-widgets .widget p{color: #608eb4}
section.footer-widgets .widget-title, 
section.footer-widgets .widget_nav_menu .menu-footer-menu-container .menu-item a{margin-bottom: 15px;}
section.footer-widgets .widget-title{border-left: 6px solid #fff;padding-left: 15px;line-height: 1.6;}
section.footer-widgets .p-2{padding: 10px;}
.site-footer{display: none;}

@media (min-width: 992px) {
    .navbar-nav .menu-item .sub-menu a {font-size: 15px;font-weight: 500;}
    .navbar-nav .menu-item .sub-menu a::after {background: #f7b418;}
}

.category .page-wrapper{padding-top: 0;}
.intedu-hero {position: relative;min-height: 400px;padding-top: 30px;padding-bottom: 30px;display: flex;align-items: center;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;}
.intedu-hero__overlay {position: absolute; inset: 0; background: linear-gradient(to right, #0b1b34, transparent); z-index: 1; }
.intedu-hero__content {position: relative; z-index: 2; max-width: 1320px; margin: 0 auto; padding: 0 1.5rem; width: 100%; }
.intedu-hero__badge {display: inline-block; padding: 0.375rem 1rem; background: #f7b418; color: #fff; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; border-radius: 10px;}
.intedu-hero__title {font-size: clamp(2.2rem, 7vw, 4rem); color: #fff; line-height: 1.4; margin-top: 25px; letter-spacing: -0.02em; margin-bottom: 1rem;text-transform: uppercase;}
.intedu-hero__title span {color: #f7b418;}
.intedu-hero__desc {color: #fff; font-size: 1rem; line-height: 1.6; max-width: 36rem; }
.intedu-hero-link{display: flex;align-items: center;flex-wrap: wrap;gap: 1.5rem;margin-top: 20px;}
.intedu-hero-link .intedu-hero-link1{background-color: #f7b418;padding: .5rem 1.5rem;border-radius: 10px;font-weight: bold;color: #fff;transition: transform 0.3s ease;}
.intedu-hero-link .intedu-hero-link2{background-color: rgb(255 255 255 / 0.2);padding: .5rem 1.5rem;border-radius: 10px;font-weight: bold;color: #fff;transition: transform 0.3s ease;}
.intedu-hero-link .intedu-hero-link1:hover,
.intedu-hero-link .intedu-hero-link2:hover{transform:translateY(-5px); transition: transform 0.3s ease;}
.intedu-filter-bar {padding: 1.5rem 0; box-shadow: 0 4px 16px rgba(11,28,48,0.04); }
.intedu-filter-bar__inner {max-width: 1320px; margin: 0 auto; padding: 0 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; }
.intedu-filter-pills {display: flex; gap: 0.5rem; overflow-x: auto; padding-bottom: 10px; }
.intedu-pill {padding: 0.5rem 1.5rem; border-radius: 99px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; cursor: pointer; border: none; white-space: nowrap; transition: background 0.2s, color 0.2s; background: #fff; color: #333; text-decoration: none; }
.intedu-pill:hover,
.intedu-pill.active {background: #0B1B34;color: #fff;}
.intedu-search-wrap {position: relative;display: none;}
.intedu-search-wrap form{margin-bottom: 0;}
.intedu-search-wrap input {background: #fff; border: none; border-radius: 9999px;margin-bottom: 0; padding: 0.625rem 3rem 0.625rem 1.5rem; font-size: 0.875rem; color: #333; width: 100%; min-height: 45px;outline: none; transition: box-shadow 0.2s; }
.intedu-search-wrap input:focus {box-shadow: 0 0 0 2px #f7b41869; }
.intedu-search-wrap .material-symbols-outlined {position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); color: #333; font-size: 1.25rem; }
.intedu-archive-section {max-width: 1320px;margin: 0 auto;padding: 2rem 20px;}
.intedu-featured {display: grid; grid-template-columns: 1fr; gap: 1rem; margin-bottom: 4rem; align-items: center; background-color: #fff}
.intedu-featured__img-wrap {border-radius: 1rem; overflow: hidden; box-shadow: 0 20px 40px rgba(11,28,48,0.12); cursor: pointer; }
.intedu-featured__img-wrap img {width: 100%; height: 260px; object-fit: cover; transition: transform 0.7s ease; display: block; }
.intedu-featured__img-wrap:hover img { transform: scale(1.05); }
.intedu-featured__meta {display: flex; align-items: center; gap: 1rem; margin-bottom: 1.2rem; }
.intedu-featured__label {font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; color: #f7b418; }
.intedu-featured__divider {height: 1px; flex-grow: 1; background: rgba(197,198,206,0.3); }
.intedu-featured__date {font-size: 0.8rem; color: #333; }
.intedu-featured__title {font-size: 1.3rem; font-weight: 700; color: #333; line-height: 1.3; margin-bottom: 1.5rem; cursor: pointer; transition: color 0.2s; }
.intedu-featured__title:hover { color: #f7b418; }
.intedu-featured__excerpt {color: #333; line-height: 1.5; margin-bottom: 2rem; }
.intedu-read-more {display: inline-flex; align-items: center; gap: 0.5rem; color: #333; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; text-decoration: none; transition: gap 0.2s; }
.intedu-read-more:hover { gap: 0.75rem; }
.intedu-read-more .material-symbols-outlined { font-size: 1.1rem; }
.intedu-grid {display: grid; grid-template-columns: 1fr; gap: 1.8rem; } 
.intedu-card {background: #fff; border-radius: 1rem; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 4px 16px rgba(11,28,48,0.04); transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease; }
.intedu-card:hover {transform: translateY(-8px); box-shadow: 0 20px 40px rgba(11,28,48,0.08); }
.intedu-card__thumb {position: relative; height: 16rem; overflow: hidden; }
.intedu-card__thumb img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }
.intedu-card:hover .intedu-card__thumb img { transform: scale(1.05); }
.intedu-card__cat {position: absolute; top: 1rem; left: 1rem; background: rgba(255,255,255,0.92); backdrop-filter: blur(8px); padding: 0.25rem 0.75rem; border-radius: 8px; font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #f7b418; }
.intedu-card__body {padding: 1.2rem; display: flex; flex-direction: column; flex-grow: 1; }
.intedu-card__date {font-size: 0.8rem; color: rgba(68,71,77,0.6); margin-bottom: 0.75rem; display: block; } 
.intedu-card__title {font-size: 1.125rem; font-weight: 700; color: #333; line-height: 1.3; margin-bottom: 1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.intedu-card__excerpt {font-size: 0.875rem; color: #333; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 1.5rem; flex-grow: 1; } 
.intedu-card__link {display: inline-flex; align-items: center; gap: 0.25rem; color: #f7b418; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; text-decoration: none; margin-top: auto; transition: gap 0.2s; }
.intedu-card__link:hover { gap: 0.5rem; }
.intedu-card__link .material-symbols-outlined { font-size: 1rem; }
.intedu-pagination {margin-top: 2rem; display: flex; justify-content: center; align-items: center; gap: 1rem; flex-wrap: wrap; } 
.intedu-page-btn {width: 3rem; height: 3rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 600; cursor: pointer; border: 1px solid #c5c6ce; background: transparent; color: #0b1c30; text-decoration: none; transition: border-color 0.2s, color 0.2s, background 0.2s; } 
.intedu-page-btn:hover {border-color: #f7b418; color: #f7b418; } 
.intedu-page-btn.current, 
.intedu-page-btn.active {background: #f7b418; border-color: #f7b418; color: #fff; } 
.intedu-page-btn .material-symbols-outlined { font-size: 1.25rem; } 
.intedu-page-dots {color: #c5c6ce; padding: 0 0.5rem; }
.intedu-newsletter {background: #0b1b34; position: relative; overflow: hidden; padding: 4rem 1.5rem; }
.intedu-newsletter__deco {position: absolute; right: 0; top: 0; width: 33%; height: 100%; opacity: 0.1; pointer-events: none; } 
.intedu-newsletter__deco img {width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); } 
.intedu-newsletter__inner {max-width: 56rem; margin: 0 auto; text-align: center; position: relative; z-index: 1; } 
.intedu-newsletter__eyebrow {font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3em; color: #f7b418; display: block; margin-bottom: 1rem; } 
.intedu-newsletter__title {font-size: clamp(2rem, 5vw, 3rem); color: #fff; margin-bottom: 1.5rem; line-height: 1.15; } 
.intedu-newsletter__desc {color: rgba(255,255,255,0.60); font-size: 1.0625rem; margin-bottom: 2.5rem; max-width: 36rem; margin-left: auto; margin-right: auto; line-height: 1.6; } 
.intedu-newsletter__form {display: flex; flex-direction: column; gap: 1rem; max-width: 36rem; margin: 0 auto; } 
.intedu-newsletter__input {flex-grow: 1; background: rgba(255,255,255,0.10) !important; height: 53px; border: 1px solid rgba(255,255,255,0.20) !important; border-radius: 0.5rem !important; padding: 0.5rem 1.5rem !important; color: #fff !important; font-size: 0.9375rem !important; outline: none; backdrop-filter: blur(8px); transition: border-color 0.2s !important; margin-bottom: 0;}
.intedu-newsletter__input::placeholder { color: rgba(255,255,255,0.40); } 
.intedu-newsletter__input:focus { border-color: #f7b418; } 
.intedu-newsletter__btn {background: #f7b418; color: #fff; border: none; border-radius: 0.5rem; padding: 12px 28px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; cursor: pointer; white-space: nowrap; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 8px 24px rgba(0,140,72,0.3); } 
.intedu-newsletter__btn:hover {transform: translateY(-3px); box-shadow: 0 16px 32px rgba(0,140,72,0.4); } 
.intedu-newsletter__note {color: rgba(255,255,255,0.40); font-size: 0.625rem; font-style: italic; margin-top: 1.5rem; }
.intedu-shadow-ambient {box-shadow: 0 20px 40px rgba(11,28,48,0.06); }
 
@media (min-width: 640px) {
    .intedu-newsletter__form { flex-direction: row; }
} 
@media (min-width: 820px) {
    .intedu-hero {min-height: 500px;}
    .intedu-hero__content {padding: 0 2rem;}
    .intedu-hero-link .intedu-hero-link1,
    .intedu-hero-link .intedu-hero-link2{padding: 1rem 2rem;}
    .intedu-search-wrap{display: block}
    .intedu-featured {gap: 1.5rem;}
    .intedu-featured__img-wrap img {height: 350px;}
    .intedu-featured__title {font-size: 1.6rem;}
    .intedu-grid { grid-template-columns: repeat(2, 1fr); }
    .intedu-card__body {padding: 1.5rem;}
    .intedu-newsletter {padding: 5rem 2rem; }

}
@media (min-width: 1024px) {
    .intedu-featured { grid-template-columns: 7fr 5fr; }
    .intedu-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1200px) {
    .intedu-featured__img-wrap img {height: 450px;}
    .intedu-featured__title {font-size: 1.8rem;}
}

.nav-close .btn-nav-close .close-btn{margin-top: 0px;margin-left: 0px;}


.single-courses .site-content{padding-top: 0;}
.tutor-course-heading{padding: 50px 0;background-color: #1b2737;color: #fff;}
.course-info-heading,
.course-info-heading a,
.tutor-course-heading a{color: #fff;}
.course-info-heading a:hover,
.tutor-course-heading a:hover{color: #f7b418}
.tutor-course-heading h1{margin-top: 0;margin-bottom: 30px;}
.course-info-heading{display: flex;gap: 20px;align-items: center;}
.tutor-single-course-sidebar-more{display: none;}
@media (min-width: 1024px) {
    .tutor-col-wrap{position: relative;top: -230px;}
}


/*Custom Css*/
@media (max-width: 1024px) {
  body {font-size: 15px;line-height: 1.5;}

}

@media (max-width: 992px) {
    .h2, h2 {font-size: 28px;}
    .h3, h3 {font-size: 24px;}
    .h4, h4 {font-size: 18px;}

    .menu-item .sub-menu{padding: 0;}

    .tutor-col-wrap{margin-top: 30px;}
    .tutor-course-heading{padding: 30px 0;}
    .tutor-course-heading h1{font-size: 32px;}
}

@media (max-width: 576px) {
    .h2, h2 {font-size: 24px;}
    .h3, h3 {font-size: 21px;}

    .header-default .navbar{padding: 15px;justify-content: space-between;display: flex;}
    .header-default .navbar .navbar-brand{width: 14rem}

    .course-info-heading{flex-wrap: wrap;}
    .course-info-heading .tutor-meta{width: 100%;}

    .tutor-header-profile-submenu span.d-flex{display: none;}

    section.footer-widgets{text-align: left;}
}

.comments-area{background-color: #fff;border-radius: 12px;}
.single-post .entry-title{font-size: 24px;margin-bottom: 15px;}
.single-post .entry-content, .single-post .post-tags {max-width: 1024px;margin: 0 auto;}
.entry-content {padding-top: 20px;padding-bottom: 20px;}
@media screen and (min-width: 992px) {
    .single-post .entry-title {font-size: 38px;margin-bottom: 24px;}
    .single-post .entry-meta {margin-bottom: 0px;}
    .single-post .post-thumbnail {margin-bottom: 20px;}
}