/* ======= Color Upgrade ========*/

:root {
    --theme-color: #e94b27;
    --theme-dark: #5D1E10;
    --theme-light: #fff4f1;

    --text-dark: #1a1a1a;
    --text-light: #666666;

    --bg-light: #f9fafb;
    --white: #ffffff;

    --border-color: #eee;
}

/* ======== Typography Upgrade ======= */

body {
    font-family: 'Kanit', sans-serif;
    color: var(--text-dark);
    /*background: var(--bg-light);*/
    background: #f8edd4;
}

/* Headings */
h1, h2, h3, h4, h5 {
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #5D1E10;
    font-family: 'Kanit', sans-serif;
}

/* Subtext */
p {
    color: var(--text-light);
    line-height: 1.7;
    font-family: "Montserrat", sans-serif;
}

/* ========= Button Design ============== */

.th-btn,
.btn,
button {
    background: var(--theme-color);
    border: none;
    color: #fff;
    padding: 12px 26px;
    border-radius: 8px;
    font-weight: 500;
    transition: 0.3s ease;
    font-family: 'Kanit', sans-serif;
    box-shadow: 0 2px 2px #5D1E10;
}

.th-btn:hover,
.btn:hover,
button:hover {
    /*background: var(--theme-dark);*/
    background-color : #BA891E;
    transform: translateY(-2px);
   
}
/*======Hero section both button hover color fix=====*/
/* ===== FORCE BUTTON HOVER COLOR FIX ===== */
body .btn-group .th-btn.style3:hover,
body .btn-group .th-btn.style3:focus {
    background: #5D1E10 !important;
    color: #ffffff !important;
    border-color: #5D1E10 !important;
}

/* FIX FOR BEFORE / AFTER (COMMON ISSUE) */
body .btn-group .th-btn.style3:hover::before,
body .btn-group .th-btn.style3:hover::after {
    background: #5D1E10 !important;
    opacity: 1 !important;
}


/* ======= Header Upgrade =======*/

.header-layout1 {
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.header-layout1 .header-top:after {
    background: var(--theme-color) !important;
}

/* ======= Gradient Color Uograde in Hedaer ====== */
.gradient-text {
    background: linear-gradient(45deg, #e94b27, #ff7a59);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ======= About Page Upgrade ======= */

#about-sec {
    padding: 80px 0;
}

#about-sec .sec-title {
    color: var(--theme-color);
    font-size: 36px;
}

#about-sec .sub-title {
    color: var(--theme-dark);
    font-weight: 500;
}

#about-sec img {
    border-radius: 12px;
}

#about-sec p {
    font-size: 15px;
}

/* ==== Background Sections ====*/
.bg-soft {
    background: var(--theme-light);
}
/* ==== Smooth Hover Effects ====*/
a, button {
    transition: all 0.3s ease;
}

* {
    border-color: var(--theme-color);
}


/* Highlight text */
.highlight-text {
    color: #e94b27;
    font-weight: 700;
}
/* Hero Title */
.hero-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}
/* HERO SUBTITLE - PREMIUM UI */
.hero-subtitle {
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #e94b27; /* your theme color */
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    position: relative;
}

/* Stylish underline effect */
.hero-subtitle::after {
    content: '';
    width: 130px;
    height: 3px;
    background: #e94b27;
    display: block;
    margin-top: 6px;
    border-radius: 2px;
}
/* PREMIUM HERO SUBTITLE */
.premium-subtitle {
    color: #8C2D17 !important;
    font-size: 18px;
    font-weight: 600;
    /*font-family: 'Poppins', sans-serif;*/
    font-family: "Montserrat", sans-serif;
    opacity: 0.95;
    letter-spacing: 0.5px;
    line-height: 1.6;
}

/* ===== PREMIUM HERO PARAGRAPH ===== */
.premium-hero-text {
    font-family: 'Poppins', 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #8C2D17; /* your chosen premium shade */
    line-height: 1.7;
    letter-spacing: -0.2px;
    max-width: 600px;
    margin-bottom: 25px;
    opacity: 0.95;
}

.hero-text .premium-hero-text  {
    color: #8C2D17;
}

