@keyframes arrowMove {
     0% {
         transform: translateX(0);
     }

     50% {
         transform: translateX(6px);
     }

     100% {
         transform: translateX(0);
     }
 }

 @media(max-width:991px) {
     .hero-img {
         position: relative;
         width: 100%;
         height: 320px;
         margin-top: 30px;
     }

     .hero {
         /* padding: 50px 0 0; */
         min-height: auto;
     }

     .stat-sep {
         display: none;
     }
 }

 @media(max-width:767px) {
     .top-bar .top-right {
         display: none;
     }

     section {
         padding: 50px 0;
     }

     .hero h1 {
         font-size: 28px;
     }
 }

 /* blog-section */
 @media (max-width: 768px) {

     .outer-card {
         display: flex;
         flex-direction: column;
         padding: 14px;
         gap: 12px;

         /* 🔥 professional spacing */
         margin-bottom: 18px;

         border-radius: 12px;
         box-sizing: border-box;
     }

     .inner-img-card {
         width: 100%;
         height: auto;
         aspect-ratio: 16 / 9;
         border-radius: 10px;
         overflow: hidden;
     }

     .inner-img-card img {
         width: 100%;
         height: 100%;
         object-fit: cover;
     }

     .blog-text {
         padding: 0 2px;
         gap: 8px;
     }

     .blog-title {
         font-size: 18px;
         line-height: 1.4;
         font-weight: 600;
         margin: 0;
     }

     .blog-desc {
         font-size: 13px;
         line-height: 1.6;
         margin: 0;
         color: #6b7280;
     }
 }

 /* clients-section */
 @media (max-width: 768px) {

     .clients-section {
         padding: 40px 0;
     }

     .clients-row {
         margin-bottom: 15px;
     }

     .client-card {
         padding: 18px 12px;
         border-radius: 8px;
     }

     .client-card img {
         max-height: 60px;
         width: auto;
     }
 }

 @media (max-width: 576px) {

     .clients-row>div {
         flex: 0 0 100%;
         max-width: 100%;
     }

     .clients-row {
         padding: 0 15px;
         margin-bottom: 15px;
     }

     .client-card {
         padding: 16px 12px;
         border-radius: 8px;
         width: 100%;
     }

     .client-card img {
         max-height: 100px;
         width: auto;
         display: block;
         margin: 0 auto;
     }

     .client-card:hover img {
         transform: none;
     }
 }

 /* certification-info */
 @media (max-width: 576px) {

     /* Fix Bootstrap row overflow issue */
     .row {
         margin-left: 0;
         margin-right: 0;
     }

     .cert-card-wrap {
         padding-left: 12px;
         padding-right: 12px;
         margin-bottom: 22px;
     }

     .cert-card {
         width: 100%;
         padding: 12px;
         border-radius: 10px;
         box-sizing: border-box;
     }

     .cert-card .cert-img {
         width: 100%;
         height: auto;
         object-fit: cover;
         object-position: top;
         display: block;
     }

     .cert-card .cert-label {
         margin-top: 10px;
         padding: 10px;
         font-size: 14px;
     }

     .cert-card:hover {
         transform: none;
         box-shadow: none;
     }
 }

 /* service-section */
 @media (max-width: 576px) {

     .iso-logo-wrap img {
         max-width: 90%;
         margin: 0 auto 20px;
         display: block;
     }

     .orange-box {
         padding: 18px 14px;
         font-size: 14px;
         line-height: 1.6;
         border-radius: 10px 10px 0 0;
     }

     .form-card {
         padding: 26px 14px 40px;
         border-radius: 10px;
     }

     .form-card-title {
         font-size: 17px;
         margin-bottom: 16px;
         line-height: 1.4;
         text-align: center;
     }

     .btn-contact-us,
     .btn-submit {
         width: auto;
         max-width: 220px;
         margin: 18px auto 0;
         padding: 12px 16px;
         font-size: 14px;
         justify-content: center;
         height: auto;
         border-radius: 6px;
         display: flex;
         text-align: center;
     }

     .iso-body p {
         font-size: 14px;
         line-height: 1.7;
         margin-bottom: 12px;
         text-align: justify;
     }
 }

 /* nabl-section */
 @media (max-width: 576px) {

     .nabl-section {
         font-size: 14px;
         line-height: 1.7;
         padding: 0 14px;
     }

     .nabl-list {
         display: flex;
         flex-direction: column;
         gap: 16px;
         /* 🔥 clean spacing */
         margin: 20px 0;
     }

     .nabl-list ul {
         padding-left: 18px;
     }

     .nabl-list li {
         margin-bottom: 8px;
     }
 }

 /* sei-cmmi section */
 @media (max-width: 576px) {

     .sub-list {
         padding-left: 0;
         margin-top: 8px;
     }

     .sub-list li {
         display: flex;
         align-items: flex-start;
         gap: 2px;
         margin-bottom: 10px;
         font-size: 14px;
         line-height: 1.6;
     }

     .sub-list li::before {
         content: "0." counter(main) "." counter(sub) ". ";
         flex-shrink: 0;
         min-width: 32px;
         font-size: 13px;
         font-weight: 500;
         position: static;
     }
 }

 /* gold-recovery section */
 @media (max-width: 576px) {
     .gold-box {
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 16px;
         padding: 0 14px;
         margin-top: 20px;
     }

     .gold-img img {
         width: 80%;
         max-width: 260px;
         height: auto;
         display: block;
         margin: 0 auto;
     }

     .gold-text {
         width: 100%;
         padding: 16px;
         border-radius: 12px;
         font-size: 14px;
         line-height: 1.7;
         text-align: justify;
     }

     .iso-body p {
         font-size: 14px;
         line-height: 1.7;
         margin-bottom: 14px;
         text-align: justify;
     }

     .iso-body ol {
         margin-left: 18px;
         margin-bottom: 18px;
         font-size: 14px;
         line-height: 1.7;
     }
 }

 /* digital e-learning */
 @media (max-width: 576px) {

     .iso-section h1,
     .iso-section h2,
     .iso-section h3,
     .iso-section p {
         font-size: 14px !important;
         margin: 6px 0;
         text-align: left;
         line-height: 1.6;
     }

     .iso-layout {
         flex-direction: column;
         padding: 0 16px;
         gap: 25px;
     }

     .iso-right {
         width: 100%;
         margin-top: 0;
         gap: 20px;
     }

     /* ORANGE BOX */
     .orange-box {
         padding: 28px 16px;
         font-size: 14px;
         line-height: 1.6;
     }

     .form-card {
         padding: 28px 16px 60px;
     }

     .form-card-title {
         font-size: 18px;
         margin-bottom: 20px;
     }

     .f-label {
         font-size: 14px;
     }

     .f-input {
         font-size: 14px;
         padding: 10px 12px;
     }

     textarea.f-input {
         min-height: 90px;
     }

     .btn-submit {
         width: 100%;
         padding: 10px;
     }

     .btn-contact-us {
         width: 100%;
         padding: 18px;
         font-size: 14px;
         justify-content: center;
         margin-top: 20px;
     }

     .iso-logo-wrap {
         flex-direction: column;
         padding: 20px;
         margin: 10px auto;
         text-align: center;
     }

     .iso-logo-wrap1 {
         flex-direction: column;
         align-items: center;
         justify-content: center;
         padding: 25px 16px;
         gap: 16px;
         margin: 15px 12px;
         border-radius: 10px;
     }

     .iso-logo-wrap1 img:first-child,
     .iso-logo-wrap1 img:last-child {
         width: 100%;
         max-width: 320px;
         height: auto;
         margin: 0;
     }
 }

 /* real-life-inspirational-stories-of-achievers.php */
 @media (max-width: 992px) {

     .blog-image img {
         width: 100%;
     }

     .blog-wrapper hr {
         width: 100%;
     }

     .related-card {
         min-width: calc((100% - 20px) / 2);
     }

     .slider-track {
         gap: 20px;
     }
 }

 @media (max-width: 576px) {

     .hero-flex {
         flex-direction: column;
         align-items: flex-start;
         gap: 15px;
     }

     .hero-right {
         text-align: left;
     }

     .hero-left h1 {
         font-size: 22px;
     }

     .blog-image img {
         width: 100%;
     }

     .comment-block h3,
     .comment-box,
     .related-title {
         margin-left: 0;
     }

     .blog-wrapper hr {
         width: 100%;
     }

     .related-card {
         min-width: 100%;
     }

     .slider-track {
         gap: 0;
     }

     .card-content {
         flex-direction: column;
         gap: 8px;
     }

     .date-box {
         display: flex;
         gap: 5px;
     }

     .comment-form input,
     .comment-form textarea {
         width: 100%;
     }
 }

 /* why-fire-safety-audit-is-important.php */
 @media (max-width: 992px) {

     .blog-content-block {
         max-width: 100%;
         padding: 0 20px;
     }

     .blog-content-block h2,
     .blog-content-block p,
     .blog-content-block ul {
         margin-left: 0;
     }

     .blog-content-block h2 {
         font-size: 28px !important;
     }
 }

 @media (max-width: 576px) {

     .blog-content-block {
         margin: 20px auto;
         padding: 0 15px;
     }

     .blog-content-block h2 {
         font-size: 22px !important;
         line-height: 1.4;
         margin-bottom: 20px;
     }

     .blog-content-block p,
     .blog-content-block ul {
         font-size: 14px !important;
         line-height: 1.7;
         margin-left: 0;
     }

     .blog-content-block ul {
         padding-left: 18px;
     }
 }

 /* top-26-lean-tools.php */
 @media (max-width: 992px) {

     .lean-image img {
         margin-left: 0;
         max-width: 100%;
     }

     .lean-image-history img {
         margin-left: 0 !important;
         max-width: 100%;
     }

     .lean-content h3 {
         margin-left: 0;
     }

     .lean-content ul {
         margin-left: 0;
         padding-left: 20px;
     }
 }

 @media (max-width: 576px) {

     .lean-section {
         margin: 20px auto;
         padding: 0 15px;
     }

     .lean-image img,
     .lean-image-history img {
         margin-left: 0 !important;
         width: 100%;
         max-width: 100%;
     }

     .lean-content h3 {
         font-size: 15px !important;
         margin-left: 0;
         line-height: 1.5;
     }

     .lean-content ul {
         font-size: 14px;
         line-height: 1.7;
         margin-left: 0;
         padding-left: 18px;
     }

     .lean-content ul li {
         margin-bottom: 12px;
     }
 }

 /* us-sewage-plants-reveal-medicine-removal-methods.php */
 @media (max-width: 768px) {

     .sewage-content p {
         font-size: 14px !important;
         line-height: 1.7;
         text-align: left;
     }

     .sewage-content>p {
         margin-top: 15px;
     }

     .two-col-section {
         flex-direction: column;
         gap: 20px;
         margin: 30px auto;
     }

     .two-col-image img {
         width: 100%;
         height: auto;
     }

     .two-col-content p {
         font-size: 14px !important;
         line-height: 1.7;
     }
 }

 /* six-sigma */
 @media (max-width: 768px) {

     .six-sigma-section {
         margin: 20px auto;
         padding: 0 15px;
     }

     .six-sigma-image img {
         margin-left: 0 !important;
         max-width: 100%;
         width: 100%;
     }

     .six-sigma-content h3,
     .six-sigma-content p {
         margin-left: 0;
     }

     .six-sigma-content h3 {
         font-size: 15px !important;
     }

     .six-sigma-content p {
         font-size: 14px !important;
         line-height: 1.7;
     }

     .six-sigma-process {
         margin: 30px auto;
         padding: 0 15px;
     }

     .process-grid {
         flex-direction: column;
         gap: 30px;
         margin-left: 0;
         text-align: left;
     }

     .process-box ol li {
         font-size: 14px;
         line-height: 1.7;
     }

     .process-note {
         margin-left: 0;
         font-size: 14px;
         line-height: 1.7;
     }
 }

 /* ces-2020 */
 @media (max-width: 768px) {

     .ces-2020-content h3 {
         font-size: 20px !important;
         margin-left: 0;
         margin-bottom: 12px;
     }
 }

 /* 6s-information */
 @media (max-width: 768px) {

     .sixs-section {
         margin: 30px auto;
         padding: 0 15px;
     }

     .sixs-section h2 {
         font-size: 22px !important;
         line-height: 1.3;
         margin-left: 0;
         margin-bottom: 20px;
     }

     .sixs-section p {
         font-size: 14px !important;
         line-height: 1.7;
         margin-left: 0;
     }

     .sixs-section ol {
         padding-left: 18px;
     }

     .sixs-section ol li {
         font-size: 14px !important;
         margin-left: 0;
         line-height: 1.7;
     }

     .sixs-detail-section {
         margin: 30px auto;
         padding: 0 15px;
         margin-left: 0;
     }

     .top-point {
         font-size: 14px !important;
         margin-left: 0;
         margin-top: 0;
     }

     .sixs-grid {
         flex-direction: column;
         gap: 30px;
     }

     .sixs-box h4 {
         font-size: 15px;
     }

     .sixs-box p {
         font-size: 14px;
         line-height: 1.7;
     }
 }

 /* 2nd-certification-modal */
 @media (max-width: 768px) {
     .modal-content {
         max-width: 92vw;
         max-height: 85vh;
     }

     .close-btn {
         top: 15px;
         right: 15px;
         width: 40px;
         height: 40px;
     }
 }

 /* about-us */
 @media (max-width: 992px) {

     .about-top {
         flex-direction: column;
         gap: 25px;
     }

     .about-image img {
         margin-bottom: 0;
     }

     .about-cards {
         grid-template-columns: repeat(2, 1fr);
         gap: 18px;
     }

     .about-bottom {
         flex-direction: column;
         gap: 20px;
         margin-top: 0;
     }
 }

 @media (max-width: 576px) {

     /* SECTION SPACING */
     .about-top-section,
     .about-cards-section,
     .about-bottom-section {
         padding: 40px 0;
     }

     .container {
         padding: 0 14px;
     }

     /* TOP SECTION */
     .about-top {
         flex-direction: column;
         gap: 20px;
     }

     .about-text {
         font-size: 14px;
         line-height: 1.7;
     }

     .about-image img {
         width: 100%;
         margin-bottom: 0;
         border-radius: 10px;
     }

     .about-cards {
         grid-template-columns: repeat(2, 1fr);
         gap: 12px;
     }

     .card-item img {
         border-radius: 10px;
     }

     .card-item p {
         font-size: 14px;
         margin-top: 8px;
     }

     .about-bottom {
         flex-direction: column;
         gap: 16px;
         margin-top: 0;
         font-size: 14px;
         line-height: 1.7;
     }
 }

 /* our-product */
 @media (max-width: 992px) {

     .product-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 16px;
     }

     .product-card {
         padding: 16px;
         border-radius: 14px;
         overflow: hidden;
     }

     .product-card img {
         width: 100%;
         height: 180px;
         object-fit: cover;
     }

     .product-card h3 {
         font-size: 18px;
         margin-top: 14px;
     }
 }

 @media (max-width: 576px) {

     .product-section {
         padding: 30px 0;
     }

     .container {
         padding: 0 14px;
     }

     .product-grid {
         grid-template-columns: 1fr;
         gap: 16px;
     }

     .product-card {
         padding: 16px;
         border-radius: 14px;
         overflow: hidden;
     }

     .product-card img {
         width: 100%;
         height: 200px;
         object-fit: cover;
         display: block;
     }

     .product-card h3 {
         font-size: 18px;
         margin-top: 12px;
         line-height: 1.4;
     }
 }

 /* contact-us  */
 @media (max-width: 576px) {

     .contact-section {
         padding: 30px 0;
     }

     .container {
         padding: 0 14px;
     }

     .contact-section .row {
         display: flex;
         flex-direction: column;
     }

     .contact-section .col-lg-4:nth-child(1) {
         order: 1;
         display: flex;
         justify-content: center;
         /* 🔥 center image */
     }

     .contact-section .col-lg-4:nth-child(3) {
         order: 2;
     }

     .contact-section .col-lg-4:nth-child(2) {
         order: 3;
     }

     .contact-img {
         width: 80%;
         max-width: 260px;
         display: block;
         margin-bottom: 20px;
     }

     .contact-item {
         margin-bottom: 18px;
     }

     .contact-item h5 {
         font-size: 16px;
         margin-bottom: 4px;
     }

     .contact-item p {
         font-size: 14px;
         line-height: 1.6;
     }

     .map-box iframe {
         width: 100%;
         height: 250px;
         border-radius: 8px;
         margin-top: 10px;
     }
 }

 /* gallery */
 @media (max-width: 992px) {

     .section-title {
         font-size: 32px;
         font-weight: 800;
         text-align: center;
         margin-bottom: 30px;
     }

     .image-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
     }

     .image-card img {
         height: 280px;
         border-radius: 12px;
     }

     .video-wrapper video {
         height: 420px;
         border-radius: 12px;
     }
 }

 @media (max-width: 576px) {

     .image-section,
     .video-section {
         padding: 40px 0;
     }

     .container {
         padding: 0 14px;
     }

     .section-title {
         font-size: 46px !important;
         font-weight: 800;
         text-align: center;
         margin-bottom: 20px;
         line-height: 1.3;
     }

     .image-grid {
         grid-template-columns: 1fr;
         gap: 16px;
     }

     .image-card img {
         width: 100%;
         height: 600px;
         object-fit: cover;
         border-radius: 14px;
     }

     .video-wrapper {
         padding: 0 2px;
     }

     .video-wrapper video {
         width: 100%;
         height: 240px;
         object-fit: cover;
         border-radius: 14px;
     }
 }

 /* privacy-policy */
 @media (max-width: 576px) {

     .policy-section {
         padding: 30px 16px;
     }

     .policy-content {
         max-width: 100%;
         line-height: 1.7;
         text-align: justify;
     }

     .policy-content p,
     .policy-content li {
         font-size: 14px;
         margin-bottom: 14px;
         text-align: justify;
     }

     .policy-content h4 {
         font-size: 15px;
         margin-bottom: 12px;
         line-height: 1.4;
         text-align: left;
     }

     .effective-date {
         font-size: 13px;
         margin-bottom: 20px;
         text-align: left;
     }

     .main-item {
         padding-left: 26px;
         margin-bottom: 22px;
     }

     .main-item h4::before {
         left: 0;
         font-size: 14px;
     }

     .sub-list {
         padding-left: 30px;
         margin-top: 8px;
     }

     .sub-list li::before {
         left: -22px;
         font-size: 13px;
     }

     .custom-number li {
         font-size: 14px;
         margin-bottom: 8px;
     }

     .nested-number li {
         font-size: 14px;
     }

     .nested-number li::before {
         min-width: 50px;
         font-size: 13px;
     }

     .policy-content ul {
         margin-bottom: 10px;
     }
 }

 /* terms-and-conditions */
 @media (max-width: 576px) {

     .terms-section {
         padding: 30px 16px;
     }

     .terms-content {
         max-width: 100%;
         line-height: 1.7;
         text-align: justify;
     }

     /* TEXT */
     .terms-content p,
     .terms-content li {
         font-size: 14px;
         margin-bottom: 14px;
         text-align: justify;
     }

     /* HEADINGS */
     .terms-content h4 {
         font-size: 16px;
         font-weight: 700;
         margin-bottom: 12px;
         line-height: 1.4;
         text-align: left;
     }

     .terms-content ul {
         padding-left: 18px;
         margin-bottom: 10px;
     }

     .terms-content ul li {
         margin-bottom: 6px;
     }

     /* HIGHLIGHT */
     .terms-content .highlight {
         font-weight: 700;
     }
 }

 /* refund-policy */
 @media (max-width: 768px) {
     .refund-section {
         padding: 50px 20px;
     }

     .refund-content {
         font-size: 16px;
         max-width: 100%;
     }
 }