.mega-border {
  box-shadow: 0 0.55rem 1rem rgb(0 96 57) !important;
  border-radius: 8px !important;
  border-top: 3px solid #006039 !important;
  position: relative;   /* important for z-index */
  z-index: 10;
}

/* ============================================
   Blog Content Styling - .description_box
   Optimized for WordPress REST API content
   Theme Color: #006039
   ============================================ */

/* --- Theme Variables --- */
.description_box {
  --color-text: #222;
  --color-muted: #666;
  --color-bg-soft: #f0f9f5; /* soft greenish bg based on theme */
  --color-accent: #006039; /* your theme green */
  --color-border: #e0e0e0;

  font-size: 0.8rem;
  line-height: 1.75;
  color: var(--color-text);
}

/* --- Paragraphs --- */
.description_box p {
  margin: 0 0 1.1em;
}

/* Post Date */
.description_box .post-date {
  font-size: 0.9rem;
  color: var(--color-muted);
  margin-bottom: 1rem;
}

/* --- Headings --- */
.description_box h1,
.description_box h2,
.description_box h3,
.description_box h4,
.description_box h5,
.description_box h6 {
  font-weight: 700;
  line-height: 1.3;
  margin: 1.8em 0 0.6em;
  color: var(--color-text);
}

.description_box h1 { font-size: 2rem; }
.description_box h2 { font-size: 1.75rem; }
.description_box h3 { font-size: 1.4rem; }
.description_box h4 { font-size: 1.2rem; }
.description_box h5 { font-size: 1rem; }
.description_box h6 { font-size: 0.95rem; color: var(--color-muted); }

/* WP block heading style */
.description_box .wp-block-heading {
      padding: 10px 10px 10px 5px;
  border-left: 4px solid var(--color-accent);
  background-color: var(--color-bg-soft);
  border-radius: 4px;
}

/* --- Text Formatting --- */
.description_box strong { font-weight: 500; }
.description_box em { font-style: italic; }

/* --- Horizontal Rules --- */
.description_box hr,
.description_box .wp-block-separator {
  border: 0;
  border-top: 1px solid var(--color-border);
  margin: 2rem 0;
}

/* --- Lists --- */
.description_box ul,
.description_box ol {
  padding-left: 1.25rem;
  margin-bottom: 1.1em;
}
.description_box li { margin: 0.35em 0; }

/* --- Blockquotes --- */
.description_box blockquote {
  padding: 12px 16px;
  background: var(--color-bg-soft);
  border-left: 4px solid var(--color-accent);
  border-radius: 4px;
  margin: 1.5rem 0;
  color: var(--color-text);
  font-style: italic;
}

/* --- Media --- */
.description_box img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}
.description_box iframe {
  max-width: 100%;
  border: none;
}

/* --- Author Line --- */
.description_box p strong:has(+ em) {
  display: block;
  margin-top: 1.5rem;
  font-size: 0.95rem;
  color: var(--color-muted);
}

/* --- Responsive Tweaks --- */
@media (max-width: 576px) {
  .description_box { font-size: 0.96rem; }
  .description_box h1 { font-size: 1.8rem; }
  .description_box h2 { font-size: 1.5rem; }
}




/* arranglelailgnemt correct  */

  .contact_form_box_all.type_four label i {
            top: 50px;
            right: 10px;

        }

        @media (max-width: 767px) {

            .header_v13 .logo img,
            .header_v14 .logo img,
            .header_v17 .logo img {
                width: 100% !important;
            }
        }



        
#Clients .swiper-slide .image {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

#Clients .swiper-slide img {
    max-width: 140px; 
    height: auto;
}
#Clients .slider_row {
    padding-left: 90px;
    padding-right: 90px;
}

#Clients .swiper-slide .image {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}

#Clients .swiper-slide img {
    width: 100%;
    max-width: 140px;   
    object-fit: contain;
}
               .service_carousel.style_one .content .icon_box img {
                   width: 65px;
               }
                .client_logo_carousel.type_one .swiper-slide .image, 
.client_logo_carousel.type_one .owl-item .image {
    padding: 14px;
}
.client_logo_carousel .swiper-slide .image {
    perspective: 1000px;
}
.client_logo_carousel .swiper-slide .image img {
    border-radius: 8px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    background: #fff;
}
.client_logo_carousel .swiper-slide .image img:hover {
    transform: translateY(-6px) rotateX(2deg);
    box-shadow: 0 16px 30px rgba(0,0,0,0.25);
}

.client_logo_carousel .slider_row {
    margin-bottom: 20px;
}

/* testimonial box */
@media (max-width: 768px) {

  .testimonial_sec.style_two .testimonial_box .authour_image img {
    width: 100% !important;
    max-width: 80px;
    height: auto !important;
    object-fit: contain;
  }

  .testimonial_box {
    padding: 20px;
  }

  .authour_image {
    width: 80px;
    margin: 0 auto;
  }

  .authour_image img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .comment {
    font-size: 15px;
    padding: 0 10px;
  }

  .auth_details h2 {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .auth_details span {
    font-size: 14px;
    color: #666;
  }

  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }

  .single_swiper,
  .single_swiper_tab {
    padding: 0 10px;
  }

}
           
.dot { 
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.dot-3 {
  background-color: #006039;
  animation: dot-3-move 2s ease infinite, index 6s ease infinite;
}

.dot-2 {
  background-color: #8a171a;
  animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite;
}

.dot-1 {
  background-color: #292D7E;
  animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite;
}

@keyframes dot-3-move {
  20% {transform: scale(1)}
  45% {transform: translateY(-18px) scale(.45)}
  60% {transform: translateY(-90px) scale(.45)}
  80% {transform: translateY(-90px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@keyframes dot-2-move {
  20% {transform: scale(1)}
  45% {transform: translate(-16px, 12px) scale(.45)}
  60% {transform: translate(-80px, 60px) scale(.45)}
  80% {transform: translate(-80px, 60px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@keyframes dot-1-move {
  20% {transform: scale(1)}
  45% {transform: translate(16px, 12px) scale(.45)}
  60% {transform: translate(80px, 60px) scale(.45)}
  80% {transform: translate(80px, 60px) scale(.45)}
  100% {transform: translateY(0px) scale(1)}
}

@keyframes rotate-move {
  55% {transform: translate(-50%, -50%) rotate(0deg)}
  80% {transform: translate(-50%, -50%) rotate(360deg)}
  100% {transform: translate(-50%, -50%) rotate(360deg)}
}

@keyframes index {
  0%, 100% {z-index: 3}
  33.3% {z-index: 2}
  66.6% {z-index: 1}
}

/* ============================================
   END SKELETON LOADING STYLES
   ============================================ */




    /* Base Badge */
.custom-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #222;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.4;
    word-break: break-word;
    white-space: normal;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
        margin-bottom: 20px;
}

/* Hover Effect */
.custom-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* Variants */
.custom-badge.primary {
    background: #0d6efd;
    color: #fff;
}

.custom-badge.success {
    background: #198754;
    color: #fff;
}

.custom-badge.warning {
    background: #ffc107;
    color: #000;
}

.custom-badge.dark {
    background: #212529;
    color: #fff;
}

/* Outline Variant */
.custom-badge.outline {
    background: transparent;
    border: 1px solid #ddd;
    color: #333;
}

/* Rounded Pill */
.custom-badge.pill {
    border-radius: 50px;
}