.hero-style1 .premium-hero-text {
    color: #BA891E !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    
}
/* ===== PREMIUM CHECKLIST STYLE ===== */
.premium-checklist ul li {
    color: #5D1E10;
    /*font-family: 'Poppins', sans-serif;*/
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 8px;
}
.checklist.premium-checklist ul li {
    color: #5D1E10 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}
/* ===== PREMIUM HERO SEARCH FORM ===== */
.premium-search-form .search-wrapper {
    background-color: #F2937D;
    padding: 12px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

/* Select Inputs */
.premium-search-form select {
    flex: 1;
    padding: 10px 12px;
    border: 1.5px solid #8C2D17;
    border-radius: 8px;
    /*font-family: 'Poppins', sans-serif;*/
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #5D1E10;
    background-color: #ffffff;
    outline: none;
    transition: all 0.3s ease;
}

/* On Focus */
.premium-search-form select:focus {
    border-color: #e94b27;
    box-shadow: 0 0 0 2px rgba(233, 75, 39, 0.2);
}

/* Search Button */
.premium-search-form button {
    background-color: #5D1E10;
    color: #ffffff;
    border: none;
    padding: 10px 14px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Button Hover */
.premium-search-form button:hover {
    background-color: #e94b27;
    transform: translateY(-1px);
}

/* Icon inside button */
.premium-search-form button i {
    font-size: 14px;
}

/* Responsive */
/*@media (max-width: 768px) {*/
/*    .premium-search-form .search-wrapper {*/
/*        flex-direction: column;*/
/*        align-items: stretch;*/
/*    }*/

/*    .premium-search-form button {*/
/*        width: 100%;*/
/*    }*/
/*}*/


/* ===== Update Code FORCE APPLY SEARCH UI STYLE ===== */

/* FORM BACKGROUND */
body .premium-search-form .search-wrapper {
    background-color: #8C2D17 !important;
}

/* SELECT INPUT BORDER */
body .premium-search-form select {
    border: 1.5px solid #5D1E10 !important;
    color: #5D1E10 !important;
    background-color: #ffffff !important;
}

/* REMOVE DEFAULT BOOTSTRAP STYLES */
body .premium-search-form select:focus {
    border-color: #5D1E10 !important;
    box-shadow: 0 0 0 2px rgba(93, 30, 16, 0.2) !important;
    outline: none !important;
}

/* BUTTON COLOR */
body .premium-search-form button {
    background-color: #5D1E10 !important;
    color: #ffffff !important;
    border: none !important;
}

/* BUTTON HOVER */
body .premium-search-form button:hover {
    background-color: #e94b27 !important;
}

/* ===== FORCE BUTTON COLOR ===== */
body .premium-search-form .premium-search-btn {
    background-color: #5D1E10 !important;
    color: #ffffff !important;
    border: none !important;
}


/*final update code for HERO Section FORM Button*/
/* ===== FINAL BUTTON FIX ===== */
body .premium-search-form .premium-search-btn {
    background: #F2937D !important;          /* override gradient */
    background-color: #F2937D !important;
    background-image: none !important;       /* remove any gradient */
    color: #ffffff !important;
    border: none !important;
    font-family: "Montserrat", sans-serif !important;
}

/* REMOVE ANY OVERLAY */
body .premium-search-form .premium-search-btn::before,
body .premium-search-form .premium-search-btn::after {
    display: none !important;
}

/* ===== ABOUT GRID COLOR FIX ===== */

/* Background overlay / grid color */
/*body .about-grid.premium-about-grid {*/
/*    background-color: #F6B7A9 !important;*/
/*}*/

/* If color is coming from pseudo element */
/*body .about-grid.premium-about-grid::before {*/
/*    background-color: #F6B7A9 !important;*/
/*}*/

/* Number color */
body .about-grid_year {
    color: #EDBC51 !important;
    font-size: 48px;
}


/*.about-grid::before {*/
/*    background: #F6B7A9 !important;*/
/*}*/
/*.about-grid {*/
/*    border-radius: 12px;*/
/*    overflow: hidden;*/
/*}*/
/* ABOUT GRID OVERLAY FIX */
body .about-grid:after {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(246, 183, 169, 0.8) 100%
    ) !important;
}
/* FIX IMAGE & TITLE SPACING */
body .th-box_img {
    margin-bottom: -155px !important; /* adjust this value */
}
.th-box_img:before, .th-box_img:after {
   
    border-color: #e94b27;
    border-radius: 999px;
}
/* ===== Counter Card divider section new code ====*/
body .counter-card-wrap {
    border-right: 1px solid;
    border-color: #ffffff !important;
}
.sub-title {
    font-size: 16px;
    font-weight: 500;
    color: #E94B27;
    /*font-family: var(--title-font);*/
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    margin-top: -.41em;
    margin-bottom: 12px;
    display: block;
}
body .cta-bg-img::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(140, 45, 23, 0.85) !important;
}
/* ===== FEATURED TUTORS TEXT COLOR ===== */

/* Subtitle: "Featured Tutors" */
body #course-sec .sub-title {
    color: #E94B27 !important;
}

