body
{
    background-color: #fff !important;
}
.dot-circle-animation{
   position: relative;
   margin-right: 15px;
}

.ellipse-outer {
        width: 16px;
        height: 16px;
        border: 1px solid #10b981;
        border-radius: 50% / 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
      }

      .ellipse-inner {
      width: 7px;
      height: 7px;
      background-color: #10b981;
      border-radius: 50% / 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(1);
      animation: zoomInOut 2s ease-in-out infinite;
      }

      @keyframes zoomInOut {
        0%,
        100% {
          transform: translate(-50%, -50%) scale(0.6);
        }
        50% {
          transform: translate(-50%, -50%) scale(1.3);
        }
      }

      .processing-status-growpress .ellipse-outer {
         border: 1px solid #4f46e5 !important;
      }
      .processing-status-growpress .ellipse-inner{
         background-color: #4f46e5 !important;
      }

.single-blog pre.prettyprint {
    background: #f1f1f1 !important;
    border: none;
    padding: 30px;
    border-radius: 5px;
	margin-top: 30px;
}

li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 {
      list-style-type: decimal;
}

.single-blog pre.prettyprint.linenums {
    background: #f0f3f6 !important;
}

.single-blog .od {
    margin-left: 0px;
}
.single-blog .oc {
    padding-left: 23px;
}
.single-blog .ob{
    box-shadow: inset 3px 0 0 0 #242424;
}
.single-blog .single-blog-content blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    unicode-bidi: isolate;
}
.single-blog .single-blog-content blockquote:before{
	content:"";
}
 
.single-blog .single-blog-content p{
	margin-top:20px;
	margin-bottom:20px;
}
.single-blog .single-blog-content ul li,.single-blog ol li{
	margin-bottom:20px;
}

.single-blog .single-blog-content .ol{
	font-size:24px;
}
.single-blog .single-blog-content .ol{
	font-size:24px;
}

.single-blog .pt {
    margin-left: -20px;
}
.single-blog .nn {
    margin-top: 2.14em;
}
.single-blog .ps {
    padding-left: 23px;
}
.single-blog .pr {
    box-shadow: inset 3px 0 0 0 #242424;
}
.single-blog .om {
    margin-top: 1.95em;
}
.single-blog blockquote{
	margin:0;
}
.single-blog .nv {
    text-decoration: underline !important;
}
.single-blog .hj {
    font-weight: 700;
}

