.elementor-kit-7{--e-global-color-primary:#11131D;--e-global-color-secondary:#B2D3C5;--e-global-color-text:#161928;--e-global-color-accent:#8792A6;--e-global-color-2aaca0f:#2A3040;--e-global-color-e14a790:#6B7280;--e-global-typography-primary-font-family:"DM Serif Display";--e-global-typography-primary-font-weight:normal;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:normal;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:18px;color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:26px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#B2D3C5;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;text-decoration:none;line-height:normal;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-radius:100px 100px 100px 100px;padding:15px 40px 15px 40px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:10px;}.elementor-kit-7 a{color:var( --e-global-color-text );}.elementor-kit-7 a:hover{color:var( --e-global-color-text );}.elementor-kit-7 h1{color:var( --e-global-color-2aaca0f );font-family:"DM Serif Display", Sans-serif;font-size:60px;font-weight:normal;}.elementor-kit-7 h2{color:var( --e-global-color-2aaca0f );font-family:"DM Serif Display", Sans-serif;font-size:45px;font-weight:normal;line-height:normal;letter-spacing:-0.5px;}.elementor-kit-7 h3{color:var( --e-global-color-2aaca0f );font-family:"DM Serif Display", Sans-serif;font-size:36px;font-weight:400;line-height:normal;}.elementor-kit-7 h4{color:var( --e-global-color-2aaca0f );font-family:"DM Serif Display", Sans-serif;font-size:27px;font-weight:normal;line-height:normal;}.elementor-kit-7 h5{color:var( --e-global-color-2aaca0f );font-family:"DM Serif Display", Sans-serif;font-size:21px;font-weight:normal;line-height:normal;}.elementor-kit-7 h6{color:var( --e-global-color-2aaca0f );font-family:"DM Serif Display", Sans-serif;font-size:15px;font-weight:normal;line-height:normal;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:15px;--container-default-padding-bottom:0px;--container-default-padding-left:15px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1199px){.elementor-kit-7{--e-global-typography-primary-font-size:30px;--e-global-typography-primary-line-height:normal;--e-global-typography-secondary-font-size:26px;--e-global-typography-secondary-line-height:38px;}.elementor-kit-7 h2{line-height:normal;}.elementor-kit-7 h3{line-height:normal;}.elementor-kit-7 h4{line-height:normal;}}@media(max-width:991px){.elementor-kit-7{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:38px;--e-global-typography-secondary-font-size:24px;}.elementor-kit-7 h1{font-size:40px;}.elementor-kit-7 h2{font-size:32px;line-height:38px;}.elementor-kit-7 h3{font-size:27px;line-height:normal;}.elementor-kit-7 h4{font-size:24px;line-height:normal;}.elementor-kit-7 h5{font-size:18px;line-height:normal;}.elementor-kit-7 h6{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:26px;--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-line-height:32px;font-size:16px;line-height:26px;}.elementor-kit-7 h1{font-size:36px;}.elementor-kit-7 h2{font-size:30px;}.elementor-kit-7 h3{font-size:25px;line-height:normal;}.elementor-kit-7 h4{font-size:21px;line-height:normal;}.elementor-kit-7 h5{font-size:18px;}.elementor-kit-7 h6{font-size:14px;line-height:normal;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:14px;border-width:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}
/* Start custom CSS *//* Site Settings > Custom CSS */

/* ---------- Dropdowns ---------- */

.wf-filter {
    display: block !important;
    width: 100% !important;
}

.wf-filter__select {
    width: 100% !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-color: #FAFAFA !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23161928' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 22px center !important;
    border: 1px solid #E8E8E8 !important;
    border-radius: 50px !important;
    padding: 18px 48px 18px 26px !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #161928 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-overflow: ellipsis;
}

.wf-filter__select:focus {
    outline: 2px solid #11131D !important;
    outline-offset: 2px !important;
}


/* ---------- Search ---------- */

.wf-search {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.wf-search__icon {
    position: absolute !important;
    left: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #8792A6 !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.wf-search__input {
    width: 100% !important;
    background-color: #FAFAFA !important;
    background-image: none !important;
    border: 1px solid #E8E8E8 !important;
    border-radius: 50px !important;
    padding: 18px 26px 18px 54px !important;
    margin: 0 !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #161928 !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.wf-search__input::placeholder {
    color: #8792A6 !important;
    opacity: 1 !important;
}

.wf-search__input:focus {
    outline: 2px solid #11131D !important;
    outline-offset: 2px !important;
    border-color: #E8E8E8 !important;
}

/* Remove the browser's own clear button on search inputs */
.wf-search__input::-webkit-search-decoration,
.wf-search__input::-webkit-search-cancel-button,
.wf-search__input::-webkit-search-results-button,
.wf-search__input::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
}


/* ---------- Grid loading state ---------- */

#jobs-grid,
#candidates-grid,
#freelancers-grid {
    transition: opacity .2s ease;
}