/* Main Heading: "Our Featured Tutors" */
body #course-sec .sec-title {
    color: #5D1E10 !important;
}
body .course-box {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-bottom: 4px solid #F2937D;
    
}
body .course-box {
    border-top: 1px solid #F2937D;
    border-right: 1px solid #F2937D;
    border-left: 1px solid #F2937D;
}
body .bg-img {
    background-image: none !important;
    background-color: #ff3300 !important;
    
}
body section.space.position-relative .bg-img img {
    display: none !important;
}
/* ===== BANNER TITLE STYLE ===== */
body .space.position-relative h3 {
    font-weight: 900 !important;
    font-size: 52px !important;
    
}
body #course-sec {
    background-image: none !important;
    background-color: #f8edd4 !important;
}
/* ===== REDUCE TOP SPACE FOR HOW IT WORK SECTION ===== */
body .howitwork.space {
    padding-top: 55px !important; /* adjust as needed */
}
/* ===== LEFT CTA CARD ONLY ===== */
body .col-lg-6:first-child .cta-card {
    background-color: #5D1E10 !important;
}
/* ===== RIGHT CTA CARD (FIXED) ===== */
body .col-lg-6:last-child .cta-card {
    background-color: #E94B27 !important;
}

/* ===== REMOVE ALL CTA left and right IMAGES ===== */
body .testii {
    display: none !important;
}
/* ===== HIDE ONLY THIS SUBTITLE ===== */
body .cta-area-2 .title-area .sub-title {
    display: none !important;
}
/* ===== TESTIMONIAL SECTION BG FIX ===== */
body .testi-area-1 {
    background: #f8edd4 !important;
    background-image: none !important;
}
/* ===== CTA AREA 3 BACKGROUND COLOR ===== */
body .cta-area-3 {
    background: #f8edd4 !important;
}
/* ===== CONTACT FORM TEXT BACKGROUND ===== */

/* H2 background */
body .contact-form-wrap .border-title {
    color: #ffffff !important;
    padding: 8px 0px;
    display: inline-block;
}

/* Paragraph background */
body .contact-form-wrap .sec-text {
   color: #ffffff !important;
    padding: 10px 0px;
    border-radius: 6px;
}
/* ===== CONTACT SECTION H2 DESIGN ===== */
body #contact-sec .border-title {
    color: #E94B27 !important; /* needed for contrast */
    font-weight: 800 !important;
    font-size: 42px !important;
    font-family: 'Kanit', sans-serif;
    padding: 12px 0px;
    border-radius: 6px;
    display: inline-block;
}
/* ===== CONTACT LABEL TEXT STYLE ===== */
body .contact-feature_label {
    font-family: 'Kanit', sans-serif !important;
    color: #5D1E10 !important;
}
/* ===== CONTACT ICON BOX STYLE ===== */
body .contact-feature .contact-feature-icon {
    background: #5D1E10 !important;
    color: #ffffff !important;
}
/* Hover state */
body .contact-feature:hover .contact-feature-icon {
    background: #E94B27 !important;
    color: #ffffff !important;
}
body .contact-feature {
    border: 10px solid #E94B27;
}
body .contact-feature .contact-feature_link {
    font-family: "Montserrat", sans-serif;
    color: #4D5765;
    line-height: normal;
    display: block;
}
/*===========================================  CONTACT PAGE  ================================ */

/* ===== CONTACT PAGE IMAGE FIX ===== */
body #contact-sec .contact-feature.dssd {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
   
 
}