.single-blog blockquote{
	margin:0 !important;
}

 /* pricing sub pages */
    /* Overall section spacing */

    /* Overall section spacing */

   .product-details {
      margin-top: 40px;
   }

   .Main-Button {
      line-height: auto;
      border-radius: 40px;
      padding: 10px 30px;
      font-weight: 500;
      font-size: 16px;
      z-index: 9;
      display: inline-block;
      text-transform: capitalize;
      position: relative;
      transition: all 0.4s ease-in-out !important;
      background-color: #11112a;
      color: #fff;
      border: 2px solid transparent;
      margin-top: 0px !important;
      font-family: "Urbanist";
   }

   .Main-Button span {
      margin-left: 12px;
      position: relative;
   }

   .Main-Button svg {
      overflow: hidden;
      vertical-align: middle;
      margin-bottom: 0;
   }

   .Main-Button span .svg-icon {
      position: absolute;
      top: 7px;
      left: -2px;
      right: 0;
      z-index: 2;
      margin: 0 auto;
      transition: 0.3s;
      color: #11112a;
   }

   .Main-Button:hover span .svg-icon {
      color: #fff;
   }

   .Main-Button:hover span .svg-bg {
      animation: rotate 4s linear infinite;
   }

   @keyframes rotate {
      0% {
         transform: rotate(0deg);
      }

      100% {
         transform: rotate(360deg);
      }
   }

   .Main-Button:hover {
      background-color: transparent !important;
      color: #11112a !important;
      border-color: #11112a !important;
      text-decoration: none !important;
   }

   .stripe-details .light-bg-title {
      margin-bottom: 10px;
   }

   .stripe-details {
      /* background-image: url("../images/Stripe-BG.png"); */
      /* background-image: url("..wp-content/themes/techforceinfo/new-assets/images/Highligted-Services.webp"); */
      background-image: url(https://dev.techforce.global/wp-content/themes/techforceinfo/new-assets/images/h4-bg-shape.webp);
      background-size: cover;
      background-repeat: no-repeat;
      padding: 60px 0px 80px 0px;

   }

   /* Heading style */
   .price-plans-lefts h1 {
      font-size: 28px;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 20px;
   }

   .price-plans-left {
      display: flex;
      justify-content: center;
   }

   .price-plans-left video {
      width: 400px;
   }

   /* Plan Name and Price Display */
   .plan-name,
   .plan-price {
      font-size: 20px;
      font-weight: 600;
      color: #333;
      margin-bottom: 10px;
   }

   .plan-desc {
      margin-bottom: 0px;
      font-size: 16px;
   }

   .ISO-Payment .title-ISO {}

   /* Branding paragraph */
   .price-plans-left p.text-muted {
      font-size: 16px;
      color: #555;
      line-height: 1.6;
      margin-top: 20px;
   }

   /* Footer logo styling */
   .price-plans-lefts a img {
      max-width: 150px;
      margin-top: 10px;
   }

   /* Certification Logos */
   /* .copyrightlogo {
        margin-top: 20px;
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    } */

   .copyrightlogo img.ISO-logo {
      height: 50px;
      width: auto;
      transition: transform 0.3s ease;
   }

   .copyrightlogo img.ISO-logo:hover {
      transform: scale(1.05);
   }

   /* Stripe Card */
   .stripe-services {
      background-color: #ffffff;
      /* padding: 30px; */
      padding: 40px 20px !important;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
      background-image: url(https://dev.techforce.global/wp-content/themes/techforceinfo/new-assets/images/Light-Gradient-Bg.jpg);
      background-size: cover;
      background-repeat: no-repeat;
   }

   /* Popup Modal Styles */
   .popup {
      display: none;
      position: fixed;
      z-index: 9999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      overflow: auto;
   }

   .popup-content {
      background-color: #fefefe;
      margin: 10% auto;
      padding: 0;
      border-radius: 10px;
      max-width: 500px;
      box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
      position: relative;
      animation: slideFadeInTop 0.4s ease-out;
   }

   .popup-design .port-header {
      background-color: #f47c25;
      padding: 15px 20px;
      border-radius: 10px 10px 0 0;
      color: white;
   }

   .popup-design .modal-title {
      text-align: center;
      width: 100%;
      font-weight: 600;
      margin: 0;
   }

   .popup-design .close {
      color: white;
      font-size: 28px;
      font-weight: bold;
      transition: all 0.3s;
      opacity: 0.8;
   }

   .popup-design .close:hover {
      opacity: 1;
      color: white;
   }

   .popup-design .modal-body {
      padding: 30px;
   }

   .popup-design label {
      display: block;
      margin-bottom: 8px;
      font-weight: 500;
      color: #11112a;
   }

   .popup-design input {
      width: 100%;
      padding: 12px;
      margin-bottom: 20px;
      border: 1px solid #e2e8f0;
      border-radius: 6px;
      font-size: 14px;
      transition: border 0.3s;
   }

   .popup-design input:focus,
   .popup-design .form-control:focus {
      outline: none;
      /* border-color: #f47c25; */
      border-color: #f47c25;
      /* box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.2); */
   }

   .popup-design button {
      /* background-color: #4f46e5 !important; */
      background-image: none !important;
      background-color: #f47c25 !important;
      color: white !important;
      font-size: 16px;
      padding: 12px 30px !important;
      border-radius: 6px !important;
      width: 100% !important;
      margin: 20px 0 0 0 !important;
      font-weight: 600 !important;
      border: none !important;
      transition: all 0.3s !important;
   }

   .popup-design button:hover {
      background-color: #11112a !important;
   }

   #success-message {
      display: none;
      color: #10b981;
      margin-top: 15px;
      font-weight: 500;
      text-align: center;
   }

   /* Get Started Button Styles */
   .get-started {
      display: inline-block;
      margin-top: 20px;
      padding: 12px 30px;
      font-size: 16px;
      font-weight: 600;
      color: white !important;
      background-color: #f47c25 !important;
      /* Bootstrap Primary Blue */
      border: none;
      border-radius: 8px;
      transition: all 0.3s ease;
      box-shadow: 0 6px 12px rgba(0, 123, 255, 0.2);
      cursor: pointer;
      text-align: center;
   }

   /* Hover Effect */
   .get-started:hover {
      background-color: #0056b3;
      box-shadow: 0 8px 16px rgba(0, 86, 179, 0.3);
      transform: translateY(-2px);
   }

   /* Responsive Alignment */
   @media (max-width: 768px) {
      .get-started {
         width: 100%;
         text-align: center;
      }

      .product-details .card-body.stripe-services {
         padding: 20px !important;
      }


   }

   /* Container Styling */
   .payment-copyrightlogo {
      display: flex;
      gap: 20px;
      /* space between the logos */
      margin-top: 20px;
      flex-wrap: wrap;
      /* for mobile responsiveness */
      padding: 10px 0;
   }

   /* Logo Image Styling */
   .payment-copyrightlogo .ISO-logo-1 {
      max-height: 60px;
      width: auto;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      filter: grayscale(0%);
   }



   /* Responsive behavior */
   @media (max-width: 768px) {
      .payment-copyrightlogo {
         justify-content: space-around;
      }

      .payment-copyrightlogo .ISO-logo-1 {
         max-height: 50px;
      }
   }

   .payment-plans {
      /* background-color: #f8f9fa; */
      border-radius: 12px;
      /* border: 1px solid #00000014; */
      /* padding: 20px; */
      padding: 0px 20px 20px 20px;
      margin-bottom: 5px;
      text-align: center;
   }

   .product-details .card {
      border: none;
      border-radius: 10px;
      /* border: 1px solid #d7f0ff; */
   }

   .payment-plans .plan-name {
      font-size: 20px;
      font-weight: 600;
      color: #1f2937;
      /* dark gray */
      margin-bottom: 10px;
   }

   .payment-plans .plan-price {
      font-size: 28px;
      font-weight: bold;
      color: #f47c25;
      /* blue tone for emphasis */
   }

   .pay-with-price {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
   }

   .pay-with-price .Main-Button{
      margin-top: 0px !important;
   }

   /* .pay-with-price a {
    text-align: center;
    background: #f47c25;
    color: white;
    padding: 10px 30px;
    width: fit-content;
    font-weight: 600;
    border-radius: 50px !important;
    display: flex;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.pay-with-price a:hover{
    background: #11112a;
    color: white !important;
} */

   /* .payment-button {
    width: 100%;
    display: flex;
    justify-content: center;
} */

   .pay-with-price .get-started {
      background: transparent !important;
      box-shadow: none;
      border: 1px solid #f47c25;
      border-radius: 50px !important;
      margin-top: 0px !important;
      color: #f47c25 !important;
      padding: 14px 30px !important;
      transition: all 0.3s ease-in-out;
   }

   .pay-with-price .get-started:hover {
      background: #11112a !important;
      color: white !important;
      border: 1px solid #11112a;
      box-shadow: none !important;
      transform: translateY(0px) !important;
   }

   @media (max-width: 768px) {
      .payment-plans {
         padding: 15px;
      }

      .payment-plans .plan-name {
         font-size: 18px;
      }

      .payment-plans .plan-price {
         font-size: 22px;
      }

      /* .product-details .row {
         flex-direction: column-reverse;
         gap: 40px;
      } */

      .ISO-images {
         margin-top: 40px;
      }

      .plan-header {
         font-size: 24px;
      }
   }

   .ISO-Payment {
      margin-top: 60px;
      margin-bottom: 20px;
   }

   .ISO-Payment p {
      font-size: 16px;
      margin-bottom: 0px;
   }

   .ISO-Payment p span {
      font-weight: 600;
      color: #f47c25
   }

   .social-logo {
      display: flex;

      gap: 15px;
      padding: 20px 0;
      list-style: none;
      margin: 0;
   }

   .social-logo li {
      display: inline-block;
   }

   .social-logo a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background-color: #f0f0f0;
      color: #333;
      text-decoration: none;
      font-size: 18px;
      transition: all 0.3s ease;
   }

   .social-logo a:hover {
      background-color: #007bff;
      /* or your brand color */
      color: #fff;
      transform: scale(1.1);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   }

   .social_icons-section {
      position: relative;
      padding: 60px 0px;
      background-size: cover;
      margin-top: 20px;
      background-image: url('https://dev.techforce.global/wp-content/themes/techforceinfo/assets/images/menu/Social-IconBG.webp');
      background-attachment: fixed;
      background-repeat: no-repeat;
   }

   .social_icons-section::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: inherit;
      /* filter: blur(8px);  */
      /* Apply blur to the background image */
      z-index: 0;
   }

   .social_icons-section .social-list {
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 1;
      position: relative;
   }

   .social_icons-section ul {
      display: flex;
      flex-wrap: wrap;
      /* Allow icons to wrap for smaller screens */
      gap: 50px;
      margin-bottom: 0px;
      padding-left: 0px;
      z-index: 1;
      position: relative;
      justify-content: center;
   }

   .social_icons-section ul li {
      list-style: none;
      text-align: center;
   }

   .social_icons-section ul li a {
      width: 80px;
      height: 80px;
      background-color: #fff;
      text-align: center;
      line-height: 80px;
      font-size: 35px;
      display: block;
      border-radius: 15px;
      position: relative;
      overflow: hidden;
      border: 3px solid #fff;
      z-index: 1;
      transition: all 0.3s ease;
      margin-bottom: 20px;
   }

   .social_icons-section ul li span {
      color: #fff;
   }

   .social_icons-section li a .icon {
      position: relative;
      color: #262626;
      transition: .5s;
      z-index: 3;
   }

   .social_icons-section ul li a:hover .icon {
      color: #fff;
      transform: rotateY(360deg);
   }

   .social_icons-section ul li a:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 100%;
      background: #ff7300;
      transition: .5s;
      z-index: 2;
   }

   .social_icons-section ul li a:hover:before {
      top: 0;
   }

   /* Facebook */
   .social_icons-section ul li:nth-child(1) a:before {
      background: #1877F2;
   }

   /* Twitter */
   .social_icons-section ul li:nth-child(2) a:before {
      background: #55acee;
   }

   /* LinkedIn */
   .social_icons-section ul li:nth-child(3) a:before {
      background: #0077b5;
   }

   /* Instagram */
   .social_icons-section ul li:nth-child(4) a:before {
      background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
   }

   /* YouTube */
   .social_icons-section ul li:nth-child(5) a:before {
      background: #FF0000;
   }

   /* Dribbble */
   .social_icons-section ul li:nth-child(6) a:before {
      background: #EA4c89;
   }

   /* Medium */
   .social_icons-section ul li:nth-child(7) a:before {
      background: #242424;
   }

   /* Behance */
   .social_icons-section ul li:nth-child(8) a:before {
      background: #053eff;
   }


   .why-choose-use-section-stripe {
      padding: 60px 0px;
      background: url("..wp-content/themes/techforceinfo/new-assets/about-us-page/Light-Gradient-Bg.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      wp-content/themes/techforceinfo/new-assets/images
   }

   .modern-card {
      border: none;
      border-radius: 16px;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
   }

   .modern-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
   }

   .icon-box {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 20px;
   }

   .bg-orange {
      background-color: #ff7a00;
   }


   .solution-card-main {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 20px;
   }

   .solution-card {
      border: 1px solid #e8e8e8;
      border-radius: 8px;
      background-color: white;
      transition: all 0.3s ease;
      text-align: center;
      /* margin-bottom: 30px; */
      /* height: 100%; */
   }

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

   .solution-icon {
      font-size: 2.5rem;
      margin-bottom: 20px;
      width: 80px;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
      margin: 0px auto;
      margin-bottom: 15px;
   }

   .solution-icon.brown-icon {
      background: #fff2f3;
      color: #8e3c44;
   }

   .solution-icon.blue-icon {
      background: #edf9fb;
      color: #233d42;
   }

   .solution-icon.yellow-icon {
      background: #fffbe6;
      color: #233d42;
   }

   .solution-title {
      font-size: 1.25rem;
      font-weight: 600;
      margin-bottom: 10px;
   }

   .plan-title .powerpress {
    color: #fff;
    background-color: #f59e0b;
    }

   @media (max-width: 1200px) {
      .solution-card-main {
         grid-template-columns: repeat(3, 1fr);
      }
   }

   @media (max-width: 991px) {
    .pricing-plan {
        max-width: 100% !important;
        width: 100%;
    }

    .offer-ribbon {
    right: -40px !important;
    top: 47px !important;
    padding: 5px 35px !important;
}
}

   @media (max-width: 768px) {
      .solution-card-main {
         grid-template-columns: repeat(2, 1fr);
      }

      section.stripe-details {
    margin-top: 0px !important;
}
   }

   @media (max-width: 576px) {
      .solution-card-main {
         grid-template-columns: repeat(1, 1fr);
      }
   }


   /* Media queries for responsiveness */
   @media screen and (max-width: 768px) {
      .social_icons-section ul {
         gap: 20px;
         padding-left: 0px;
         /* Reduce gap for smaller screens */
      }
   }

   @media screen and (max-width: 576px) {
      .social_icons-section ul li a {
         width: 60px;
         /* Slightly reduce icon size */
         height: 60px;
         line-height: 60px;
         font-size: 30px;
      }

      .plan-header, .gwp-features-section h2{
         font-size: 24px !important;
      }      

      .pricing-header h1{
         font-size: 28px !important;
      }

      .pricing-header p{
         font-size: 17px !important;
      }

      .plan-price{
         font-size: 28px !important;
      }

      .plan-title{
         justify-content: flex-start;
      }
   }

   

   @media screen and (max-width: 475px) {
        .pay-with-price {
            flex-direction: column;
        }
    }

   .features {
      padding-left: 0px;
      font-size: 16px;
      margin: 20px 0px -10px 0px;
   }

   .features li {
      list-style: none;
      margin-bottom: 15px;
   }

   .features li .check {
      margin-right: 10px;
   }

   .plan-header {
      font-size: 32px;
      width: 90%;
   }

   .plan-title {
      font-size: 1.5rem;
      font-weight: 700;
      color: #11112a;
      margin-top: 15px;
      margin-bottom: 8px;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .plan-title i {
      /* font-size: 24px; */
      vertical-align: middle;
      border-radius: 50%;
      width: 45px;
      height: 45px;
      display: flex;
      margin-right: 10px;
      justify-content: center;
      align-items: center;
      float: left;
   }

   .plan-title .startpress {
      color: #fff;
      background-color: #10b981;
   }

   .plan-title .startpress .fa-rocket:before {
      margin-bottom: -5px;
      margin-left: -2px;
   }

   .plan-title .growpress {
      color: #fff;
      background-color: #4f46e5;
   }

   /* .payment-plans .plan-price-growpress {
      color: #ffffff;
      margin-left: 10px;
      background: #4f46e5;
      font-size: 14px;
      margin-top: 5px;
      padding: 2px 10px;
      border-radius: 30px;
   } */

   .payment-plans .plan-title{
      padding-bottom: 20px;
      border-bottom: 1px solid #e4e4e4;
      margin-top: 0px;
   }

     /* .payment-plans .plan-price-startpress {
    color: #10b981;
    margin-left: 10px;
    background: #10b981;
    font-size: 14px;
    margin-top: 5px;
    padding: 2px 10px;
    border-radius: 30px;
   }

   span.price-period {
    font-size: 16px;
    color: #10b981;
   } */
    

   .plan-price-startpress .plan-price, .plan-price-startpress .price-period{
   color: #10b981;
   }
   .plan-price-growpress .plan-price, .plan-price-growpress .price-period{
   color: #4f46e5;
   }
   .plan-price-powerpress .plan-price{
   color: #f59e0b;
   }

   

   .plan-price-startpress, .plan-price-growpress, .plan-price-powerpress{
    margin-bottom: 5px;
   }

   .price-period {
    font-weight: 700;
   }

   .gwp-features-section {
      background: #f7f7f7;
      padding: 80px 0;
      font-family: 'Poppins', sans-serif;
   }

   .gwp-features-section h2 {
      font-size: 2.5rem;
      font-weight: 700;
      text-align: center;
      margin-bottom: 20px;
      color: #111;
   }

   .gwp-features-section p {
      font-size: 1.1rem;
      color: #555;
      text-align: center;
      margin-bottom: 50px;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
   }

   .gwp-feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px;
      max-width: 1000px;
      margin: 0 auto;
   }

   .gwp-feature-item {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      background: #fff;
      border-radius: 12px;
      padding: 20px 25px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
      transition: transform 0.3s ease;
   }

   .gwp-feature-item:hover {
      transform: translateY(-4px);
   }

   .gwp-feature-item i {
      font-size: 1.4rem;
      color: #f97316;
      /* Tailwind's orange-500 */
      margin-top: 4px;
   }

   .gwp-feature-item span {
      font-size: 1rem;
      color: #222;
      font-weight: 500;
   }

   .feature-included:before{
      top: 6px !important;
   }


   /* ------------- Popup Modal UI */

   .popup-design .modal-content .modal-card-main .container{
      padding-left: 0px !important;
      padding-right: 0px !important;
   }

   .popup-design .modal-card-main .container .col-md-6{
      padding-left: 0px !important;
      padding-right: 0px !important;
   }

   /* .popup-design .modal-content .row{
      margin-right: 0px !important;
      margin-left: 0px !important;
   } */

   .popup-design .modal-main{
      /* border: 1px solid #f77c1f; */
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      border-radius: 11px;
      width: 100%;
      /* margin-right: 15px; */
      background: white;
   }

   .popup-design .modal-main .submit-btn{
      float: none !important;
   }

   .modal-card-icon {
    min-height: 45px;
    min-width: 45px;
}

   .modal-card-text {
       font-size: 16px;
       font-weight: 600;
       color: white;
      text-align: left;
      margin-bottom: 0px !important;
   }

   .plan-modal-main{
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    background-image: url(https://dev.techforce.global/wp-content/themes/techforceinfo/new-assets/images/Light-Gradient-Bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
   }


   .modal-card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 cards per row */
  gap: 10px;
}