#jobs-grid.wf-loading,
#candidates-grid.wf-loading,
#freelancers-grid.wf-loading {
    opacity: .4;
    pointer-events: none;
}

textarea#form-field-message {
    border-radius:10px;
}

.elementor-field-type-upload input[type="file"]  {
    border-radius:10px!important;
    border: 1px solid #8792A661 !important;
    padding:10px!important;
    width: 100%;
    box-sizing: border-box;
}

.elementor-button-icon svg {
    width: 12px;
}


/* ---------- No sideways scrolling on any screen ---------- */

/* Nothing can make the page wider than the screen */
html,
body {
    overflow-x: clip;
}

@supports not (overflow-x: clip) {
    html,
    body {
        overflow-x: hidden;
    }
}

/* No widget wider than its column on tablet and mobile. Covers the fixed px widths left over from the Figma import */
@media (max-width: 1199px) {
    .elementor-widget {
        max-width: 100% !important;
    }
}


/* ---------- Side gutters on laptops ---------- */

/* Boxed sections keep at least a 25px gutter from 992px and a 60px gutter from 1200px, so content never touches the screen edge between 992px and 1400px */
@media (min-width: 992px) {
    .e-con.e-parent.e-con-boxed > .e-con-inner {
        max-width: min(var(--content-width), calc(100vw - 50px));
    }
}

@media (min-width: 1200px) {
    .e-con.e-parent.e-con-boxed > .e-con-inner {
        max-width: min(var(--content-width), calc(100vw - 120px));
    }
}


/* ---------- Keyboard focus ---------- */

/* A dark ring with a white edge shows on both light and dark backgrounds */
/* Plain .elementor-kit-7s, not :is(), because WP Rocket's Remove Unused CSS drops the :is() version */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
.elementor-button:focus-visible {
    outline: 2px solid #11131D;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px #FFFFFF;
}

.elementor-field-group .elementor-field:focus-visible {
    outline: 2px solid #11131D !important;
    outline-offset: 2px;
}


/* ---------- Links inside forms and empty-results messages ---------- */

/* Underlined so they read as links, not just darker text */
.elementor-field-type-html a,
.elementor-field-type-acceptance a,
.e-loop-nothing-found-message a {
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* ---------- Loop grids on archive pages ---------- */

/* Astra adds 20px side padding to archive posts, which insets loop cards from everything else */
.e-loop-item.ast-grid-common-col {
    padding-left: 0;
    padding-right: 0;
}


/* ---------- Carousels: no jump when they start ---------- */

/* Holds each slide at its final width until the carousel script starts, so the page doesn't shift when the scripts load.
   Elementor Pro's own rule for this targets ".swiper--slide", a class that doesn't exist.
   The fallbacks match Elementor's defaults: 3 per view on desktop, 2 on tablet, 1 on mobile. */
.elementor-widget-n-carousel:not(.marquee-carousel) .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    --wf-per-view: var(--e-n-carousel-swiper-slides-to-display, 3);
    max-width: calc((100% - (var(--wf-per-view) - 1) * var(--e-n-carousel-swiper-slides-gap, 10px)) / var(--wf-per-view));
}

.elementor-widget-loop-carousel .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    --wf-per-view: var(--swiper-slides-to-display, 3);
    max-width: calc((100% - (var(--wf-per-view) - 1) * var(--swiper-slides-gap, 10px)) / var(--wf-per-view));
}

/* The homepage reviews marquee: 3 cards per view on desktop, 2 on tablet, 1 on mobile */
.marquee-carousel .swiper:not(.swiper-initialized) > .swiper-wrapper {
    width: 100% !important;
}

.marquee-carousel .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
    width: calc((100% - 2 * var(--e-n-carousel-swiper-slides-gap, 20px)) / 3);
}

@media (max-width: 991px) {
    .elementor-widget-n-carousel:not(.marquee-carousel) .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
        --wf-per-view: var(--e-n-carousel-swiper-slides-to-display, 2);
    }

    .elementor-widget-loop-carousel .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
        --wf-per-view: var(--swiper-slides-to-display, 2);
    }

    .marquee-carousel .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
        width: calc((100% - var(--e-n-carousel-swiper-slides-gap, 20px)) / 2);
    }
}

@media (max-width: 767px) {
    .elementor-widget-n-carousel:not(.marquee-carousel) .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
        --wf-per-view: var(--e-n-carousel-swiper-slides-to-display, 1);
    }

    .elementor-widget-loop-carousel .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
        --wf-per-view: var(--swiper-slides-to-display, 1);
    }

    .marquee-carousel .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
        width: 100%;
    }
}/* End custom CSS */