.mid-container{
    max-width: 1780px;
    margin: 0 auto;
    padding: 0 30px;
    width: 100%;
	}
.header_button_main.view-all-review-button {
    text-align: center;
    margin-top: 20px;
}
.section_title_wapper.testimonial-heading-new-wapper {
    text-align: center;
}

.section_title_wapper.testimonial-heading-new-wapper .section_top_title {
    justify-content: center;
}

.section_title_wapper.testimonial-heading-new-wapper .section_top_title::before {
    content: none;
}


.logo-section {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f7fa;
	position:relative;
}

.logo-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
  animation: scroll-up 10s linear infinite;
}

@keyframes scroll-up {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

.logo-row {
  display: flex;
  justify-content: center;
  gap: 90px;
}

.logo-row:nth-child(even) {
     margin-left: 280px;
}
.logo-client-wapper {
    height: 600px;
    overflow: hidden;
}

section.logo-section.section-space-t-b {
    background: #EFF2F6;
    position: relative;
    padding-bottom: 0;
}
section.logo-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(
0deg, rgba(239, 242, 246, 0.00) 0%, #EFF2F6 80.36%);
    z-index: 1;
}
section.logo-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg, rgba(239, 242, 246, 0.00) 0%, #EFF2F6 80.36%);
}
.logo-box {
     width: 330px;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.logo-box img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}





.video-review-card-r-text {
    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.18px;
    text-transform: uppercase;
    text-align: center;
}
/* ---------------------------------------------------- */

.metrics {
  background-color: #EFF2F6;
  display: flex;
  justify-content: center;
}

.metrics__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
}

/* === Metric Card === */
.metric-card {
    text-align: center;
    flex: 1 1 200px;
    max-width: 272px;
    padding: 38px 20px;
    transition: transform 0.3s ease;
    border-radius: 16px;
    border: 1px solid #ECECEC;
    background: #FFF;
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
    border: 1px solid #85858547;
}

.metric-card:hover {
  transform: translateY(-5px);
}

