:root{
/* ---------btn-color------------ */
 --color-greenColor:#82ff1f;
 --color-greenGradient: linear-gradient(to bottom, #83FF1F 0%, #C4F79A 100%);
 --color-greenGradient-hover: linear-gradient(to bottom, #75E617 0%, #B0E580 100%);
 --color-black:#000;
 /* ----------text-color---------- */
 --text-greenColor:#82ff1f;

}
      
      /* <!-- ***************************************************************** -->
      <!-- (SECTION-2)**************Why You’re Missing Out****************** ----->
      <!-- ***************************************************************** --> */
      
         .missing-out-sec{
         background-color: #000;
         padding:80px 0px ;
         }
         .missing-out-sec-custom-card {
         /* background: linear-gradient(145deg, #1e1e1e, #2a2a2a); */
         background: linear-gradient(145deg, #ffffff, #fafafa);
         color: black !important;
         border: none;
         border-radius: 16px;
         box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
         transition: transform 0.4s ease, box-shadow 0.4s ease;
         opacity: 0;
         transform: translateY(50px);
         animation: fadeInUp 1s ease forwards;
         }
         .missing-out-sec-custom-card:hover {
         transform: translateY(-10px);
         box-shadow: 0 12px 32px rgba(60, 125, 59, 0.35);
         }
         /* Icon container */
         .missing-out-sec-icon-box {
         display: flex;
         align-items: center;
         justify-content: center;
         /* background: rgba(255, 255, 255, 0.05); */
         background: var(--color-greenGradient);
         width: 70px;
         height: 70px;
         margin: 0 auto 15px;
         border-radius: 50%;
         transition: transform 0.3s ease;
         }
         .missing-out-sec-icon-box img {
         width: 36px;
         height: 36px;
         transition: transform 0.3s ease;
         }
         .missing-out-sec-custom-card:hover .missing-out-sec-icon-box img {
         transform: scale(1.1) rotate(5deg);
         }
         .missing-out-sec-card-title{
            font-size:1.25rem;
            text-align: center;
            line-height:1.875rem;

         }
         @keyframes fadeInUp {
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
       




  /* <!-- ***************************************************************** -->
      <!-- (SECTION-3)**************How Buyers Find Suppliers*********** ----->
      <!-- ***************************************************************** --> */
         .how-buyers-find{
         padding:80px 0px;
         background: #f8f8f8;
         }
         .how-buyers-find-buyer-steps {
         font-size: 1.2rem;
         font-weight: 500;
         line-height: 1.7;
         }
         .how-buyers-find-step-item {
         display: flex;
         align-items: center;
         gap: 15px;
         border-radius: 12px;
         padding: 16px 20px;
         margin-bottom: 16px;
        
         opacity: 0;
         transform: translateY(30px);
         animation: fadeInList 0.8s ease forwards;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         }
         .how-buyers-find-step-item:hover {
         transform: translateY(-4px);
         box-shadow: 0 10px 25px rgba(60, 125, 59, 0.15);
         }
         .how-buyers-find-step-item:nth-child(1) { animation-delay: 0.2s; }
         .how-buyers-find-step-item:nth-child(2) { animation-delay: 0.4s; }
         .how-buyers-find-step-item:nth-child(3) { animation-delay: 0.6s; }
         .how-buyers-find-step-icon {
         width: 36px;
         height: 36px;
         flex-shrink: 0;
         filter: drop-shadow(0 0 1px #3c7d3b);
         transition: transform 0.3s ease;
         }
         .how-buyers-find-step-item:hover .how-buyers-find-step-icon {
         transform: scale(1.1);
         }
         @keyframes fadeInList {
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         @media (max-width: 576px) {
         .how-buyers-find-step-item {
         font-size: 1rem;
         padding: 12px 16px;
         }
         .how-buyers-find-step-icon {
         width: 30px;
         height: 30px;
         }
         }



    /* <!-- ***************************************************************** -->
      <!-- -(SECTION-4)------------If you’re not visible online----------------->
      <!-- ****************************************************************** --> */
         /* not-visible-online.css */
         .not-visible-online-section {
         background: #121212;
         padding: 60px 0;
         }
        .not-visible-online-box {
    /* background: linear-gradient(145deg, #1f1f1f, #2c2c2c); */
    /* border: 1px solid rgba(255, 255, 255, 0.05); */
    padding: 50px 30px;
    border-radius: 24px;
    /* box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3); */
    color: #fff;
    animation: notVisibleFadeInUp 1s ease forwards;
    transform: translateY(40px);
    opacity: 0;
}
span.pe-3.text-success {
    color: #84ff21 !important;
}

         @keyframes notVisibleFadeInUp {
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         .not-visible-online-heading h2 {
         font-size: 3rem;
         }
         .not-visible-online-subtext {
         margin-top: 20px;
         font-size: 1.25rem;
         color: #fff;
         line-height: 1.6;
         font-weight: 300;
         }
         .not-visible-online-btn {
         /* background-color: #3c7d3b; */
          background:var(--color-greenGradient);
          
         color: #000000;
         font-size: 1rem;
         padding: 14px 26px;
         border-radius: 50px;
         font-weight: 600;
         transition: all 0.3s ease;
         box-shadow: 0 6px 16px rgba(60, 125, 59, 0.3);
         text-align: center;
         cursor: pointer;
         }
         .not-visible-online-btn:hover {
         background-color: #366e34;
         transform: translateY(-2px);
         box-shadow: 0 10px 28px rgba(60, 125, 59, 0.5);
         }
         /* Responsive */
         @media (max-width: 576px) {
         .not-visible-online-btn {
         font-size: 0.95rem;
         padding: 12px 20px;
         }
         .not-visible-online-heading h2 {
         font-size: 1.25rem;
         text-align: center;
         }
         .not-visible-online-heading {
         flex-direction: column;
         }
         }
     /* <!-- ***************************************************************** -->
      <!-- -(SECTION-6)--Why Most Manufacturers & Exporters Struggle------------->
      <!-- ****************************************************************** --> */
  
   .preexport-struggle-section {
      background: #fff;
      padding: 80px 0px;
   }

   /* Table-style heading */
   .preexport-struggle-head-row {
      border-bottom: 2px solid #000;
      font-weight: bold;
      color: #000;
      padding-bottom: 0.5rem;
      margin-bottom: 1rem;
   }
   .preexport-struggle-h2{
      font-size: 3rem;
   }
   .preexport-table-row {
      display: flex;
      border-bottom: 1px solid #ddd;
      margin-bottom: 0.5rem;
   }

   .preexport-col {
      flex: 1;
      padding: 1rem;
      font-weight: 500;
      background: #fff;
      color: #000;
   }

   .preexport-col.left {
      border-left: 4px solid #000;
   }

   .preexport-col.right {
      border-left: 4px solid #4b8e49;
      color: #4b8e49;
   }

   /* Card appearance on hover */
   .preexport-col:hover {
      background: #f8f8f8;
   }

   /* Accordion (unchanged) */
   .preexport-accordion-btn {
      background: #ffffff;
      font-weight: 500;
      font-size: 0.95rem;
      position: relative;
      padding-right: 3rem;
      box-shadow: none;
      color: #000;
   }

   .preexport-accordion-btn::after {
      display: none !important;
   }

   .preexport-icon-toggle::before {
      content: '+';
      font-size: 1.3rem;
      font-weight: bold;
      color: #000;
   }

   .accordion-button[aria-expanded="true"] .preexport-icon-toggle::before {
      content: '-';
   }

   .preexport-accordion-body {
      background: #f6f6f6;
      font-size: 0.95rem;
      padding: 1rem 1.2rem;
      border-radius: 0 0 8px 8px;
      font-weight: 500;
   }
   @media (max-width: 576px){
      .preexport-struggle-h2{
         font-size: 2rem;
      }
   }
   

   /* <!-- ***************************************************************** --->
      <!-- -(SECTION-7)-----------Let the World Find You------------------------>
      <!-- ****************************************************************** --> */
  
         .interactive-card {
         border: none;
         border-radius: 16px;
         background: #fff;
         transition: all 0.4s ease;
         /* box-shadow: 0 4px 14px rgba(255, 255, 255, 0.05); */
         
        
         color:var(--brandBlack);
         }
         .interactive-card:hover {
         transform: translateY(-8px) scale(1.03);
         /* box-shadow: 0 10px 25px rgba(181, 230, 167, 0.15); */
         background:#f8f8f8;
         }
         .interactive-card .icon {
         transition: transform 0.3s ease;
         color: #fff;
         }
         .interactive-card:hover .icon {
         transform: scale(1.3);
         }
         .Let-the-World-btn {
         background:var(--color-greenGradient);
         color:var(--brandBlack);
         font-size: 1rem;
         padding: 14px 26px;
         border-radius: 50px;
         font-weight: 600;
         transition: all 0.3s ease;
         box-shadow: 0 6px 16px rgba(14, 234, 36, 0.3);
         text-align: center;
         cursor: pointer;
         }
         .Let-the-World-card-title{
            text-align: center;
         }
         .Let-the-World-btn:hover {
         background-color:var(--color-greenGradient-hover);
         color: var(--brandBlack);
         transform: translateY(-2px);
         box-shadow: 0 10px 28px rgba(60, 125, 59, 0.5) !important;
         }
         @media (max-width: 576px) {
         .interactive-card h6 {
         font-size: 0.8rem;
         }
         .Let-the-World-btn{
            font-size: 1.25rem;
         }
         }

      /* <!-- ***************************************************************** --->
      <!-- -(SECTION-9)--------------------------Who-We-Are------------------------>
      <!-- ********************************************************************* --> */
         .Who-We-Are-hover-scale {
         transition: transform 0.5s ease, box-shadow 0.3s ease;
         }
         .Who-We-Are-hover-scale:hover {
         transform: scale(1.05);
         box-shadow: 0 10px 30px rgba(236, 32, 41, 0.3);
         }
       
         .Who-We-Are-mission-box {
         background: rgba(255, 255, 255, 0.05);
         border-left: 5px solid  var(--color-greenColor);
         transition: box-shadow 0.3s ease;
         }
         .Who-We-Are-mission-box:hover {
         box-shadow: 0 10px 25px rgba(255, 255, 255, 0.08);
         }
         
         @keyframes fadeInUp {
         from {
         opacity: 0;
         transform: translateY(30px);
         }
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         .Who-We-Are-fade-in-up {
         animation: fadeInUp 1s ease forwards;
         }
         .Who-We-Are-img-fade-in {
         animation: fadeInUp 1.3s ease forwards;
         }
         
         .Who-We-Are-text-muted {
         color: rgba(255, 255, 255, 0.7) !important;
         }

      /* <!-- ******************************************************************** --->
      <!--    (SECTION-10)**********************Meet the Founder:******************--->
      <!--    ********************************************************************* --> */
         #meet-founder{
             background-color:#f5f5f5;
             overflow-x: hidden;
         }
         .founder-img {
         transition: transform 0.4s ease, box-shadow 0.3s ease;
         }
         .founder-img:hover {
         transform: scale(1.05);
         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
         }
         /* Fade Animation */
         @keyframes found-fadeInUp {
         from {
         opacity: 0;
         transform: translateY(40px);
         }
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         .founder-fade-in-up {
         animation: found-fadeInUp 1s ease forwards;
         }
         /* Quote Styling */
         .founder-quote-box {
         border-left: 5px solid var(--color-greenColor);
         }
         .meetfounder-ctabtn{
            background: var(--color-greenGradient);
            color: var(--color-black);
         }
         @media (max-width: 767.98px) {
        #meet-founder .row {
        display: flex;
        flex-direction: column-reverse;
        }
        }

      /* <!-- ***************************************************************** --->
      <!-- -(SECTION-11)------------PROCESS------------------------------>
      <!-- ********************************************************************* --> */
    
         :root {
         --brandGreen:#4b8e49;
         --brandBlack: #000000;
         --easing: cubic-bezier(0.16, 1, 0.3, 1);
         }
        
         .compSection {
         position: relative;
         padding: 100px 0;
         z-index: 1;
         }
        
         .row__heading {
         text-align: center;
         margin-bottom: 80px;
         }
         .framework-title {
         font-size: 3rem;
         font-weight: 700;
         margin-bottom: 15px;
         color: var(--brandBlack);
         }
         .framework-subtitle {
         font-size:1.25rem;
         color: #000000;
         font-weight: 300;
         margin: 0 auto;
         }
         /* Steps Wrapper */
         .steps__wrapper {
         position: relative;
         margin-bottom: 50px;
         }
         .steps__wrapper > .greenLine,
         .steps__wrapper:after {
         position: absolute;
         content: "";
         top: 10px;
         left: 406px;
         width: 2px;
         height: 100%;
         background: #ededed;
         }
         .steps__wrapper > .greenLine {
         height: 0;
         background: var(--brandGreen);
         z-index: 2;
         }
         /* Step Items */
         .step__item {
         display: flex;
         flex-wrap: wrap;
         padding-bottom: 120px;
         min-height: 180px;
         position: relative;
         }
         .step__item:last-child {
         padding-bottom: 35px;
         }
         .step__count {
         position: absolute;
         top: 9px;
         left: 387px;
         display: flex;
         width: 38px;
         height: 38px;
         background: #c8c8c8;
         border-radius: 50%;
         align-items: center;
         justify-content: center;
         z-index: 10;
         transition: all 300ms cubic-bezier(.48,.01,.42,1.37);
         }
         .step__count > span {
         font-size: 30px;
         font-weight: 700;
         color: var(--brandBlack);
         opacity: 0;
         transition: all 300ms cubic-bezier(.48,.01,.42,1.37);
         }
         .step__title {
         font-size: 36px;
         letter-spacing: -1px;
         width: 300px;
         opacity: 0.3;
         transition: all 200ms var(--easing);
         font-weight: 700;
         margin: 0;
         }
         .step__description {
         width: calc(100% - 600px);
         margin-left: auto;
         opacity: 0.3;
         padding-right: 140px;
         transition: all 200ms var(--easing);
         }
         .step__description p {
         margin: 0;
         font-size: 18px;
         line-height: 1.6;
         }
         /* Active State */
         .step__item.in-viewport .step__count {
         transform: scale(2.3);
         background: var(--color-greenGradient) !important;
            
         }
         .step__item.in-viewport .step__count > span {
         opacity: 1;
         transform: scale(0.45);
         color:var(--brandBlack);
         }
         .step__item.in-viewport .step__title,
         .step__item.in-viewport .step__description {
         opacity: 1;
         }
         /* Button Styles */
         .site__button {
         position: relative;
         left: 290px;
         display: inline-block;
         padding: 20px 40px;
         background: var(--color-greenGradient);
         color: #000;
         font-weight: 700;
         text-decoration: none;
         border-radius: 0;
         border: none;
         overflow: hidden;
         font-size: 16px;
         letter-spacing: 1px;
         text-transform: uppercase;
         }
         .site__button .text {
         display: block;
         position: relative;
         overflow: hidden;
         height: 24px;
         }
         .text__anim {
         display: block;
         color: var(--brandBlack);
         transition: transform 0.3s ease;
         }
         .site__button:hover .text_1 {
         transform: translateY(-100%);
         }
         .site__button:hover .text_2 {
         transform: translateY(-100%);
         }
         /* Responsive Styles */
         @media (max-width: 1500px) {
         .step__title {
         font-size: 30px;
         width: 300px;
         }
         .step__description {
         width: calc(100% - 40vw);
         padding-right: 9vw;
         }
         .step__count {
         left: 25.7vw;
         }
         .steps__wrapper > .greenLine,
         .steps__wrapper:after {
         left: 27.05vw;
         }
         .site__button {
         left: 19vw;
         }
         }
         @media (max-width: 979px) {
         .step__title {
         font-size: 24px;
         width: 20vw;
         margin-left: auto;
         }
         .step__description {
         width: calc(100% - 40vw);
         padding-right: 0;
         margin-left: 30px;
         }
         .step__count {
         left: 30px;
         }
         .step__item.in-viewport .step__count {
         transform: scale(2);
         }
         .step__count > span,
         .step__item.in-viewport .step__count > span {
         transform: scale(0.55);
         }
         .steps__wrapper > .greenLine,
         .steps__wrapper:after {
         left: 48px;
         }
         .site__button {
         left: 0;
         }
         }
         @media (max-width: 767px) {
         .row__heading {
         margin-bottom: 50px;
         }
         .framework-title {
         font-size: 20px;
         }
         .step__title {
         width: calc(100% - 100px);
         margin-left: auto;
         margin-bottom: 20px;
         font-size: 22px;
         }
         .step__description {
         width: calc(100% - 100px);
         margin-left: auto;
         }
         .step__item {
         padding-bottom: 80px;
         }
         .step__count {
         left: 20px;
         width: 30px;
         height: 30px;
         }
         .steps__wrapper > .greenLine,
         .steps__wrapper:after {
         left: 34px;
         }
         }
         @media (max-width: 480px) {
         .step__item {
         padding-bottom: 60px;
         }
         .step__item:last-child {
         padding-bottom: 30px;
         }
         .step__count {
         top: 5px;
         left: 13px;
         width: 24px;
         height: 24px;
         }
         .step__title {
         width: calc(100% - 60px);
         font-size: 20px;
         margin-bottom: 15px;
         }
         .step__description {
         width: calc(100% - 60px);
         }
         .steps__wrapper > .greenLine,
         .steps__wrapper:after {
         left: 24px;
         top: 10px;
         }
         .step__item.in-viewport .step__count {
         transform: scale(2.1);
         }
         .step__count > span,
         .step__item.in-viewport .step__count > span {
         transform: scale(0.3);
         }
         }
         



      /* <!-- ============================================================ -->
      <!-- (SECTION-15)***************VIDEO-AUTO-PLAY******************** -->
      <!-- ============================================================ --> */
    .cv-section {
      background: #000;
      position: relative;
      padding: 0;
    }

    .cv-slider {
      width: 100%;
    }

    .cv-item,
    .cv-slider .owl-item {
      height: 80vh;
      position: relative;
    }

    .cv-video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .cv-controls {
      position: absolute;
      bottom: 60px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 20;
    }

    .cv-controls .btn {
      font-size: 1.2rem;
      border-radius: 50px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }

   
    .cv-slider .owl-dots {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 15;
    }

    .cv-slider .owl-dot span {
      width: 12px;
      height: 12px;
      background: rgba(255, 255, 255, 0.6);
      display: block;
      border-radius: 50%;
      margin: 3px;
      transition: 0.3s ease;
    }

    .cv-slider .owl-dot.active span {
      background: #fff;
    }

    @media (max-width: 768px) {
      .cv-item {
        height: 60vh;
      }
      .cv-controls .btn {
        font-size: 1rem;
        padding: 6px 14px;
      }
    }
    
      /* <!-- ***************************************************************** --->
      <!--   (SECTION-16)--------------------testimonal-------------------------
      <!-- ********************************************************************* --> */
         .testimonial-review-section{
         background: #111;
         padding: 40px 0px;
         }
         .section-title {
         text-align: center;
         font-size: 2rem;
         font-weight: bold;
         margin-bottom: 40px;
         color: #fff;
         }
         .prereview-testimonial-carousel .prereview-testimonial-item {
         padding: 30px;
         border-radius: 20px;
         min-height: 320px;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         }
         .prereview-testimonial-carousel .prereview-testimonial-dark {
         background-color: #1a1a1a;
         color: white;
         }
         .prereview-testimonial-carousel .prereview-testimonial-light {
         background-color: #fff;
         color: #000;
         }
         .prereview-testimonial-stars {
         color: #52f132;
         font-size: 1rem;
         margin-bottom: 20px;
         }
         .prereview-testimonial-carousel p {
         font-size: 0.95rem;
         line-height: 1.5;
         }
         .prereview-testimonial-footer {
         display: flex;
         align-items: center;
         margin-top: 30px;
         border-top: 1px solid rgba(255, 255, 255, 0.2);
         padding-top: 15px;
         }
         .prereview-testimonial-footer img {
         width: 50px;
         height: 50px;
         border-radius: 50%;
         margin-right: 15px;
         object-fit: cover;
         display: inline-block;
         width: auto !important;
         }
         .prereview-testimonial-footer .prereview-testimonial-name {
         font-weight: 600;
         }
         .prereview-testimonial-footer .prereview-testimonial-designation {
         font-size: 0.85rem;
         opacity: 0.8;
         }
         @media (max-width: 768px) {
         .prereview-testimonial-carousel .prereview-testimonial-item {
         padding: 20px;
         }
         }
      /* <!-- ***************************************************************** --->
      <!--   (SECTION-17)--------------------OUT-TEAM-------------------------
      <!-- ********************************************************************* --> */
         .team-section {
         background: #d1d1d1;
         }
         .team-card {
         background: #fff;
         border-radius: 16px;
         overflow: hidden;
         box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
         transition: transform 0.3s ease;
         height: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
         padding: 20px 20px 30px;
         }
         .team-card:hover {
         transform: translateY(-8px);
         }
         .team-img {
         width: 100%;
         max-width: 250px;
         height: 250px;
         margin-bottom: 20px;
         border-radius: 12px;
         overflow: hidden;
         background: #f0f0f0;
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .team-img img {
         width: 100%;
         height: 100%;
         object-fit: contain;
         transition: transform 0.5s ease;
         }
         .team-name {
         font-size: 1.4rem;
         font-weight: 700;
         color: #212529;
         margin-bottom: 5px;
         }
         .team-role {
         font-size: 1rem;
         color:#4b8e49;
         font-weight: 500;
         }
         @media (max-width: 768px) {
         .team-img {
         max-width: 180px;
         height: 180px;
         }
         .team-name {
         font-size: 1.2rem;
         }
         .team-role {
         font-size: 0.9rem;
         }
         }

      /* <!-- ***************************************************************** --->
      <!--   (SECTION-19)--------------------Free-E-book-------------------------
      <!-- ********************************************************************* --> */
         .ebook-section {
         padding: 70px 20px;
         background-color: #000;
         overflow-x: hidden;
         }
         .ebook-content h2 {
         font-size: 2.2rem;
         font-weight: 700;
         color:var(--text-greenColor);
         animation: fadeInLeft 1.2s ease-in-out;
         }
         .ebook-content p, 
         .ebook-content ul li {
         font-size: 1.1rem;
         color: #fff;
         animation: fadeInUp 1.2s ease-in-out;
         }
         .ebook-content ul {
         padding-left: 20px;
         }
         .ebook-content ul li {
         margin-bottom: 10px;
         }
         .ebook-download-btn {
         background:var(--color-greenGradient);
         color:var(--brandBlack);
         padding: 12px 25px;
         font-weight: 500;
         font-size: 1rem;
         border-radius: 8px;
         text-decoration: none;
         display: inline-block;
         transition: 0.3s ease-in-out;
         margin-top: 20px;
         }
         .ebook-download-btn:hover {
         background:var(--color-greenGradient-hover);
         box-shadow: 0 4px 15px rgba(60, 125, 59, 0.6);
         }
         .ebook-cover img {
         max-width: 100%;
         height: auto;
         border-radius: 12px;
         box-shadow: 0 0 15px rgba(60, 125, 59, 0.3);
         animation: fadeInRight 1.4s ease-in-out;
         }
         /* Animations */
         @keyframes fadeInUp {
         from {
         opacity: 0;
         transform: translateY(30px);
         }
         to {
         opacity: 1;
         transform: translateY(0);
         }
         }
         @keyframes fadeInLeft {
         from {
         opacity: 0;
         transform: translateX(-30px);
         }
         to {
         opacity: 1;
         transform: translateX(0);
         }
         }
         @keyframes fadeInRight {
         from {
         opacity: 0;
         transform: translateX(30px);
         }
         to {
         opacity: 1;
         transform: translateX(0);
         }
         }
     /* <!-- ============================================================== -->
      <!-- (SECTION-20)*********************OUR-CRIDENTIAL*************** -->
      <!-- ============================================================== --> */
         .credentials-section {
         padding: 70px 20px;
         text-align: center;
         background-color: #f9f9f9;
         }
         .credentials-section h2 {
         color: #3c7d3b;
         font-weight: 700;
         font-size: 2rem;
         margin-bottom: 30px;
         }
         .our-credential-badge-box {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         gap: 15px;
         margin-bottom: 50px;
         }
         .our-credential-badge-item {
         background: #fff;
         border: 1px solid #3c7d3b;
         border-radius: 10px;
         padding: 12px 20px;
         display: flex;
         align-items: center;
         gap: 10px;
         color: #3c7d3b;
         font-weight: 500;
         box-shadow: 0 2px 8px rgba(0,0,0,0.05);
         transition: all 0.3s ease;
         }
         .our-credential-badge-item:hover {
         background-color: #3c7d3b;
         color: #fff;
         transform: translateY(-2px);
         }
         .our-credential-badge-item i {
         font-size: 1.2rem;
         }
         .our-credential-logo-card {
         background-color: #fff;
         border: 1px solid #e0e0e0;
         border-radius: 12px;
         padding: 20px;
         margin: 10px;
         transition: all 0.3s ease;
         box-shadow: 0 4px 6px rgba(0,0,0,0.05);
         }
         .our-credential-logo-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 6px 12px rgba(0,0,0,0.15);
         }
         .our-credential-logo-card img {
         max-width: 100px;
         margin: auto;
         display: block;
         height: auto;
         }
         .our-credential-logo-caption {
         margin-top: 10px;
         font-weight: 500;
         color: #3c7d3b;
         }