.elementor-2500 .elementor-element.elementor-element-5c84b141{--display:flex;--min-height:40vh;--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;--justify-content:center;--overlay-opacity:0.5;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-2500 .elementor-element.elementor-element-5c84b141:not(.elementor-motion-effects-element-type-background), .elementor-2500 .elementor-element.elementor-element-5c84b141 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://reactpathways.co.uk/wp-content/uploads/2026/09/29A90E45-851C-4A7E-9545-8DA702998625-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2500 .elementor-element.elementor-element-5c84b141::before, .elementor-2500 .elementor-element.elementor-element-5c84b141 > .elementor-background-video-container::before, .elementor-2500 .elementor-element.elementor-element-5c84b141 > .e-con-inner > .elementor-background-video-container::before, .elementor-2500 .elementor-element.elementor-element-5c84b141 > .elementor-background-slideshow::before, .elementor-2500 .elementor-element.elementor-element-5c84b141 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2500 .elementor-element.elementor-element-5c84b141 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-844d061 );--background-overlay:'';}.elementor-2500 .elementor-element.elementor-element-3fc5e08a{text-align:center;}.elementor-2500 .elementor-element.elementor-element-3fc5e08a .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-5c11bfc );}.elementor-2500 .elementor-element.elementor-element-5409f85e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2500 .elementor-element.elementor-element-5409f85e:not(.elementor-motion-effects-element-type-background), .elementor-2500 .elementor-element.elementor-element-5409f85e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(270deg, #F8FBFF66 0%, #1F79FF34 100%);}.elementor-2500 .elementor-element.elementor-element-e43c91{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-2500 .elementor-element.elementor-element-4c48e4dc{width:var( --container-widget-width, 559px );max-width:559px;--container-widget-width:559px;--container-widget-flex-grow:0;}.elementor-2500 .elementor-element.elementor-element-464ad90d{--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;}.elementor-2500 .elementor-element.elementor-element-3b42dc3b{--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-2500 .elementor-element.elementor-element-67f67aa8{--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-2500 .elementor-element.elementor-element-4a65324b{--grid-columns:3;}.elementor-2500 .elementor-element.elementor-element-4a65324b.elementor-element{--align-self:center;}.elementor-2500 .elementor-element.elementor-element-4a65324b .elementor-pagination{text-align:center;margin-top:60px;}body:not(.rtl) .elementor-2500 .elementor-element.elementor-element-4a65324b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2500 .elementor-element.elementor-element-4a65324b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2500 .elementor-element.elementor-element-4a65324b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2500 .elementor-element.elementor-element-4a65324b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-2500 .elementor-element.elementor-element-6d2fc3d9{--swiper-slides-to-display:3;--swiper-offset-size:80px;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-2500 .elementor-element.elementor-element-6d2fc3d9 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-accent );}.elementor-2500 .elementor-element.elementor-element-6d2fc3d9 .swiper-slide > .elementor-element{height:100%;}@media(min-width:768px){.elementor-2500 .elementor-element.elementor-element-3b42dc3b{--width:25%;}.elementor-2500 .elementor-element.elementor-element-67f67aa8{--width:75%;}}@media(max-width:1366px){.elementor-2500 .elementor-element.elementor-element-3fc5e08a .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2500 .elementor-element.elementor-element-4a65324b{--grid-columns:3;}.elementor-2500 .elementor-element.elementor-element-6d2fc3d9{--swiper-slides-to-display:3;}}@media(max-width:1024px){.elementor-2500 .elementor-element.elementor-element-5c84b141{--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-2500 .elementor-element.elementor-element-3fc5e08a .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2500 .elementor-element.elementor-element-4a65324b{--grid-columns:2;}.elementor-2500 .elementor-element.elementor-element-6d2fc3d9{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-2500 .elementor-element.elementor-element-5c84b141{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-2500 .elementor-element.elementor-element-3fc5e08a .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2500 .elementor-element.elementor-element-5409f85e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:20px;--padding-left:20px;--padding-right:0px;}.elementor-2500 .elementor-element.elementor-element-e43c91{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-2500 .elementor-element.elementor-element-3b42dc3b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-2500 .elementor-element.elementor-element-4a65324b{--grid-columns:1;}.elementor-2500 .elementor-element.elementor-element-6d2fc3d9{--swiper-slides-to-display:1;--swiper-offset-size:120px;--swiper-slides-gap:16px;padding:0px 0px 90px 0px;--arrow-prev-left-position:104px;--arrow-prev-top-position:285px;--arrow-next-right-position:104px;--arrow-next-top-position:285px;}.elementor-2500 .elementor-element.elementor-element-6d2fc3d9 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-radius:50px 50px 50px 50px;padding:8px 8px 8px 8px;}}/* Start custom CSS for yith_wcan_filters, class: .elementor-element-15210544 */.elementor-2500 .elementor-element.elementor-element-15210544 .yith-wcan-filters{
    
    background: none;
}

.yith-wcan-filters .yith-wcan-filter .filter-title{
    
    color: var(--e-global-color-01a7ed7);
    font-family: 'Mulish', sans-serif;
    font-weight: bold;
    font-size: 20px;

}


.filter-content {
      font-family: 'Mulish', sans-serif;
      font-weight: 400;
    font-size: 16px;
    color: black !important;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item> label > a{
     color: black;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > label > a{
     color: black;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a:hover{
    
     color: var(--e-global-color-01a7ed7);
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4a65324b */.heading-reg{
	font-weight : 400 !important;
}

 /*==============================
    Pagination Numebers Styling
   =============================*/

/* The bar itself is the white pill now, so it grows with the page numbers
   and always contains the < > arrows. */
.elementor-pagination {
    width: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 40px;
    padding: 8px 16px;
    background: #fff;
    border-radius: 999px;
    position: relative;
}

/* Keeps the pill centred under the course grid */
.elementor-widget-loop-grid .elementor-widget-container {
    text-align: center;
}

/* Old fixed-size (280px) background layer — no longer needed */
.elementor-pagination::before {
    content: none;
}

.elementor-pagination .page-numbers {
    position: relative;
    z-index: 1;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    border-radius: 50%;
}

.elementor-pagination .page-numbers.current {
    background: var(--e-global-color-primary, #202B4C);
    color: #ffffff !important;
}

.elementor-pagination a.page-numbers:hover {
    background: var(--e-global-color-primary, #202B4C);
    color: #fff !important;
}

.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    font-size: 22px;
}

.elementor-pagination .elementor-screen-only {
    display: none;
}


.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    font-size: 0;
    position: relative;
}

.elementor-pagination .page-numbers.prev::after,
.elementor-pagination .page-numbers.next::after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    display: block;
}

.elementor-pagination .page-numbers.prev::after {
    transform: rotate(-135deg);
}

.elementor-pagination .page-numbers.next::after {
    transform: rotate(45deg);
}
 /*===================================
    Pagination Numebers Styling ENDS
   ==================================*//* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-6d2fc3d9 */@media (max-width: 768px) {

    .elementor-2500 .elementor-element.elementor-element-6d2fc3d9 .elementor-swiper-button {
        position: absolute !important;
        top: auto !important;
        bottom: 20px !important;
    }

    .elementor-2500 .elementor-element.elementor-element-6d2fc3d9 .elementor-swiper-button-prev {
        left: 50% !important;
        transform: translateX(-48px) !important;
    }

    .elementor-2500 .elementor-element.elementor-element-6d2fc3d9 .elementor-swiper-button-next {
        right: 50% !important;
        transform: translateX(48px) !important;
    }

}/* End custom CSS */