.metric-card__value {
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    background: var(--Gradient, linear-gradient(147deg, #F28E02 30.89%, #F2B25A 87.42%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	margin-bottom:7px;
}

.metric-card__label {
    color: #000;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
	    margin-top: 7px;
}
span.border-metrix-devide {
    display: block;
    background: linear-gradient(90deg, rgba(49, 49, 49, 0.00) 0%, #313131 65.64%, rgba(49, 49, 49, 0.00) 100%);
    width: 100%;
    max-width: 70%;
    height: 1px;
    margin: 0 auto;
}


.ratings-grid a.rating-card.Google {
    border-bottom: 4px solid #ea4335;
}





/* Duplicate content container for smooth infinite loop */
.schedule-contact-wapper-flex {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    border-radius: 24px;
    border: 1px solid rgba(206, 206, 206, 0.50);
    padding: 60px;
}

.schedule-contact-wapper-flex-left {
    width: 50%;
}

.schedule-contact-wapper-flex-right {
    width: 50%;
}

.schedule-contact-wapper-l-inner-title h2 {
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    background: var(--Gradient, linear-gradient(147deg, #F28E02 30.89%, #F2B25A 87.42%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 24px;
}

.schedule-contact-wapper-l-inner-disc {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 32px;
    text-transform: lowercase;
}

.schedule-contact-wapper-l-inner-img {
    margin-bottom: 24px;
    border-radius: 4px;
    overflow: hidden;
}

.schedule-contact-wapper-l-inner-form .contact-form-wrapper label {
    color: #000;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
	margin-bottom:10px;
	display:block ;
}

.schedule-contact-wapper-l-inner-form .contact-form-wrapper .form-row {
    display: flex;
    width: auto;
    gap: 32px;
    width: 100%;
}

.contact-form-wrapper .form-group.half p {display: block;}

.schedule-contact-wapper-l-inner-form .contact-form-wrapper span.wpcf7-form-control-wrap input, .schedule-contact-wapper-l-inner-form .contact-form-wrapper span.wpcf7-form-control-wrap textarea {border-radius: 8px;border: 1px solid #DDD;background: var(--White-White-20, #F8F9FA);width: 100%;flex-shrink: 0;padding: 18px 18px;font-size: 15px;    transition: 0.4s;}
.schedule-contact-wapper-l-inner-form .contact-form-wrapper span.wpcf7-form-control-wrap input:focus{
    border-color: #000000;
}
.schedule-contact-wapper-l-inner-form .contact-form-wrapper span.wpcf7-form-control-wrap textarea:focus  {
	 border-color: #000000;
}

.schedule-contact-wapper-l-inner-form .contact-form-wrapper .form-row .form-group.full p {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.schedule-contact-wapper-l-inner-form .contact-form-wrapper .form-row .form-group.full {
    width: 100%;
}
.schedule-contact-wapper-l-inner-form .contact-form-wrapper span {
    margin: 0;
}
.schedule-contact-wapper-flex-right-inner {
    padding: 0 90px;
}

.schedule-contact-wapper-flex-left-inner {padding-right: 68px;border-right: 1px solid rgba(206, 206, 206, 0.50);height: 100%;}

.schedule-contact-wapper-l-inner-img img {
    width: 100%;
}



.schedule-contact-wapper-l-inner-button a,  .schedule-contact-wapper-l-inner-form .contact_us_form_submit_button.contact_form_wapper_main p input {
    padding: 15px 38px 15px 38px;
    border-radius: 30px;
    border: 2px solid #313131;
    background-color: #313131;
    letter-spacing: 1px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    text-decoration: none;
    font-family: Inter, sans-serif;
    font-weight: 400;
    line-height: 1;
    z-index: 1111111;
    transition: 0.7s;
	    font-size: 16px;
}
.schedule-contact-wapper-l-inner-form .contact_us_form_submit_button.contact_form_wapper_main p input {
    background: linear-gradient(to right, #313131 50%, #fff 50%);
    background-size: 200% 100%;
    transition: 0.7s;
}
.schedule-contact-wapper-l-inner-form .contact_us_form_submit_button.contact_form_wapper_main p input:hover {
    background-position: right bottom;
    color: #353535;
}
.contact_us_form_submit_button.contact_form_wapper_main p {
    display: flex;
    align-items: center;
    gap: 10px;
}
.schedule-contact-wapper-l-inner-button a::after {
    background: #fff;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    z-index: -1;
    content: "";
    position: absolute;
    transition: 0.7s;
}

.schedule-contact-wapper-l-inner-button a:hover {
    color: #313131 !important;
}

.schedule-contact-wapper-l-inner-button a:hover::after {
    width: 100%;
}


.form-group.half {
margin-bottom: 10px ;
}



/* --------------- service section ---------------------- */
.service_small_container {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 30px;
    width: 100%;
}
.services-container {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid #C4C4C4;
    background: #FFF;
    box-shadow: 0 6px 12px 0 rgba(244, 141, 6, 0.08);
}

.services-tabs {
    flex: 1 1 350px;
    background: #fffaf5;
    border-right: 1px solid #f1f1f1;
    display: flex;
    flex-direction: column
}

.services-tabs .tab {
    padding: 40px 40px;
    cursor: pointer;
    border-bottom: 1px solid #C7C7C7;
    transition: all 0.3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
	    background: #F6F4F1;
}

.services-tabs .tab::after {
    content: "\002B";
    color: #555;
    font-weight: 700;
    transition: transform 0.3s ease
}

.services-tabs .tab.active::after {
    content: "\2212";
    color: #fff;
    transform: rotate(180deg)
}

.services-tabs .tab.active {
    background: #F48D06;
    color: #fff
}

.services-content {
    flex: 3 1 600px;
    padding: 30px;
    background: #fff
}

.services-container .tab-content {
    display: none;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease,opacity 0.5s ease
}

.services-container .tab-content.active {
    display: flex;
    opacity: 1;
    max-height: 2000px;
    flex-wrap: wrap;
    gap: 36px;
    
}

.services-container .dit-service-card {
    text-align: center;
    padding: 20px;
    width: 21.9%;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #000;
    border-radius: 8px;
    border: 1px solid #C4C4C4;
    background: #FFF;
    box-shadow: 0 6px 12px 0 rgba(244, 141, 6, 0.08);
}

.dit-service-card:hover {
    box-shadow: 0 4px 10px rgb(0 0 0 / .1);
    transform: translateY(-4px)
}

.dit-service-card img {
    width: 110px;
    height: 110px;
    margin-bottom: 10px;
    object-fit: contain;
}

.dit-service-card p {
    margin: 0;
    color: #000;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px
}


/* ---------- Mobile Layout (Accordion) ---------- */
@media (max-width: 768px) {
  .services-container {
    flex-direction: column;
    border: none;
  }

  .services-tabs { 
    flex-direction: column;
    border-right: none;
    width: 100%;
  }

  .services-tabs .tab {
    width: 100%;
  }

  .services-content {
    flex: 1 1 auto;
    padding: 0;
  }

  .tab-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    background: #fffaf5;
  }

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




/* -------------------------------------------------------------------- */
/* ===== Latest Blog Section ===== */
.dit-latest-blog-section {
  background: #EFF2F6;
}


.dit-blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
}

.dit-blog-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dit-blog-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.dit-blog-thumb img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}

.dit-blog-content {
  padding: 20px;
}

.dit-blog-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 10px;
}

.dit-blog-title a {
  color: inherit;
  text-decoration: none;
}

.dit-blog-title a:hover {
  color: #f58e03;
}

.dit-blog-excerpt {
  color: #555;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 15px;
}

.dit-read-more-btn {
  display: inline-block;
  color: #f58e03;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

.dit-read-more-btn:hover {
  color: #000000;
}

.no-posts-msg {
  text-align: center;
  color: #777;
  font-size: 1rem;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .dit-blog-heading .section-title {
    font-size: 1.6rem;
  }
  .dit-blog-thumb img {
    height: 200px;
  }
}

/* --------------------------------------------------------------------- */





/* Responsive */

@media screen and (max-width: 1920px) {}
@media screen and (max-width: 1699px) {}
@media screen and (max-width: 1679px) {}
@media screen and (max-width: 1599px) {}
@media screen and (max-width: 1549px) {
	.logo-box img {
    max-width: 60%;
    max-height: 60%;
}
	.metric-card__value {
    font-size: 40px;
}
	.metric-card__label {
    font-size: 20px;
}
	.schedule-contact-wapper-flex-right-inner {
    padding: 0 70px;
}
	.schedule-contact-wapper-l-inner-button a, .schedule-contact-wapper-l-inner-form .contact_us_form_submit_button.contact_form_wapper_main p input {
    padding: 13px 35px 13px 35px;
    font-size: 15px;
}
	.schedule-contact-wapper-l-inner-title h2 {
    font-size: 30px;
}
	.services-tabs .tab {
    padding: 30px 40px;
    font-size: 23px;
}
	.dit-service-card img {
    width: 90px;
    height: 90px;
}
	.dit-service-card p {
    font-size: 16px;
}
}
@media screen and (max-width: 1499px) {
		.schedule-contact-wapper-flex {
    padding: 40px;
}
	.schedule-contact-wapper-flex-right-inner {
    padding: 0 70px;
}
	.schedule-contact-wapper-flex-left-inner {
    padding-right: 58px;

}
	.tab-content.active {
    gap: 32px;
}
	.services-tabs .tab {
    padding: 25px 30px;
		    font-size: 20px;
}
	.dit-service-card {
    padding: 14px;
}
	.dit-service-card p {
    font-size: 14px;
}
}
@media screen and (max-width: 1439px) {
.logo-client-wapper {
    height: 540px;
    overflow: hidden;
}
	section.logo-section::after {
    height: 140px;
}
	section.logo-section::before {
    height: 140px;
}
}
@media screen and (max-width: 1359px) {
	.schedule-contact-wapper-flex-right-inner {
    padding: 0 0 0 48px;
}
		.schedule-contact-wapper-flex-left-inner {
    padding-right: 48px;

}
	.tab-content.active {
    gap: 28px;
    /* justify-content: space-around; */
}
}
@media screen and (max-width: 1279px) {
	.schedule-contact-wapper-l-inner-title h2 {
    font-size: 30px;
}
	.logo-box img {
    max-width: 80%;
    max-height: 60%;
}
	.logo-box {
    width: 300px;
    height: 130px;
}
	.logo-row:nth-child(even) {
    margin-left: 130px;
}
	.metric-card {
    flex: 1 1 225px;
    padding: 32px 10px;
}
	.schedule-contact-wapper-l-inner-title h2 {
    font-size: 27px;
}
	.schedule-contact-wapper-l-inner-disc {
    font-size: 15px;
}
	.schedule-contact-wapper-flex-left-inner {
    padding-right: 40px;
}
	.schedule-contact-wapper-flex {
    padding: 30px;
}
	.schedule-contact-wapper-l-inner-button a, .schedule-contact-wapper-l-inner-form .contact_us_form_submit_button.contact_form_wapper_main p input {
    padding: 14px 30px 14px 30px;
    font-size: 14px;
}
	.schedule-contact-wapper-l-inner-form .contact-form-wrapper label {
    font-size: 14px;
    margin-bottom: 5px;
}
	.schedule-contact-wapper-flex-right-inner {
    padding: 0 0 0 40px;
}
	.form-row:not(:last-child) {
    margin-bottom: 20px;
}
	.dit-service-card img {
    width: 60px;
    height: 60px;
}
	.tab-content.active {
    gap: 19px;
    /* justify-content: space-around; */
}
	.dit-service-card {
    width: 30%;
}
}
@media screen and (max-width: 1023px) {
		.contact-form-wrapper .form-row:not(:last-child) {
    margin-bottom: 30px;
}
}
@media screen and (max-width: 991px) {
	 
	.logo-row { flex-wrap: wrap; justify-content: center; }
  .logo-row:nth-child(even) { margin-left: 0; }
	.schedule-contact-wapper-flex {
    padding: 25px;
}
		.schedule-contact-wapper-flex-right-inner {
    padding: 0 ;


}
		.schedule-contact-wapper-flex-left-inner {
    padding-right: 0;
						margin-bottom: 30px ;
						border: none ;

}
		.schedule-contact-wapper-flex-left , .schedule-contact-wapper-flex-right {
    width: 100%;
}
	.logo-box img {
    max-width: 90%;
    max-height: 70%;
}
	.logo-box {
    width: 120px;
    height: auto;
}
	.logo-row {
    gap: 70px;
}
	.logo-client-wapper {
    height: 470px;
    overflow: hidden;
}
}
@media screen and (max-width: 819px) {
.schedule-contact-wapper-l-inner-title h2 {
    font-size: 23px;
}
	.metric-card {
    flex: 1 1 220px;
    padding: 32px 10px;
}
}
@media screen and (max-width: 767px) {}
@media (max-width: 600px) {
  .metric-card {
    flex: 1 1 45%;
  }
  .metric-card__value {
    font-size: 30px;
  }
	.schedule-contact-wapper-l-inner-form .contact-form-wrapper .form-row {
    display: block;
}
	.contact-form-wrapper .form-row:not(:last-child) {
    margin-bottom: 15px;
}
	.logo-box {
    width: 140px;
    height: auto;
}
	.logo-box img {
    max-width: 100%;
    max-height: 80%;
}
	section.video-banner-section .video-banner-flex {
    min-height: 80vh;
}
}
@media screen and (max-width: 574px) {
	.services-container .dit-service-card {
    width: 30.9%;
  
}
	.services-container .tab-content.active {
    gap: 11px;
}
	.logo-row {
    gap: 40px;
}
	.logo-client-wapper {
    height: 420px;
    overflow: hidden;
}
	section.logo-section::before {
    height: 90px;
}
	section.logo-section::after {
    height: 90px;
}
	.logo-box {
    width: 130px;
    height: auto;
}
	.schedule-contact-wapper-l-inner-img {
    margin-bottom: 12px;
}
	.schedule-contact-wapper-l-inner-disc {
    margin-bottom: 20px;
}
	.schedule-contact-wapper-l-inner-form .contact-form-wrapper span.wpcf7-form-control-wrap input, .schedule-contact-wapper-l-inner-form .contact-form-wrapper span.wpcf7-form-control-wrap textarea {
    padding: 16px 18px;
}
	.form-group.half {
    margin-bottom: 15px;
}
	.services-tabs .tab {
    padding: 18px 21px;
    font-size: 17px;
}
	.dit-service-card img {
    width: 50px;
    height: 50px;
}
	.dit-service-card p {
    font-size: 12px;
}
	.dit-service-card {
    width: 47%;
}
	.service_small_container {
    padding: 0 15px;
}
}
@media screen and (max-width: 424px) {
	.services-container .dit-service-card {
    width: 47.9%;
}
	.metrics__grid {
    gap: 17px;
}
	.metric-card {
    padding: 25px 10px;
}
	.metric-card__label {
    font-size: 14px;
}
	.schedule-contact-wapper-flex-right .contact_us_form_submit_button.contact_form_wapper_main span.wpcf7-spinner {
    flex: none;
}
	.schedule-contact-wapper-flex .schedule-contact-wapper-flex-right .wpcf7-response-output {
    font-size: 13px;
}
	.tab-content.active {
    gap: 9px;
}
	.dit-service-card {
    padding: 9px;
}
}
@media screen and (max-width: 374px) {
	.logo-box {
    width: 100px;
    height: auto;
}
	.logo-client-wapper {
    height: 370px;
    overflow: hidden;
}
	.schedule-contact-wapper-flex {
    padding: 20px;
}
	.schedule-contact-wapper-l-inner-button a, .schedule-contact-wapper-l-inner-form .contact_us_form_submit_button.contact_form_wapper_main p input {
    padding: 10px 25px 10px 25px;
    font-size: 13px;
}
	.schedule-contact-wapper-l-inner-form .contact-form-wrapper span.wpcf7-form-control-wrap input, .schedule-contact-wapper-l-inner-form .contact-form-wrapper span.wpcf7-form-control-wrap textarea {
    padding: 13px 18px;
}
	.services-container .dit-service-card {
    width: 46.9%;
}
}
@media screen and (max-width: 319px) {}

.schedule-contact-wapper-l-inner-form .contact-form-wrapper label span.requred {
    font-weight: 300;
    color: red;
    margin-left: 3px;
}