:root{
    --color-1: #FF5B2E;
}

a{
    cursor: pointer;
}

.orangeText{
    color: #FF5B2E !important;
}

.ree-card-services{
    height: 400px;
    box-shadow: 15px 15px 8px -2px rgb(82 0 57 / 8%);
    /* overflow: hidden; */
    background: #fff;
    position: relative;
    place-items: start;
    display: grid;
    border-radius: 14px;
    padding: 40px 30px;
}

.icon-with-title{
    height: 170px;
    box-shadow: 15px 15px 8px -2px rgb(82 0 57 / 8%);
}

.contact-details-block{
    height: 138px;
    box-shadow: 15px 15px 8px -2px rgb(82 0 57 / 8%);
}

.custom-control-input:checked~.custom-control-label::after{
    background-color: #FF5B2E;
}

.sec-pad-no-padding-bottom{
    padding-bottom: 0;
}
.custom-hr{
    border: 0.3px solid #515174;
    width: 70%;
    margin-top: 30px;
}

.custom-hr-fw{
    border: 0.3px solid #515174;
    width: 100%;
}

.displayWhenMobile{
    display: none;
}

@media (max-width:575px) {
    .ree-header{
        padding: 15px;
    }
    .navm-{
        display: none;
    }
    .dskt-logo .nav-brand img{
        max-width: 190px;
    }
    .ree-header.sticky{
        min-height: 90px;
    }
    .home-about{
        text-align: center;
    }
    .ree-btn-grdt2, .ree-btn{
        margin: 0 !important;
    }
    .ree-card-img{
        background: #fff;
        box-shadow: 0 15px 30px -10px rgb(0 0 0 / 14%);
        padding: 15px;
        border-radius: 14px;
        position: absolute;
        width: 80px;
        height: 80px;
        top: -30px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        z-index: 1;
    }
    .cta-heading{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    .cta-heading .ree-btn{
        width: 80%;
    }
    .hero-content-a{
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .ree-card-services{
        text-align: center;
    }
    .footer-rowset{
        all: unset;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center !important;
    }
    .footer-links-list li{
        display: block;
    }
}

/* utils */
.centerText{
    text-align: center;
}

@media (max-width:575px) {
    .displayWhenMobile{
        display: block;
    }
}