/* Common-card-shadow */
.testimonial-card-shadow{
    box-shadow: 0px 0px 7px rgb(0,0,0,0.10);
}


.success-and-gratitude-container{
    /* height:80vh; */
    height:auto;
    /* background-color: rgba(255, 0, 0, 0.354) !important; */
}
.testimonials-content-container{
    display: none ;
}
.testimonials-content-container .testimonial-user-info{
    height:auto;
}
.testimonials-content-container .testimonial-desc{
    height: 75%;
}


.slider-prev-button{
    position: absolute;
    top:50% !important;
    left: -5%;
    /* background-color: yellow; */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-left' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") !important;
    height: 40px;
    width: 40px;
}

.slider-next-button{
    position: absolute;
    top:50% !important;
    right: -5%;
    /* background-color: yellow; */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>') !important;
    height: 40px;
    width: 40px;
}



.slider-indicators {
    height: 10%;
    width: 30%;
    position: absolute;
    bottom: -20%;
    left:40%;
    /* top: 40%; */
    z-index: 2;
    display: flex;
    justify-content: center;
    gap: 5px;
    padding: 10px px;
    /* margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%; */
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    /* rotate: 90deg; */
    /* background-color: transparent; */
}

.slider-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    /* background-color: var(--primary-color); */
    background-clip: padding-box;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    /* border-top: 10px solid transparent; */
    /* border-bottom: 10px solid transparent; */
    opacity: 1;
    transition: opacity .6s ease
}


.slider-indicators .active {
    opacity: 1;
    width: 70px;
    height: 12px;
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    border-radius: 10px;
    animation-name: active;
    animation-duration: 0.3s;
    animation-timing-function: linear;
}

@keyframes active {
    0% {
        /* opacity: 0.5; */
        width: 12px;
        height: 12px;
    }

    100% {
        /* opacity: 1; */
        width: 70px;
        height: 12px;

    }
}

/* Desktop version heading */
.success-of-gratitude-heading-one{
    display: block;
}
@media only screen and (min-width:320px) and (max-width:1199px){
    .success-of-gratitude-heading-one{
        display: none;
    }
}


/* Minilaptop and mobile version heading */
.success-of-gratitude-heading-two{
    display: none;
}
@media only screen and (min-width:320px) and (max-width:1199px){
    .success-of-gratitude-heading-two{
        display: flex;
    }
    
}


@media only screen and (min-width:821px) and (max-width:991px){

    .slider-prev-button{
        position: absolute;
        top:50% !important;
        left: -15%;
    }
    
    .slider-next-button{
        position: absolute;
        top:50% !important;
        right: -15%;
    }
}



@media only screen and (min-width:320px) and (max-width:767px){

/* Common-card-shadow */
.testimonial-card-shadow{
    /* box-shadow: 0px 0px 0px 5px 7px rgba(255, 0, 0); */
        box-shadow: inset 0px -2px 7px rgba(0, 0, 0, 0.1);
}

.col-checking{
    width: 95%;
}

}



