:root {
    /* =========================
       FONTS
    ========================= */
    --font-site: Nunito Sans;
    --font-site-title: ;

    /* =========================
       COLORS
    ========================= */
    --color-text-primary: #fafbfd;
    --color-text-secondary: #fafbfd;
    --color-bg-primary: #1e4c68;
    --color-bg-secondary: #3faf5a;

    /* =========================
       TYPOGRAPHY
    ========================= */
    --font-h1: ;
    --font-h2: ;
    --font-h3: ;
    --font-h4: ;

    /* =========================
       LAYOUT
    ========================= */
    --hp-container: 1280px;
    --hp-container-sm: 1100px;
    --hp-gutter: 30px;

    /* =========================
       SPACING
    ========================= */
    --hp-space-xs: 5px;
    --hp-space-sm: 10px;
    --hp-space-md: 15px;
    --hp-space-lg: 30px;
    --hp-space-xl: 60px;
    --hp-space-2xl: 100px;

    /* =========================
       UI
    ========================= */
    --btn-radius: ;
    --hp-radius-sm: 5px;
    --hp-radius-md: 10px;
    --hp-radius-lg: 20px;

    --hp-transition: 300ms ease-in-out;
}

.hp-services .hp-section-header * {
    text-align: center !important;
    display: block !important;
}

.hp-section-text p {
    font-size: 20px;
    color: #6b7280;
}

.ry-menu a {text-transform: capitalize;font-size: 20px;color: #6b7280;}

.ry-menu .dropdown li a {
    color: #fff !important;
}


/* =========================================
   HP CORE
========================================= */

.hp-section {
    position: relative;
    padding-block: var(--hp-space-2xl);
    margin-top: -1px;
}

.hp-container {
    width: min(
        var(--hp-container),
        calc(100% - (var(--hp-gutter) * 2))
    );
    margin-inline: auto;
}

.hp-section__bg, .hp-section__bg img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: cover;
}


/* GRID
------------------------- */

.hp-grid {
    display: grid;
    gap: var(--hp-grid-gap, 30px);
}

.hp-grid--1 {
    grid-template-columns: 1fr;
}

.hp-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hp-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hp-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hp-grid--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.hp-grid--6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}


/* ALIGNMENT
------------------------- */

.hp-items-start {
    align-items: start;
}

.hp-items-center {
    align-items: center;
}

.hp-items-end {
    align-items: end;
}


/* GAPS
------------------------- */

.hp-gap-sm {
    gap: 10px;
}

.hp-gap-md {
    gap: 15px;
}

.hp-gap-lg {
    gap: 30px;
}

.hp-gap-xl {
    gap: 60px;
}


/* POSITION
------------------------- */

.hp-relative {
    position: relative;
}

.hp-absolute {
    position: absolute;
}

.hp-inset-0 {
    inset: 0;
}


/* IMAGES
------------------------- */

.hp-img-fluid {
    display: block;
    width: 100%;
    height: auto;
}

.hp-img-cover {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hp-img-contain {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* SECTION CONTENT
------------------------- */

.hp-section-header {
    margin-bottom: 30px;
}

.hp-section-header span {
    display: block;
    font-size: clamp(1.625rem, 1.5613rem + 0.2614vw, 1.875rem) !important;
    text-transform: uppercase;
    color: #3faf5a;
    font-weight: 300 !important;
    font-family: "Fredoka" !important;
    line-height: normal;
}

.hp-section-header h1,
.hp-section-header h2,
.hp-section-header h3 {
    margin: 0;
}

.hp-section-header h2 {
    font-size: clamp(2.5rem, 2.1654rem + 1.3725vw, 3.8125rem) !important;
    color: #1e4c68;
    font-weight: 700 !important;
    line-height: 1.2;
}

.hp-section-header 

.hp-section-text p {
    margin: 0 0 15px;
}

.hp-section-text p:last-child {
    margin-bottom: 0;
}

.hp-section-actions {
    margin-top: 30px;
}

.hp-section-actions .ry-btn.ry-btn-primary {
    display: inline-flex;
    width: min(380px, 100%);
    height: 58px;
    max-width: 100%;
    border-radius: 8px !important;
    background-color: #3faf5a;
    margin: 0;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 20px;
    border: unset;
}

/* RESPONSIVE
------------------------- */

@media (max-width: 991px) {

    .hp-grid--tablet-1 {
        grid-template-columns: 1fr;
    }

    .hp-grid--tablet-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 767px) {

    .hp-grid--mobile-1 {
        grid-template-columns: 1fr;
    }

    .hp-grid--mobile-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}