/* responsive side bar css */
/* Main CSS Here */

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

:root {
    --primary: #0089B3;
    --secondary: #FD930B;


}

body {
    /* background-color: rgb(237, 230, 230); */
    max-width: 100%;
    overflow-x: hidden;
}

.testimonial-reel {
    margin-bottom: 6rem !important;
    /* margin-top: 4rem; */
}

.testimonial-reel .box {
    position: relative;
    margin-bottom: 30px;
    padding: 30px;
    width: 464px;

}

.testimonial-reel .box .image {
    margin: 0 auto -45px;
    text-align: center;
    padding-top: 30px;
    margin-top: -77px;
    /* padding-bottom: 30px; */
}

.testimonial-reel .box .image img {
    height: 130px;
    margin: 0 auto;

}

.testimonial-reel .box .test-component {
    background-color: #fff;
    padding: 1rem 2.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    min-height: 237px;
    border-radius: 8px;

}

.testimonial-reel .box .test-title {
    font-family: "Open Sans", sans-serif;
    color: #f96d02;
    text-align: center;
    margin-top: 3.3rem;
    margin-bottom: 15px;
}

.testimonial-reel .box .test-content {
    text-align: center;
}

/* .testimonial-reel .slick-slide {
  padding: 0px 30px;


} */

/* .testimonial-reel .slick-slide.slick-cloned {
    opacity: 0.3;
    transition: opacity 0.3s;
    margin-top: 40px;
} */

.testimonial-reel .slick-slide.slick-current.slick-active {
    opacity: 1;
    transition: opacity 0.3s;
    /* background-color: red; */
  margin-top: -30px;


}

.testimonial-reel .slick-slide.slick-current.slick-active .box .test-component {
    background-color: #00B49C;
    color: #fff;

}

.testimonial-reel .slick-slide.slick-current.slick-active .box .test-content {
    color: #fff;
}

.slick-dots {
    bottom: -20px !important;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #0089b3;
}

.slick-dots li button:before {
    font-size: 14px;
}
.slick-list{
    padding: 0px!important;
}
@media screen and (max-width: 600px) {
    .testimonial-reel .box {
        position: relative;
        margin-bottom: 0px !important;
        width: auto;

    }
    .testimonial-serives .box {
        position: relative;
        margin-bottom: 0px !important;
        width: auto;

    }
    .testimonial-serives .box .box-main {
        background-color: #fff;
        padding: 1rem 2.5rem;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        width:100%!important;
        border-radius: 30px;
        height:auto;

    }
}
@media screen and (max-width: 991px) {
    .testimonial-reel .box {
        position: relative;
        margin-bottom: 0px !important;
        width: auto;

    }
    .testimonial-serives .box {
        position: relative;
        margin-bottom: 0px !important;
        width: auto;

    }
    .testimonial-serives .slick-slide.slick-current.slick-active {
        opacity: 1;
        transition: opacity 0.3s;
        /* background-color: red; */
      margin-top: 0px;


    }
    .testimonial-reel .slick-slide.slick-current.slick-active {
        opacity: 1;
        transition: opacity 0.3s;
        /* background-color: red; */
      margin-top: 0px;


    }

    .testimonial-reel .slick-slide.slick-current.slick-active .box .test-component {
        background-color: #fff;
        color: #000;
        /* padding-top: -40px; */
    }
    .testimonial-reel .slick-slide.slick-current.slick-active .box .test-content {
        color: #000;
    }
    .testimonial-serives .box .box-main {
        background-color: #fff;
        padding: 1rem 2.5rem;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        width:100%!important;
        border-radius: 30px;
        height:auto;

    }
}


  .blog-wrapper {

    overflow: hidden;
    border: 1px solid #EBEEF3;
    transition: 0.3s;
    margin: 20px;
    border-radius: 10px;
    position: relative;
  }
  .blog-wrapper:hover {
    border: 1px solid transparent;
    background: #fff;
  }
  .blog-inner {
    overflow: hidden;
  }



  .custom-row {
    margin: 0 -15px;

  }

  /* .navheader  li.active a {
    color:var(--secondary);

} */

/* .testimonial-serives {
    margin-bottom: 6rem !important;
    margin-top: 0rem;

} */

.testimonial-serives .box {
    /* position: relative; */
    margin-bottom: 30px;
    padding: 30px;
    /* width: 464px; */

}



/* .testimonial-serives .box .image img {
    height: 130px;
    margin: 0 auto;

} */

.testimonial-serives .box .box-main {
    background-color: #fff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    width: 376px;
    border-radius: 30px;
    height: 441px;
    border-bottom: 3px solid var(--secondary);

}





.testimonial-serives .slick-slide.slick-current.slick-active {
    opacity: 1;
    transition: opacity 0.3s;
    /* background-color: red; */
  margin-top: -50px;


}

.testimonial-serives .slick-slide.slick-current.slick-active .box .box-main {
    background-color:#70bdd438;
    color: #fff;
    border-bottom: 3px solid #fff;
    /* padding-top: -40px; */
}
.testimonial-serives .slick-slide.slick-current.slick-active .box .box-main .heading {

    color: #fff;

}
.testimonial-serives .slick-slide.slick-current.slick-active .box .box-main .paragraph {

    color: #fff;

}

nav>.active>a, .nav>.active>a:focus
    {
     color: var(--secondary);
     border-bottom: 2px solid var(--secondary);
    }