/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.5
	Stable tag: 3.4.5
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* ======================================
 *  CUSTOM STYLING CSS FOR MTECH COURSE 
 * ======================================*/

/*Underline Base (Text-Length + Gradient)*/
.header-section .header-container nav.elementor-nav-menu--main > ul > li > a {
  position: relative;
  display: inline-flex; 
  align-items: center;
  line-height: 1.2;
}
/* Underline animation */
.header-section .header-container nav.elementor-nav-menu--main > ul > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 3px;
  width: 0;
  border-radius: 10px;
  background: linear-gradient(to right, #007BFF, #0056A2);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Hover underline */
.header-section .header-container nav.elementor-nav-menu--main > ul > li:hover > a::after {
  width: 100%;
}
/*Carousel Pagination*/
.carousel-section .carousel-widget .swiper-pagination span.swiper-pagination-bullet-active {
    width: 40px;
    height: 11px;
    border-radius: 20px;
}
.carousel-section .carousel-widget .swiper-pagination span {
  transition: all 0.4s ease-in-out;
}
/*Hover Blur Effect Animation*/
.outer-effect {
    background: #fff;
    position: relative;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.05),   
        0 0 60px rgba(0, 150, 255, 0.08); 
}
.outer-effects:hover {
    background: #fff;
    position: relative;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.05),   
        0 0 60px rgba(0, 150, 255, 0.08); 
}
/*Hover Blur Effect With Gradient Line*/
.effect-line {
    background: #fff;
    position: relative;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.05),   
        0 0 60px rgba(0, 150, 255, 0.08); 
}
.effect-line::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 40px;
    width: 100%; 
    height: 4px; 
    border-radius: 100px;

    background: linear-gradient(90deg,
        #06A0FF 0%,
        #1EB8FF 50%,
        #00C2FF 100%
    );
	box-shadow: 0 0 15px rgba(0, 160, 255, 0.6); 
}
/* Google icon (right side) */
.testimonials-section .testimonials-container .bdt-ep-review-card-content::before {
    content: "";
    background: url("https://mtechcourse.com/wp-content/uploads/2025/11/testimonial-icon.svg") no-repeat center/contain;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -12px;
    top: 7px;
}
/*Newsletter Button CSS*/
.email-form-container {
    position: relative;
    max-width: 580px;
    margin: 0 auto;
}
/* Style for input field */
.email-form-widget input[type="email"] {
    width: 100%;
    border-radius: 100px !important;
    box-sizing: border-box;
    height: 52px;
}
/* Style for the button inside input */
.email-form-widget button[type="submit"] {
    position: absolute;
    right: 7.5px; 
    top: 50%;
    transform: translateY(-107%);
    height: 40px;
    padding: 22px 30px !important;
    width: 180px !important;
    cursor: pointer;
    line-height: 1;
    display: flex;
    border-radius: 100px !important;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}
/*----------- WPForms Fields CSS -------*/
/* WPForms field specific - focus effect only */
/* Inner input/textarea/select */
.outer-effect .form-widget div#wpforms-411 .wpforms-field-required input,
.outer-effect .form-widget div#wpforms-411 .wpforms-field-required textarea,
.outer-effect .form-widget div#wpforms-411 .wpforms-field-required select {
  display: block;
  width: 100%;
  border: none;
  outline: none;
  padding: 10px 12px;
  background: #ffffff;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
