.elementor-22584 .elementor-element.elementor-element-955521c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22584 .elementor-element.elementor-element-955521c:not(.elementor-motion-effects-element-type-background), .elementor-22584 .elementor-element.elementor-element-955521c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skillsversehq.com/wp-content/uploads/2026/02/Whisk_76f6e0594440545aa0d4198df49f0412eg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22584 .elementor-element.elementor-element-f0458d0 > .elementor-widget-container{margin:90px 0px 0px 0px;}.elementor-22584 .elementor-element.elementor-element-f0458d0 .edublink-section-heading{text-align:center;}.elementor-22584 .elementor-element.elementor-element-f0458d0 .edublink-section-heading .pre-heading{color:#FFFFFF;}.elementor-22584 .elementor-element.elementor-element-f0458d0 .edublink-section-heading .heading{color:#FFFFFF;}.elementor-22584 .elementor-element.elementor-element-f0458d0 .edublink-section-heading .sub-heading, .elementor-22584 .elementor-element.elementor-element-f0458d0 .edublink-section-heading p{color:#FFFFFF;}.elementor-22584 .elementor-element.elementor-element-f0458d0 .edublink-section-heading .title-shape{color:#FFFFFF;margin-top:10px;}.elementor-22584 .elementor-element.elementor-element-dabfc7e{width:var( --container-widget-width, 18% );max-width:18%;--container-widget-width:18%;--container-widget-flex-grow:0;}.elementor-22584 .elementor-element.elementor-element-dabfc7e > .elementor-widget-container{border-style:solid;border-radius:12px 12px 12px 12px;}.elementor-22584 .elementor-element.elementor-element-dabfc7e .edublink-course-serach-input-group input[type="text"]{height:20px;color:#FFFFFF;}.elementor-22584 .elementor-element.elementor-element-dabfc7e .edublink-course-search-box-wrapper{width:100%;}.elementor-22584 .elementor-element.elementor-element-e9392d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22584 .elementor-element.elementor-element-5961a25 > .elementor-widget-container{background-color:#04132e;margin:0px 0px 0px 0px;padding:4px 4px 4px 4px;}/* Start custom CSS for edublink-tl-course-search, class: .elementor-element-dabfc7e *//* Search input wrapper with dual-colored border */
.edublink-course-serach-input-group {
    display: flex;
    align-items: center;
    border: 2px; /* fallback */
    border-radius: 20px;
    overflow: hidden;
    background-color: transparent;  /* keep background transparent */
    border-style: solid;
}

/* Input field styling */
.edublink-course-search-field {
    flex: 1;
    padding: 12px 15px;       /* vertical + horizontal centering */
    background: transparent;   /* transparent background */
    color: #ffffff;            /* white text */
    border: none;
    font-size: 16px;           /* bigger placeholder & text */
}

.edublink-course-search-field::placeholder {
    color: #ffffff;            /* placeholder text white */
    font-size: 16px;
}

/* Search button styling */
.edublink-course-search-btn button {
    background: transparent;   /* transparent button */
    border: none;
    color: #ffffff;            /* white icon */
    font-size: 22px;           /* bigger icon */
    padding: 0 15px;           /* spacing around icon */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: color 0.3s ease, transform 0.2s ease;
}

.edublink-course-search-btn button:hover i {
    color: #f56201;            /* icon hover color orange */
    transform: scale(1.1);     /* slight zoom effect */
}

/* Make the search icon always white */
.edublink-course-ajax-search-icon i {
    color: #ffffff !important;  /* ensures the icon itself is white */
    font-size: 20px;             /* make it bigger if needed */
    transition: color 0.3s ease; /* smooth hover color change */
}

/* Hover effect on the icon */
.edublink-course-ajax-search-icon:hover i {
    color: #f56201 !important;   /* orange on hover */
}/* End custom CSS */
/* Start custom CSS for edublink-tl-course-filter, class: .elementor-element-5961a25 *//* Main sidebar container */
.elementor-22584 .elementor-element.elementor-element-5961a25 .widget-area-wrapper {
    background: #0e1a2b !important; /* your dark background */
    border: 1px solid #1e4ed8; /* blue border */
    /* Border settings */
    border-top: 1px solid #1e4ed8;
    border-bottom: 1px solid #1e4ed8;
    border-left: 1px solid #1e4ed8;
    border-right: 4px solid #1e4ed8; /* thicker right border */

    /* Radius only on right side */
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; !important
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 10px;
}

/* Widget titles (Categories, Tags) */
.elementor-22584 .elementor-element.elementor-element-5961a25 .widget-title {
    color: #ffffff !important;
}

/* All filter text */
.elementor-22584 .elementor-element.elementor-element-5961a25 .eb-filter-content label {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

/* Count numbers */
.elementor-22584 .elementor-element.elementor-element-5961a25 .filter-count {
    color: #ffffff !important;
}

/* Hover effect (orange) */
.elementor-22584 .elementor-element.elementor-element-5961a25 .eb-filter-content label:hover {
    color: #ff7a00 !important;
}

/* Checkbox accent (optional but nice) */
.elementor-22584 .elementor-element.elementor-element-5961a25 input[type="checkbox"] {
    accent-color: #1e4ed8;
}

/* we have so and so number of courses */
.course-found {
    display: none !important;
}

/*card hover color removal here */
/* Remove full card hover overlay */
.edublink-single-course .course-hover-content-wrapper,
.edublink-single-course .course-hover-content {
    background: transparent !important; /* removes green overlay */
    box-shadow: none !important;
    display: none !important;
}

/* Only hover effect on the image */
.edublink-single-course .thumbnail img {
    transition: transform 0.3s ease; /* smooth effect */
}

.edublink-single-course .thumbnail img:hover {
    transform: scale(1.05); /* slight zoom on hover */
}

/* Change course category/level background to your blue */
.edublink-single-course .course-level {
    background-color: #017ff5 !important;
    color: #fff !important;       /* ensures text is readable */
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    text-transform: uppercase;    /* optional, keeps consistent style */
    display: inline-block;        /* makes padding work nicely */
}

/*categor badge */
/* Course category badge styling */
.edublink-single-course .course-cat a {
    background-color: transparent !important;  /* transparent background */
    color: #0e1a2b !important;                /* text color blue */
    padding: 2px 8px;                          /* padding for pill shape */
    border-radius: 12px;                       /* rounded corners */
    font-size: 12px;                           /* optional, keeps small badge */
    text-transform: uppercase;                 /* optional, makes text consistent */
    display: inline-block;                     /* ensures padding works */
    transition: all 0.3s ease;                 /* smooth hover effect */
}

/* Change Grid/List text color */
.eb-filter-type-text {
    color: #fff !important;  /* your blue */
    font-weight: bold;           /* optional */
}

/* grid switch buttns layout */
/* Default button style */
.eb-filter-layout-trigger {
    background: transparent !important;
    color: white !important;      /* icon color */
    border: none;
    padding: 6px 10px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
}

.eb-grid-filter-trigger:hover i {
    color: #ff7a00 !important;
}

/* Hover effect */
.eb-filter-layout-trigger:hover  {
    color: #fff;                /* white icon/text */
}

/* Active button */
.eb-filter-layout-trigger.active {
    background-color: #017ff5;  /* blue background */
    color: #fff;                /* white icon/text */
}

/*course price color */
/* Style course price */
.edublink-single-course .course-price {
    color: #ff7a00;       /* price text color */
    font-weight: bold;    /* optional: make it bold */
    font-size: 14px;      /* adjust size */
    background: transparent; /* optional: if there’s a background */
}

/* Course price styling */
.edublink-single-course .course-price {
    color: #0e1a2b !important; /* your desired blue-black shade */
    background: transparent;    /* ensures no background */
    font-weight: bold;          /* optional: make it stand out */
    font-size: 14px;            /* adjust as needed */
}



/* Filter container */
.edu-course-sorting {
    background: #0e1a2b !important;
    border: 1px solid #1e4ed8; /* subtle blue border */
    border-radius: 8px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

/* Filter icon */
.edu-course-sorting .icon i {
    color: #ffffff !important;
    font-size: 14px;
}

/* Dropdown select */
.course-orderby {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 500;
    outline: none !important;
    cursor: pointer;
}

/* Hover effect */
.edu-course-sorting:hover {
    border-color: #017ff5; /* your blue */
}

/* Focus effect */
.course-orderby:focus {
    color: #017ff5 !important;
}

/* Dropdown options (browser dependent but helps) */
.course-orderby option {
    background: #0e1a2b;
    color: #ffffff;
}

.edu-top-sorting-right {
    margin-right: 20px; /* adjust to taste: 15px, 25px, etc */
}

.edu-course-sorting {
    margin-right: 20px;
}

/* APPLY FILTER BUTTON */
.edublink-course-filter-buttons .edu-btn:not(.edublink-filter-clear) {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid #f56201 !important; /* orange border */
    transition: all 0.3s ease;
}

/* Hover */
.edublink-course-filter-buttons .edu-btn:not(.edublink-filter-clear):hover {
    background: #f56201 !important;
    border-color: #f56201 !important;
    color: #ffffff !important;
}

/* RESET FILTER BUTTON */
.edublink-filter-clear {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid #017ff5 !important; /* blue border */
    transition: all 0.3s ease;
}

/* Hover */
.edublink-filter-clear:hover {
    background: #017ff5 !important;
    color: #ffffff !important;
}/* End custom CSS */