.modal-card {
    /* display: grid; */
    display: flex;
    align-items: center;
    /* place-items: center; */
    gap: 10px;
    text-align: center;
    padding: 10px;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    height: 100%;
}

.modal-card .brown-icon {
    background-color: #fff2f3;
}

.modal-card .brown-icon i{
   color: #8e3c44 !important;
}


.modal-card .blue-icon {
    background-color: #edf9fb;
}

.modal-card .blue-icon i{
   color: #233d42 !important;
}

.modal-card .yellow-icon {
    background-color: #fffbe6;
}

.modal-card .yellow-icon i{
   color: #233d42 !important;
}

.modal-card-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
  border-radius: 7px;
  /* background-color: #f8f9fa;
  margin-bottom: 0.5rem; */
}

p.modal-card-headline {
    font-size: 20px;
    font-weight: 600;
    color: white;
    display: flex;
    align-items: center;
}

p.modal-card-headline i{
       font-size: 24px;
    vertical-align: middle;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    margin-right: 10px;
    justify-content: center;
    align-items: center;
}

p.modal-card-headline .powerpress {
    color: #fff;
    background-color: #f59e0b;
}
p.modal-card-headline .growpress {
    color: #fff;
    background-color: #4f46e5;
}
p.modal-card-headline .startpress {
    color: #fff;
    background-color: #10b981;
}

