/* font-size: clamp(2rem, 5vw, 2.5rem); */

/**
* dropdown link active
*/

.dropdown-item.active {
    background-color: var(--primary-color) !important;
}

/**
*
* hero section (start)
**/

.hero-section {
    background:  var(--secondary-background-color);
    padding: 150px 0;
}

.hero-section h1 {
    color: var(--primary-color);
}

.hero-section .label {
    font-family: var(--alternative-font);
    color: #FFFFFF;
    max-width: 120px;
    padding: 4px 8px;
    background: rgba(253, 92, 99, 0.6);
    border-radius: 20px;
    margin: 0 0 10px 0;
}

.hero-section .hero-content-container  a {
    font-family: var(--sub-heading-font);
    padding: 4px 8px;

    color: var(--secondary-color);
    box-shadow: 0 0 0 rgba(253, 92, 99, 0.5);
    animation: pulse 2s infinite;

    background: #FFFFFF;
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid rgba(253, 92, 99, 0.5);
}

.hero-section .hero-content-container  a:hover {
    color: #FFFFFF;
    background: var(--secondary-color);
    border: 1px solid rgba(253, 92, 99, 0.5);
    animation: none;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(253, 92, 99, 0.5);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(253, 92, 99, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(253, 92, 99, 0);
    }
}

/**
*
* hero section (end)
*/

/**
*
* Service Detail About  (start)
*
*/


.service-about_wrapper .service-about{
    padding: 20px 0;
}


/***
* (subsection)
* Check list
*/

.service_list {
    border-radius: 8px;
    background-color: var(--secondary-background-color);
    padding: 20px 8px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.service_list h5 {
    color: var(--primary-color);
}

.service_list .list_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.service_list .list_wrapper .ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.service_list .list_wrapper .ul .li span {
    color: #707070;
}



/***
* (subsection)
* Why choose use section (start)
*
*/

.why-choose-us {
    padding: 20px;
    border-radius: 8px;
    background-color: var(--primary-color);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.why-choose-us h4 {
    color: #FFFFFF;
    margin: 0 0 15px 0;
}

.why-choose-us div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.why-choose-us div p {
    font-size: 1.05rem;
    color: #FFFFFF;
}

/***
*
* Why choose use section (end)
*
*/


/**
* (subsection)
* Service Detail About  (end)
*
*/

/***
*
* included-services (start)
*
*/
.included_services-wrapper {
    padding: 100px 0;
    background-color: var(--secondary-background-color);
}
.included_services-wrapper h2 {
    color: var(--primary-color);
}


.included_services-wrapper .img_comp-container {
    margin: 40px 0;
}


.included_services-wrapper .img_comp-container h5{
    margin: 4px 0;
    color : rgba(253, 92, 99, 1);
}

.included_services-wrapper .img_comp-container img-comparison-slider{
    border-radius: 8px;
}



.custom-animated-handle {
    fill: var(--secondary-color);
}

/***
*
* included-services (end)
*
*/

/***
*
* Service gallery (start)
*
*/
.gallery_wrapper h2 {
    color: var(--primary-color);
}

.gallery_wrapper .light_room-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}

.gallery_wrapper .light_room-container a{
    box-shadow: 0 0 0 rgba(253, 92, 99, 0.5);
}

@media screen and (min-width: 768px) {
    .gallery_wrapper .light_room-container {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media screen and (min-width: 1024px) {
    .gallery_wrapper .light_room-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

/***
*
* Service gallery (end)
*
*/

/***
*
* dual image container (experiment)
*/