.elementor-21 .elementor-element.elementor-element-2bd881b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-afd426b{padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px) and (min-width:768px){.elementor-21 .elementor-element.elementor-element-2bd881b{--width:100%;}}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-2bd881b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-afd426b{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-2bd881b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-afd426b{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-afd426b *//* ==========================================
   RINJANI TREKKING SERVICE
   MODERN FOOTER
   ========================================== */

.rts-footer {

    --rts-navy: #071A2B;
    --rts-green: #315C4A;
    --rts-gold: #A88D57;
    --rts-white: #FFFFFF;

    width: 100%;

    background:
        linear-gradient(
            135deg,
            #071A2B 0%,
            #091F30 55%,
            #071A2B 100%
        );

    color: rgba(255,255,255,.82);

    font-family: inherit;

    position: relative;

    overflow: hidden;

}


/* ==========================================
   SUBTLE BACKGROUND GLOW
   ========================================== */

.rts-footer::before {

    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    top: -220px;
    right: -100px;

    background:
        radial-gradient(
            circle,
            rgba(49,92,74,.25) 0%,
            rgba(49,92,74,0) 70%
        );

    pointer-events: none;

}


.rts-footer::after {

    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    bottom: -220px;
    left: -100px;

    background:
        radial-gradient(
            circle,
            rgba(168,141,87,.10) 0%,
            rgba(168,141,87,0) 70%
        );

    pointer-events: none;

}


/* ==========================================
   CONTAINER
   ========================================== */

.rts-footer-container {

    position: relative;

    z-index: 2;

    width: min(
        calc(100% - 48px),
        1240px
    );

    margin: 0 auto;

}


/* ==========================================
   TOP SECTION
   ========================================== */

.rts-footer-top {

    display: grid;

    grid-template-columns:
        1.5fr
        1fr
        1fr
        1.2fr;

    gap: 60px;

    padding:
        75px 0
        55px;

}


/* ==========================================
   BRAND
   ========================================== */

.rts-footer-logo {

    display: inline-flex;

    align-items: center;

    text-decoration: none !important;

    line-height: 0;

}


.rts-footer-logo img {

    display: block;

    width: auto;

    max-width: 190px;
    max-height: 65px;

    object-fit: contain;

}


.rts-footer-description {

    max-width: 360px;

    margin:
        24px 0
        0;

    color:
        rgba(255,255,255,.62);

    font-size: 14px;

    line-height: 1.75;

}


/* ==========================================
   SOCIAL MEDIA
   ========================================== */

.rts-footer-social {

    display: flex;

    gap: 9px;

    margin-top: 25px;

}


.rts-footer-social a {

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid
        rgba(255,255,255,.15);

    border-radius: 50%;

    color:
        rgba(255,255,255,.8);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .3px;

    text-decoration: none !important;

    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease,
        transform .25s ease;

}


.rts-footer-social a:hover {

    background: var(--rts-gold);

    border-color: var(--rts-gold);

    color: #fff;

    transform: translateY(-2px);

}


/* ==========================================
   COLUMNS
   ========================================== */

.rts-footer-column h3 {

    margin:
        5px 0
        20px;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: .2px;

}


.rts-footer-column ul {

    margin: 0;
    padding: 0;

    list-style: none;

}


.rts-footer-column li {

    margin: 0;

    padding: 0;

    list-style: none;

}


.rts-footer-column li a {

    display: inline-block;

    padding:
        5px 0;

    color:
        rgba(255,255,255,.58);

    font-size: 13px;

    line-height: 1.5;

    text-decoration: none !important;

    transition:
        color .2s ease,
        transform .2s ease;

}


.rts-footer-column li a:hover {

    color: var(--rts-gold);

    transform: translateX(3px);

}


/* ==========================================
   CONTACT
   ========================================== */

.rts-contact-item {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    margin-bottom: 18px;

}


.rts-contact-icon {

    width: 34px;
    height: 34px;

    flex-shrink: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background:
        rgba(49,92,74,.22);

    color:
        var(--rts-gold);

    font-size: 10px;

    font-weight: 700;

}


.rts-contact-item small {

    display: block;

    margin-bottom: 3px;

    color:
        rgba(255,255,255,.4);

    font-size: 11px;

}


.rts-contact-item a,
.rts-contact-item div > span {

    color:
        rgba(255,255,255,.78);

    font-size: 13px;

    line-height: 1.5;

    text-decoration: none !important;

}


.rts-contact-item a:hover {

    color: var(--rts-gold);

}


/* ==========================================
   CTA
   ========================================== */

.rts-footer-cta {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding:
        25px 30px;

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            rgba(49,92,74,.25),
            rgba(255,255,255,.035)
        );

    backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px);

}