.modal-ISO p{
   color: white;
}

.modal-ISO p span{
   font-weight: 600;
    color: #f47c25;  
}

.modal-ISO .ISO-images .img-fluid{
    width: 110px;
    padding: 15px;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
} 

.company-modal-card-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 15px;
}

.company-modal-card {
  border: 1px solid #dee2e6;
  padding: 10px;
  text-align: center;
  border-radius: 8px;
  /* background-color: #fff; */
}

.company-modal-card span {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #f37c23;
}

.company-modal-card p {
    /* margin-top: 8px; */
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 0px;
}

.ISO-modal-image-main {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    margin-bottom: -10px;
}

.ISO-modal-image-main img{
   width: 320px;
}

.mb-4.modal-ISO {
    margin-top: 10px;
}

.company-modal-content{
    background-image: url(https://dev.techforce.global/wp-content/themes/techforceinfo/assets/images/menu/Social-IconBG.webp);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.processing-status-powerpress {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      color: #f59e0b;
      margin-top: 10px;
    }
    

    .processing-status-powerpress .processing-icon {
      margin-right: 10px;
      font-size: 18px;
      animation: rotate 1s linear infinite;
      color: #f59e0b;
    }

    .processing-status-powerpress span{
      font-weight: 500;
    }

    .processing-status-powerpress .highlight {
      /* font-weight: bold; */
      color: #f59e0b;
    }

    @keyframes rotate {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }



    .processing-status-growpress {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      color: #4f46e5;
      margin-top: 10px;
    }
    

    .processing-status-growpress .processing-icon {
      margin-right: 10px;
      font-size: 18px;
      animation: rotate 1s linear infinite;
      color: #4f46e5;
    }

    .processing-status-growpress span{
      font-weight: 500;
      font-size: 14px;
    }

    .processing-status-growpress .highlight {
      /* font-weight: bold; */
      color: #4f46e5;
    }



    .processing-status-starpress {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      color: #10b981;
      margin-top: 10px;
    }
    

    .processing-status-starpress .processing-icon {
      margin-right: 10px;
      font-size: 18px;
      animation: rotate 1s linear infinite;
      color: #10b981;
    }

    .processing-status-starpress span{
      font-weight: 500;
      font-size: 14px;
    }

    .processing-status-starpress .highlight {
      /* font-weight: bold; */
      color: #10b981;
    }



@media (max-width: 991px) and (min-width: 768px) {
   .ISO-modal-image-main img{
   width: 220px;
}

.pay-with-price {
    flex-direction: column;
}


}


@media (max-width: 768px) {
  .company-modal-card-main {
    grid-template-columns: 1fr;
  }

  /* .company-modal-content{
   display: none !important;
  } */

  .features{
   margin-bottom: 40px;
  }
}

@media (max-width: 475px){
   .modal-card-grid {
    grid-template-columns: repeat(1, 1fr);
}

   .popup-design .modal-dialog{
      margin: 0px auto;
   }
   .ISO-modal-image-main img{
   width: 220px;
}
}



/* -------------------- FAQ Section ----------------------- */

.faq-section{
   margin: 100px 0px;
   padding-bottom: 50px;
}

.faq-section .accordion-item {
   border-radius: 16px;
   border: 1px solid #ddd;
   overflow: hidden;
   margin-bottom: 1rem;
}

.faq-section .accordion-button {
   font-weight: 500;
   font-size: 18px;
   background-color: #f9f9fb !important;
   border-radius: 16px;
}

.faq-section .accordion-button:not(.collapsed) {
   background-color: #f3f3f5 !important;
   box-shadow: none;
}

.faq-section .accordion-body {
   font-size: 16px;
   /* color: #6c757d; */
   text-align: left;
}

.faq-section button.accordion-button.collapsed {
    color: #11112a !important;
}

.faq-section .accordion-header{
   margin-bottom: 0px !important;
}

.faq-section button:not(:hover):not(:active):not(.has-text-color){
   color: #11112a !important;
}