/* Focus effect - when user clicks / types in field */
.outer-effect .form-widget div#wpforms-411 {
	margin: 0px;
}
.outer-effect .form-widget div#wpforms-411 .wpforms-field-required {
    font-size: 16px !important;
    padding: 15px 15px !important;
    font-family: 'Inter';
}
.outer-effect .form-widget div#wpforms-411 .wpforms-field-required:focus-within {
 border-radius: 50px; 
 border-color: #007BFF !important; 
 box-shadow: 0 0 8px rgba(0, 122, 255, 0.4); 
}
.outer-effect .form-widget div#wpforms-411 textarea#wpforms-411-field_4 {
    border-radius: 18px;
    display: block;
    width: 100%;
    padding: 15px 15px;
    background: #ffffff;
    box-sizing: border-box;
    transition: all 0.3s ease;
    font-size: 16px;
    font-family: inter;
    color: #111111;
}
.outer-effect .form-widget div#wpforms-411 textarea#wpforms-411-field_4:focus-within {
  border-radius: 18px;
  border-color: #007AFF !important;
  box-shadow: 0 0 8px rgba(0, 122, 255, 0.4);
}
.outer-effect .form-widget div#wpforms-411 label.wpforms-field-label {
    font-size: 15px;
    font-family: inter;
    font-weight: 700;
}
.outer-effect .form-widget div#wpforms-411 button#wpforms-submit-411 {
    background: linear-gradient(90deg, #6A00FF, #B84EFF);
    color: #fff;
    font-family: inter;
    font-size: 16px;
	font-weight: 700;
    width: 100%;
    border-radius: 100px;
    height: 55px;
    position: relative;
	margin-top: 15px;
}
.outer-effect .form-widget div#wpforms-411 button#wpforms-submit-411:hover {
    transform: translateY(-3px); 
}
/*---- WPForms Field CSS End Here*/

/* Responsive: stack on small screens */
@media (max-width: 480px) {
    .email-form-widget input[type="email"] {
        padding-right: 15px;
    }
    .email-form-widget button[type="submit"] {
        position: static;
        transform: none;
        width: 100%;
        margin-top: 10px;
        height: 50px;
    }
}

/*----- Course Filters CSS -----*/
div#courses-section .filter-container .filter-widget .widget.widget_wpc_filters_widget .wpc-filters-widget-content .wpc-filter-content {
    color: #111;
}
div#courses-section .filter-container .filter-widget .widget.widget_wpc_filters_widget .wpc-filters-widget-content .wpc-filter-content ul.wpc-filters-ul-list li.wpc-checkbox-item label a.wpc-filter-link {
    color: #111;
    font-size: 16px;
    font-weight: 400;
}
div#courses-section .filter-container .filter-widget .widget.widget_wpc_filters_widget .wpc-filters-widget-content .wpc-filter-content ul.wpc-filters-ul-list li.wpc-checkbox-item label a.wpc-filter-link:hover {
    color: #6A00FF;
}
div#courses-section .filter-container .filter-widget .widget.widget_wpc_filters_widget .wpc-filters-widget-content .wpc-filter-header {
    font-size: 19px;
    color: #007BFF;
    font-weight: 600;
}
div#courses-section .filter-container .filter-widget .widget.widget_wpc_filters_widget .wpc-filters-widget-content .wpc-filters-section a.wpc-filters-reset-button {
    color: #fff;
    background-color: #0056A2;
    font-size: 17px;
    font-weight: 600;
}
div#courses-section .filter-container .filter-widget .widget.widget_wpc_filters_widget .wpc-filters-widget-content .wpc-filters-section a.wpc-filters-submit-button {
    font-size: 17px;
    font-weight: 600;
}
/*--- WooCommerce Reviews ----*/
.products-section .products-container .products-widget .products-review-widget ul.tabs.wc-tabs li#tab-title-description {
    display: none;
}
/*--- Site Media Query ---*/
@media (max-width: 768px) {
	div#courses-section .filter-container .filter-widget .widget.widget_wpc_filters_widget .wpc-filters-widget-content .wpc-filter-content ul.wpc-filters-ul-list li.wpc-checkbox-item label a.wpc-filter-link {
		font-size: 15px;
	}
	div#courses-section .filter-container .filter-widget .widget.widget_wpc_filters_widget .wpc-filters-widget-content .wpc-filter-header {
		font-size: 16px;
	}
	div#courses-section .filter-container .filter-widget .widget.widget_wpc_filters_widget .wpc-filters-widget-content .wpc-filters-section a.wpc-filters-reset-button {
		font-size: 15px;
	}
	div#courses-section .filter-container .filter-widget .widget.widget_wpc_filters_widget .wpc-filters-widget-content .wpc-filters-section a.wpc-filters-submit-button {
		font-size: 15px;
	}
}