.rts-footer-cta span {

    display: block;

    color: #fff;

    font-size: 15px;

    font-weight: 600;

}


.rts-footer-cta p {

    margin: 4px 0 0;

    color:
        rgba(255,255,255,.5);

    font-size: 12px;

}


.rts-footer-cta > a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    min-height: 44px;

    padding:
        0 19px;

    border-radius: 8px;

    background: var(--rts-gold);

    color: #fff;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none !important;

    white-space: nowrap;

    transition:
        background .25s ease,
        transform .25s ease;

}


.rts-footer-cta > a:hover {

    background: var(--rts-green);

    color: #fff;

    transform: translateY(-1px);

}


.rts-footer-cta > a span {

    display: inline;

    font-size: 17px;

    font-weight: 400;

}


/* ==========================================
   BOTTOM
   ========================================== */

.rts-footer-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    padding:
        25px 0;

    margin-top: 45px;

    border-top:
        1px solid
        rgba(255,255,255,.08);

}


.rts-footer-bottom p {

    margin: 0;

    color:
        rgba(255,255,255,.4);

    font-size: 11px;

}


.rts-footer-legal {

    display: flex;

    align-items: center;

    gap: 20px;

}


.rts-footer-legal a {

    color:
        rgba(255,255,255,.4);

    font-size: 11px;

    text-decoration: none !important;

    transition:
        color .2s ease;

}


.rts-footer-legal a:hover {

    color: var(--rts-gold);

}


/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 1024px) {

    .rts-footer-container {

        width:
            calc(100% - 40px);

    }


    .rts-footer-top {

        grid-template-columns:
            1.4fr
            1fr
            1fr;

        gap: 45px;

        padding-top: 60px;

    }


    .rts-footer-contact {

        grid-column: span 3;

    }

}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 767px) {

    .rts-footer-container {

        width:
            calc(100% - 32px);

    }


    .rts-footer-top {

        display: grid;

        grid-template-columns: 1fr;

        gap: 35px;

        padding:
            50px 0
            40px;

    }


    .rts-footer-brand {

        max-width: 100%;

    }


    .rts-footer-logo img {

        max-width: 165px;

        max-height: 58px;

    }


    .rts-footer-description {

        max-width: 100%;

        font-size: 13px;

    }


    .rts-footer-column h3 {

        margin-bottom: 12px;

    }


    .rts-footer-column li a {

        padding: 6px 0;

    }


    .rts-footer-contact {

        grid-column: auto;

    }


    /* CTA */

    .rts-footer-cta {

        flex-direction: column;

        align-items: flex-start;

        gap: 18px;

        padding: 22px;

    }


    .rts-footer-cta > a {

        width: 100%;

    }


    /* Bottom */

    .rts-footer-bottom {

        flex-direction: column;

        align-items: flex-start;

        gap: 14px;

        margin-top: 30px;

        padding:
            20px 0;

    }


    .rts-footer-legal {

        flex-wrap: wrap;

        gap: 12px 18px;

    }

}


/* ==========================================
   SMALL MOBILE
   ========================================== */

@media (max-width: 380px) {

    .rts-footer-container {

        width:
            calc(100% - 24px);

    }


    .rts-footer-top {

        padding-top: 42px;

    }

}/* End custom CSS */