/* Image clean */
body #contact-sec .contact-feature.dssd img {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    display: block;
}
/* ===== CONTACT FORM INPUT STYLE ===== */
body #contactForm select,
body #contactForm .form-control,
body #contactForm .form-select,
body #contactForm textarea,
body #contactForm input {
    border: 1px solid #5D1E10 !important;
    color: #5D1E10 !important;
   font-family: "Montserrat", sans-serif;
}
/*Contact Section background color*/
body #contact-sec {
     background: #ffffff !important;
}
/* =============================================== FOOTER BACKGROUND FIX =========================================== */
/*Footer logo img resize*/
.footer-wrapper img {
    width: auto !important;
    max-width: 50% !important;
    height: auto !important;
    padding-right: 0 !important;
}
/* Main footer wrapper */
body .footer-wrapper.footer-layout1 {
    background: #8C2D17 !important;
    background-image: none !important;
}

/* Inner footer wrap */
body .footer-wrapper.footer-layout1 .footer-wrap {
    background: #8C2D17 !important;
    background-image: none !important;
}
/* =========================================== FOOTER LINK STYLE =================================== */
body .footer-wrapper a  {
    color: #ffffff !important;
    font-family: 'Kanit', sans-serif !important;
}
/* ===== FORCE REMOVE ALL FOOTER BULLETS ===== */

/* Remove default list bullets */
/*body .footer-wrapper ul,*/
/*body .footer-wrapper ul.menu {*/
/*    list-style: none !important;*/
/*    padding-left: 0 !important;*/
/*    margin-left: 0 !important;*/
/*}*/

/* Remove pseudo elements */
/*body .footer-wrapper ul li::before,*/
/*body .footer-wrapper ul li::after,*/
/*body .footer-wrapper .menu li::before,*/
/*body .footer-wrapper .menu li::after {*/
/*    content: none !important;*/
/*    display: none !important;*/
/*}*/

/* Remove background icons (if used as bullets) */
/*body .footer-wrapper ul li {*/
/*    background: none !important;*/
/*    padding-left: 0 !important;*/
/*}*/
/*body .footer-wrapper *::before,*/
/*body .footer-wrapper *::after {*/
/*    content: none !important;*/
/*}*/
/* =========================================== FOOTER ABOUT TEXT STYLE ================================================================ */
body .footer-wrapper .about-text {
    color: #ffffff !important;
    font-family: 'Kanit', sans-serif !important;
}
/* ===== FOOTER CONTACT INFO TEXT ===== */
body .footer-wrapper .newsletter-widget p {
    color: #ffffff !important;
    font-family: 'Kanit', sans-serif !important;
}

/* ================================================ FOOTER COPYRIGHT BORDER COLOR ========================================= */
body .footer-layout1 .copyright-wrap {
    border-top: 1px solid #ffffff !important;
}

/* ===== FOOTER SOCIAL ICON STYLE ===== */
body .footer-wrapper .th-social a {
    background-color: #E94B27 !important;
    /*color: #FFFFFF !important;*/
}

/* ======================================= CONTACT FORM TEXT COLOR FIX ===================================== */
body #contact-sec .contact-form-wrap .sub-title,
body #contact-sec .contact-form-wrap .border-title {
    color: #ffffff !important;
}
/* ===== HOW IT WORK SECTION TITLE FONT ===== */
body .th-box .th-box_title {
    font-family: "Montserrat", sans-serif !important;
    color: #E94B27;
    font-weight: 800;
}
/* ===== LEFT BOX BACKGROUND ONLY ===== */
body .row > .col-xl-6:first-child .th-box_content {
    background-color: #fcf9f0 !important;
}
body .row > .col-xl-6:first-child .th-box_img:before,
body .row > .col-xl-6:first-child .th-box_img:after{
    background-color: #fcf9f0 !important;
}
/* ===== RIGHT BOX IMAGE BACKGROUND ONLY ===== */
body .col-xl-6:nth-child(2) .th-box_img:before,
body .col-xl-6:nth-child(2) .th-box_img:after {
    background-color: #FFF3F3 !important;
}

/*================================Find Tutor Page Redesign================================*/
/* ============================== FIND A TUTOR PAGE REDESIGN ============================= */

/* FORM CONTAINER */
body .search-form .th-sort-bar {
    background-color: #5D1E10 !important;
    padding: 25px;
    border-radius: 12px;
}