@media only screen and (min-width:768px) and (max-width:820px){

    /* #success-and-gratitude{
        height: 100vh;
    } */

    .slider-prev-button{
        position: absolute;
        top:50% !important;
        left: -9%;
    }
    
    .slider-next-button{
        position: absolute;
        top:50% !important;
        right: -9%;
    }

    .carousel-one{
        width: auto;
    }

    .carousel-one img{
        height: 320px;
        width: 320px;
        object-fit: cover;
        object-position: center;
    }

    .testimonials-content-container{
        /* background-color: red; */
    }

    .testimonial-user-info, .testimonial-desc{
        /* background-color: rgb(152, 152, 110); */
        height: 25%;
    }

    .testimonial-desc{
        height: 75%;
        /* background-color: skyblue; */
        /* margin:20px 0px; */
    }

    .testimonial-desc-content{
        height: 64%;
        display: flex;
        align-items: center;
        /* justify-content: center; */
        /* background-color: yellow; */
    }

    .quote-left, .quote-right{
        height: 18%;
        width: 100%;
        /* background-color: yellow; */
    }
    
}



 @media only screen and (min-width:686px) and (max-width:767px){
    .slider-prev-button{
        position: absolute;
        top:25% !important;
        left: 8%;
        height: 25px;         
        width: 25px; 
        border-radius: 50%;    
        outline:2px solid rgb(0, 0, 0,0.5);
        outline-offset: 4px;    
    }
    .slider-next-button{
        position: absolute;
        top:25% !important;
        right: 8%;
        height: 25px;         
        width: 25px; 
        border-radius: 50%;    
        outline:2px solid rgb(0, 0, 0,0.5);
        outline-offset: 4px;  
    }

    .carousel-one img{
        height: 300px;
        /* width: 300px; */
        width: 100%;
        object-fit:cover;
        object-position: center;
    }

    .slider-indicators {
        height: auto;
        width: 100%;
        position: absolute;
        bottom: -6%;
        left:0%;
        /* background-color: rgba(255, 237, 204, 0.45); */
        padding: 5px;
    }
    .slider-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 10px;
        height: 10px;
    }
    .slider-indicators .active {
        opacity: 1;
        width: 50px;
        height: 10px;
        background-color: var(--primary-color);
        border: 2px solid var(--primary-color);
        border-radius: 10px;
        animation-name: active;
        animation-duration: 0.2s;
        animation-timing-function: linear;
    }



    .success-and-gratitude-container{
        height: auto;
        /* background-color: rgb(237, 220, 255); */
    }

} 




 @media only screen and (min-width:320px) and (max-width:687px){
/* 
    .slider-prev-button{
        position: absolute;
        top:75% !important;
        left: -12%;
    }
    .slider-next-button{
        position: absolute;
        top:75% !important;
        right: -12%;
    } */

    .carousel-one img{
        height: 300px;
        width: 100%;
        object-fit:cover;
        object-position:  center;
    }


    .slider-indicators {
        height: auto;
        width: 100%;
        position: absolute;
        bottom: -6%;
        left:0%;
        /* background-color: rgba(255, 237, 204, 0.45); */
        padding: 5px;
    }
    .slider-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 10px;
        height: 10px;
    }
    .slider-indicators .active {
        opacity: 1;
        width: 50px;
        height: 10px;
        background-color: var(--primary-color);
        border: 2px solid var(--primary-color);
        border-radius: 10px;
        animation-name: active;
        animation-duration: 0.2s;
        animation-timing-function: linear;
    }


    .success-and-gratitude-container{
        height: auto;
        /* background-color: rgb(182, 208, 157); */
    }

} 


 @media only screen and (min-width:320px) and (max-width:687px){
    .slider-prev-button{
        position: absolute;
        top:25% !important;
        left: 8%;
        height: 20px;         
        width: 20px; 
        border-radius: 50%;    
        outline:2px solid rgb(0, 0, 0,0.5);
        /* outline:2px solid #27AAE2; */
        /* background-color: #27AAE240; */
        outline-offset: 3px;    
    }
    .slider-next-button{
        position: absolute;
        top:25% !important;
        right: 8%;
        height: 20px;         
        width: 20px; 
        border-radius: 50%;    
        outline:2px solid rgb(0, 0, 0,0.5);
        outline-offset: 3px;  
    }
 }    


 /* @media only screen and (min-width:500px) and (max-width:600px){
    .slider-prev-button{
        position: absolute;
        top:25% !important;
        left: 8%;
        height: 20px;         
        width: 20px; 
        border-radius: 50%;    
        outline:2px solid rgb(0, 0, 0,0.5);
        outline-offset: 4px;    
    }
    .slider-next-button{
        position: absolute;
        top:25% !important;
        right: 8%;
        height: 20px;         
        width: 20px; 
        border-radius: 50%;    
        outline:2px solid rgb(0, 0, 0,0.5);
        outline-offset: 4px;  
    }
 }     */







 /* @media only screen and (min-width:320px) and (max-width:599px){ */
/* 
    
    .slider-prev-button{
        position: absolute;
        top:75% !important;
        left: -12%;
    }
    .slider-next-button{
        position: absolute;
        top:75% !important;
        right: -12%;
    } */