/* scroll images start */
.scrolling_images_container, .carousel_slide {background-color: #22572a; max-width: 100%; min-width: 100%;  min-height: 75vh; max-height: 75vh; height: 75vh; }
.scrolling_images { max-width: 100%; min-width: 100%; min-height: 100%; max-height: 100%; height: 100%; }
.carousel_slide{display: none; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; opacity: 0;}
.carousel_slide.active{ display: block; opacity: 1;}
.carousel_dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; }
.dot { width: 10px; height: 10px; border-radius: 50%; background: #ccc; cursor: pointer; }
.dot.active { background: #333; }
.scrolling_images_container{position: relative; overflow: hidden;}
/* scroll images end */

.container_one, .container_two_img_para, .container_three, .services_parent_container{padding-top: 1.5rem; background-color: #D1D2C4; line-height: 2;}
.services_parent_container{padding-bottom: 1.5rem;}
.container_one, .container_two_img_para, .container_three{padding-left: 0.5rem; padding-right: 0.5rem;}
/* container 2 with img starts */
.container_two_img_para{display: flex;}
.wrapper_img_para{width: 55%;}
.img_container{max-width: 45%; min-width: 45%; max-height: auto; min-height: auto; height: auto;}
.img_in_cont{width: 100%; height: 100%;}
/* container 2 with img ends */

/* services start */
.homepage_services_headings, .services_heading_div{display: flex; align-items: center; justify-content: center;}
.services_wrapper{display: flex; gap:15px; width: 100%; flex-wrap: wrap; justify-content: space-between;}
.services_containers{width: 430px; height: auto; background-color: lightgreen; padding: 0.5rem; opacity: 0; transform: translateY(50px); border: 1px dotted black;
  transition: opacity 0.5s ease, transform 0.5s ease;}
.services_containers.visible { opacity: 1; transform: translateY(0); }
/* services end */

/* reviews section starts */
.customer_reviews_heading_container{text-align: center;} .nav_item.active { background-color: #717171; }
.stars_color{color: #fb8e28; font-size: 1.2rem; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.customer_reviews_heading_container h2{border-bottom: 2px solid black; padding-bottom: 2px; display: inline-block; margin: 1rem;}
.reviews_main_container { position: relative; width: 100%; overflow: hidden;} .reviews_wrapper::-webkit-scrollbar { display: none; }
.reviews_wrapper {  display: flex; transition: transform 0.5s ease-in-out; scroll-behavior: smooth; scroll-snap-type: x mandatory;  overflow-x: auto; -webkit-overflow-scrolling: touch;}
.reviews_wrapper { -ms-overflow-style: none; scrollbar-width: none; } blockquote p {font-size: 0.8rem; line-height: 2;}
.reviews { flex: 0 0 25%; padding: 0.5rem; box-sizing: border-box; scroll-snap-align: start; height: 150px; overflow: scroll;}
.carousel_navigation { display: flex; justify-content: center; align-items: center; }
.arrow { background: none; border: none; font-size: 2rem; cursor: pointer; }
.carousel_nav { display: flex; justify-content: center; align-items: center; margin: 0 10px; }
.nav_item { height: 15px; width: 15px; margin: 0 5px; background-color: #bbb; border-radius: 50%; display: inline-block; cursor: pointer; }
/* reviews section ends */

/* services start */
@media(max-width:1319px){.services_containers{width: 48%;}
/* services end */

@media(max-width:800px){ main{margin-top: 60px; font-size: 0.85rem;} /* font size of main content */
  .scrolling_images_container{top:60px;} /* scroll images */

  .container_two_img_para{flex-direction: column;}
  .wrapper_img_para{width: 100%;}
  .img_container{max-width: 100%; min-width: 100%; max-height: auto; min-height: auto; height: auto;}
}

@media(max-width:1050px){.reviews { flex: 0 0 33.33%;}}
@media(max-width:850px){.reviews { flex: 0 0 50%;}}

/* services start */
@media(max-width:650px){.services_containers{width: 100%;}
/* services end */

@media(max-width:600px){.reviews { flex: 0 0 100%;}}