/* INPUTS / SELECTS */
body .search-form select,
body .search-form input {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 12px;
    font-family: "Montserrat", sans-serif !important;
}

/* PLACEHOLDER (if any input used) */
body .search-form input::placeholder {
    color: #000 !important;
    opacity: 0.7;
}

/* SELECT DROPDOWN TEXT */
body .search-form select option {
    color: #5D1E10; /* dropdown list readable */
   
}

/* FOCUS EFFECT */
/*body .search-form select:focus,*/
/*body .search-form input:focus {*/
/*    border-color: #E94B27 !important;*/
/*    box-shadow: 0 0 0 2px rgba(233, 75, 39, 0.3);*/
/*    outline: none;*/
/*}*/

/* SEARCH BUTTON */
body .search-form button {
    background-color: #E94B27 !important;
    color: #ffffff !important;
    border: none;
    border-radius: 8px;
    padding: 10px 14px;
    transition: 0.3s ease;
}

/* BUTTON HOVER */
body .search-form button:hover {
    background: #E94B27 !important;
    color: #ffffff !important;
}

/* ===== ONLY RESULT COUNT BAR ===== */
body .th-sort-bar.course-sort-bar:has(.woocommerce-result-count) {
    background-color: #5D1E10 !important;
    border: 1px solid #ffffff !important;
    
}

/* Only this paragraph text */
body .th-sort-bar.course-sort-bar .woocommerce-result-count {
    color: #ffffff !important;
    font-family: "Montserrat", sans-serif !important;
    text-align: center;
}

/*===================================contact us page==========================*/
/* ===== ONLY CONTACT US PAGE ===== */
body.contact-page #contact-sec .title-area .border-title {
    position: relative;
    display: inline-block;
}

body.contact-page #contact-sec .title-area .border-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    height: 3px;
    width: 80px;
    background-color: #E94B27;
}

/*=======================================Login Page Border Input Box========================================*/
body .contact-form input[type="email"],
body .contact-form input[type="password"] {
    border: 1px solid #5D1E10 !important;
    font-family: "Montserrat", sans-serif !important;
}
body .contact-form  p {
    color: #fff;
}

/*=============================Subscription Plans Page Price Card 3X3 Alligned Fix==========================*/

/* ===== FIX ISOTOPE + GRID CONFLICT ===== */
body .filter-active {
    display: flex !important;
    flex-wrap: wrap;
    margin: -12px;
}

/* ===== DESKTOP (3 PER ROW) ===== */
body .filter-active .filter-item {
    width: 33% !important;
    padding: 12px;
}

/* ===== TABLET (2 PER ROW) ===== */
@media (max-width: 991px) {
    body .filter-active .filter-item {
        width: 50% !important;
    }
}

/* ===== MOBILE (1 PER ROW) ===== */
@media (max-width: 576px) {
    body .filter-active .filter-item {
        width: 100% !important;
    }
}

/* ===== CARD HEIGHT FIX ===== */
body .price-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}
/* ======================================= STUDENT REGISTER FORM INPUT STYLE ==================================== */
body form.contact-form small {
    color: #E9AB25 !important;
    font-size: 12px;
    font-family: 'Kanit', sans-serif;
}

.custom-checkbox {
    color: #fff;
}

body form select,
body form .form-control,
body form .form-select,
body form textarea,
body form input {
    border-color: #5D1E10 !important;
}
form .ts-wrapper.multi .ts-control {
    border: 1px solid #5D1E10 !important;
}
/*.ts-wrapper .ts-dropdown .option:hover,*/
/*.ts-wrapper .ts-dropdown .option.active,*/
/*.ts-wrapper .ts-dropdown .option.selected,*/
/*.ts-wrapper .ts-dropdown .option[aria-selected="true"] {*/
/*    background-color: #E94B27 !important;*/
/*    color: #fff !important;*/
/*}*/
/*select option:checked {*/
/*    background-color: #E9AB25 !important;*/
/*    color: #000 !important;*/
/*}*/
/*select option:focus {*/
/*    background-color: #E94B27 !important;*/
/*    color: #fff !important;*/
/*}*/

.ts-dropdown .option:hover,
.ts-dropdown .option.active {
    background-color: #E94B27 !important;
    color: #fff !important;
}

.col-xl-3 img {
    width: 150%;
    height: auto;
    max-width: none;
    padding-right: 90px;
  
}