.category-section {
      width: 100%;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #04243c;
      padding: 0 60px;
      padding-top: 0px;
    }

    .category-container {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      text-align: center;
    }

    .category-panel {
      flex: 1 1 20%;
      min-width: 200px;
      height: 400px;
      position: relative;
      overflow: hidden;
    }

    .category-image {
      background-size: cover;
      background-position: center;
      height: 100%;
      width: 100%;
      transition: transform 0.4s ease;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }

    .category-panel:hover .category-image {
      transform: scaleX(1.4);
      z-index: 1;
    }

    .category-overlay {
      position: absolute;
      inset: 0;
      background-color: rgba(0, 0, 0, 0.5);
    }

    .category-content {
      position: relative;
      z-index: 2;
      color: white;
    }

    .category-icon {
      font-size: 2rem;
      margin-bottom: 10px;
    }

   .category-title {
    font-size: 18px;
    font-weight: 600;
}

    @media (max-width: 768px) {
      .category-panel {
        flex: 1 1 100%;
        height: 200px;
      }

       .col-md-3 {
        width: 100% !important;
    }

      .category-panel:hover .category-image {
        transform: scale(1.05);
      }
    }



@media (min-width: 60em) {
    .sn-level-2, .hs-menu-children-wrapper {
        position: absolute;
        z-index: 11;
        top: 100%;
        left: -576px;
        width: 100vw;
        min-width: 100vw;
        background-color: #04243c;
        box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.4);
        max-height: 263px;
        overflow-y: auto;
    }
}

@media (min-width: 80em) {
    .sn-level-2, .hs-menu-children-wrapper {
        min-width: 100vw; /* Ensure full width on larger screens too */
    }
}

@media (min-width: 60em) {
    .sn-level-2, .hs-menu-children-wrapper {
        position: absolute;
        z-index: 11;
        min-width: 34.5em;
        top: 100%;
        width: 227%;
        left: 0;
        background-color: #fff;
        box-shadow: 1px 4px 8px rgba(0, 0, 0, .4);
        max-height: 31.25em;
        overflow-y: auto;
        border-radius: 18px;
    }
}


.sn-level-3 {
    display: none;
    position: absolute;
    right: 100%;  /* Open to the left */
    top: 0;
    background-color: #fff;
    z-index: 1000;
    min-width: 200px; /* Optional: ensures width */
}

.menu-item-has-children:hover > .sn-level-3 {
    display: block;
}

.sn-level-2 li {
    position: relative;
}


/* Breadcrumb Banner */
.breadcrumb-banner {
  background: url('assets/img/bg.jpg') no-repeat center center;
  background-size: cover;
  padding: 120px 20px;
  color: #fff;
  text-align: center;
}
.breadcrumb-title {
  font-size: 36px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.breadcrumb-nav {
  font-size: 16px;
}
.breadcrumb-nav a {
  color: #fff;
  text-decoration: none;
}
.breadcrumb-nav .current {
  color: #ddd;
}
ul:not([class]) li:not([class]) {
    position: relative;
    font-size: 21px;
    line-height: 1.8888888889em;
    color: #fafcff;
    font-weight: 400;
    padding-left: 1.1111111111em;
}
.company-history-section {
  padding: 60px 20px;
  background-color: #f4f6f8;
  font-family: 'Segoe UI', sans-serif;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: flex-start;
}

/* Left Column */
.column.left {
  flex: 1 1 100%;
}

/* Images Row */
.founders {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-bottom: 25px;
}
.founder-img {
  width: 100%;
  max-width: 240px;
  border-radius: 8px;
      box-shadow: 0 4px 15px rgb(0 0 0);
}

/* Company Text */
.company-text-box {
      background-color: #04243c;

  padding: 25px;
  border-radius: 10px;
      box-shadow: 0 4px 15px rgb(0 0 0);
}
.company-text-box h5 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #ffffff;
}
.company-text-box p {
  font-size: 15.5px;
  line-height: 1.7;
  color: #ffffff;
  margin-bottom: 12px;
}

/* Responsive */
@media (max-width: 768px) {
  .row {
    flex-direction: column;
  }
  .founders {
    flex-direction: column;
    align-items: center;
  }
  .founder-img {
    width: 90%;
  }
}
.company-summary-section {
  padding: 60px 20px;
  background-color: #f9f9f9;
  font-family: 'Segoe UI', sans-serif;
  color: #222;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.company-summary-section h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.company-summary-section .description {
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  max-width: 900px;
  margin: 0 auto 50px;
}

.summary-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  text-align: center;
}

.summary-box {
    flex: 1 1 400px;
       background: #053d67;
    padding: 25px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgb(0 0 0);
    transition: transform 0.3s ease;
    display: flex
;
}
@media (max-width: 991px) {
  .summary-box {
    flex: 1 1 100%;
    padding: 20px 15px;
    margin-bottom: 20px;
  }
}
.summary-box:hover {
  transform: translateY(-5px);
}

.summary-box img {
    height: 77px;
    margin-bottom: -12px;

}
.summary-box .summary-img{width:30%}

.summary-box h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
         color: #fafcff;

}

.summary-box p {
  font-size: 15px;
color: #fafcff;
}

.summary-box a {
  color: #0066cc;
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
  .summary-grid {
    flex-direction: column;
    align-items: center;
  }
  .summary-box {
    width: 90%;
  }
}
.timeline {
  position: relative;
  max-width: 800px;
  margin: 40px auto;
  padding: 0 20px;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 4px;
  background-color: #00b4b6;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.timeline-item {
  padding: 20px 40px;
  position: relative;
  width: 50%;
}

.timeline-item::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  right: -10px;
  background-color: white;
  border: 4px solid #00b4b6;
  top: 20px;
  border-radius: 50%;
  z-index: 1;
}

.timeline-item.left {
  left: 0;
  text-align: right;
}

.timeline-item.right {
  left: 50%;
  text-align: left;
}

.timeline-item.right::before {
  left: -10px;
}

.content {
  background: #f9f9f9;
  padding: 15px 20px;
  border-radius: 6px;
  position: relative;
    box-shadow: 0 2px 10px rgb(0 0 0);
}

.content h3 {
  margin: 0;
  color: #00b4b6;
  font-size: 20px;
}

.content p {
  margin: 5px 0 0;
  font-size: 18px;
      font-weight: 700;
}
.product-section {
  padding: 30px 20px;
  background: #fff;
}


.custom-container {
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .timeline::after {
    left: 20px; /* move the center line to left side */
  }

  .timeline-item {
    width: 100%;
    padding-left: 50px; /* space for line and dot */
    padding-right: 25px;
    text-align: left !important;
  }

  .timeline-item::before {
    left: 10px;   /* align dots with the line */
    right: auto;
  }

  .timeline-item.left,
  .timeline-item.right {
    left: 0; /* reset both sides */
  }

  .timeline-item .content {
    text-align: left;
  }
}


/* Grid Layout */
.product-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.product-card {
  flex: 0 1 calc(33.333% - 20px);
     background: #053d67;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

.product-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 15px;
}





.btn:hover {
  background: #008a8d;
}

/* Responsive */
@media (max-width: 991px) {
  .product-card {
    flex: 0 1 calc(50% - 20px);
  }
}

@media (max-width: 600px) {
  .product-card {
    flex: 0 1 100%;
  }
}




.automobile-sector {
  padding: 40px 20px;
  font-family: Arial, sans-serif;
}

.auto-box {
     background-color: #04243c;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgb(0 0 0);
}

.row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.col-4 {
  flex: 1 1 30%;
}

.col-8 {
  flex: 1 1 65%;
}

.auto-image img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.auto-content h2 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #04243c;
}

.auto-content p {
  font-size: 15px;
  line-height: 1.7;
  color: #333;
}

/* Responsive */
@media (max-width: 768px) {
  .row {
    flex-direction: column;
  }
}
.sub-products-section {
  background-color: #04243c;
  padding: 60px 20px;
  color: #fff;
}

.container {
  max-width: 1200px;
  margin: auto;
}

.section-title {
  text-align: center;
  font-size: 32px;
  margin-bottom: 50px;
  color: #ffffff;
}

.sub-product-grid {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.sub-card.horizontal {
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.sub-card.horizontal.reverse {
  flex-direction: row-reverse;
}

.sub-card-img {
  flex: 1 1 40%;
  min-width: 280px;
  max-height: 300px;
}

.sub-card-img img {
  width: 95%;
  height: 95%;
  object-fit: cover;
  display: block;
}

.sub-card-content {
  flex: 1 1 60%;
  padding: 30px;
  background: #f1f5f9;
  color: #222;
}

.sub-card-content h4 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #003247;
}

.sub-card-content ul {
  list-style-type: disc;
  padding-left: 20px;
  margin: 0;
}

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

@media (max-width: 768px) {
  .sub-card.horizontal,
  .sub-card.horizontal.reverse {
    flex-direction: column;
  }

  .sub-card-img,
  .sub-card-content {
    flex: 1 1 100%;
  }

  .sub-card-content {
    padding: 20px;
  }
}
.quality-policy {
 background-color: #04243c;
  padding: 60px 20px;
  color: white;
  font-family: 'Segoe UI', sans-serif;
}

/* Title Ribbon */
.ribbon-title {
  display: inline-block;
  background-color: #188eb8;
  padding: 12px 30px;
  font-size: 24px;
  font-weight: bold;
  clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%);
  margin-bottom: 40px;
  color: white;
}

/* Layout */
.quality-wrapper {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* Steps */
.quality-steps {
  flex: 1 1 40%;
}

.quality-steps ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.quality-steps li {
  position: relative;
  padding-left: 25px;
  font-size: 16px;
  font-weight: 500;
}

.quality-steps li::before {
  content: "↓";
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 18px;
}

/* Images */
.quality-images {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.quality-images img {
  width: 100%;
  height: 387px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  object-fit: cover;
}

/* Responsive */
@media (max-width: 768px) {
  .quality-wrapper {
    flex-direction: column;
  }

  .ribbon-title {
    font-size: 20px;
    padding: 10px 25px;
  }
}
.certifications-section {
  padding: 60px 20px;
  background: #f9fcff;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
}

.certifications-section h2 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 40px;
  font-weight: bold;
}

.certification-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.cert-card {
   background: #053d67;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  max-width: 240px;
  transition: transform 0.3s ease;
}

.cert-card:hover {
  transform: scale(1.05);
}

.cert-card img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}

/* Responsive */
@media (max-width: 768px) {
  .cert-card {
    max-width: 90%;
  }
}

.auto-image {
    text-align: center;
    margin-bottom: 20px;
}

.sector-image {
    max-width: 100%;
       height: 314px;
    display: block;
    margin: 0 auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.button-group {
    margin-top: 12px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.btn {
    display: inline-block;
    padding: 8px 16px;
    font-size: 18px;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s ease;
    border: none;
}

.enquiry-btn {
    background-color: #007bff;
    color: #fff;
}

.enquiry-btn:hover {
    background-color: #0056b3;
}

.whatsapp-btn {
    background-color: #25D366;
    color: white;
}

.whatsapp-btn:hover {
    background-color: #1ebe5b;
}


.csr-section {
  padding: 60px 20px;
  background: #04243c;
  font-family: 'Segoe UI', sans-serif;
}

.csr-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    display: flex
;
    background: #04243c;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgb(0 0 0);
    animation: fadeIn 1.2s ease;
}

/* Text Content */
.csr-text {
  flex: 1;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.csr-text h2 {
  font-size: 28px;
  color: #c62828;
  margin-bottom: 10px;
  font-weight: bold;
}

.csr-text h3 {
  font-size: 22px;
  margin-bottom: 20px;
  color: #333;
}

.csr-text p {
  font-size: 16px;
  color: #fafcff;
  line-height: 1.7;
}

/* Image Section */
.csr-image {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.csr-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s ease;
}

.csr-image:hover img {
  transform: scale(1.05);
}

/* Overlay */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 
}

/* Animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .csr-wrapper {
    flex-direction: column-reverse;
  }

  .csr-text {
    padding: 30px 20px;
    text-align: center;
  }

  .csr-text h2 {
    font-size: 24px;
  }

  .csr-text h3 {
    font-size: 20px;
  }

  .csr-text p {
    font-size: 15px;
  }
}

.capabilities-section {
  background: #04243c;
    padding: 3px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: fadeInUp 1s ease-in;
}

.capabilities-content {
    background: #04243c;
    max-width: 800px;
    width: 100%;
    padding: 40px 30px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgb(0 0 0 / 94%);
    animation: slideIn 1s ease-in-out;
}





.capabilities-content p {
  font-size: 16px;
  line-height: 1.7;
     color: #fafcff;
  margin-bottom: 15px;
  text-align: center;
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: scale(0.97);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Responsive */
@media (max-width: 600px) {
  .capabilities-content {
    padding: 30px 20px;
  }

  .capabilities-content h2 {
    font-size: 24px;
  }

  .capabilities-content p {
    font-size: 15px;
  }
}
.footer {
      /* background: #111; */
      padding: 40px 20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 30px;
    }

    .footer-column {
      flex: 1 1 250px;
    }

    .footer-column h3 {
    margin-bottom: 15px;
    font-size: 18px;
    border-bottom: 2px solid #00aaff;
    display: inline-block;
    padding-bottom: 5px;
    color: #fff;
    position: relative;
    padding-top: 30px;
}

    /* Quick Links */
    .footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .footer-links li {
      margin-bottom: 10px;
    }
.footer-links a {
    text-decoration: none;
    color: #fafcff;
    transition: 0.3s;
    font-size: 16px;
}

    .footer-links a:hover {
      color: #00aaff;
    }

    /* Contact Info */
    .contact-item {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
      color: #ccc;
    }

.contact-item span {
    display: inline-block;
    margin-left: 12px;
    font-size: 16px;
    color: white;
}
    .contact-icon {
      background: #00aaff;
      border-radius: 50%;
      padding: 8px;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      color: #fff;
    }

    /* Map */
    .map iframe {
      width: 100%;
      height: 200px;
      border: 0;
      border-radius: 8px;
    }

    /* Responsive */
    @media(max-width: 768px) {
      .footer {
        flex-direction: column;
        text-align: center;
      }
      .contact-item {
        justify-content: center;
      }
    }
 .btn-container{
    text-align: center; /* center align buttons */
    margin-top: 50px;   /* space from top */
  }

  .btn{
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 14px 18px;
    margin: 8px;
    border-radius: 8px;
    background: #053d67;
    color: #fff;  /* white text */
    font-weight: 600;
    box-shadow: 0 6px 12px rgba(0,0,0,.4); /* black shadow */
    transition: 0.2s;
  }

  .btn:hover{
    background: #0a4e84;
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0,0,0,.45);
  }


    .fa {
        font-family: var(--fa-style-family, "Font Awesome 6 Free");
        font-weight: var(--fa-style, 900)
    }

    .fa {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto
    }

    .fa-phone:before {
        content: "\f095"
    }

    .fa-envelope:before {
        content: "\f0e0"
    }

    .fa-angle-up:before {
        content: "\f106"
    }

    :host,
    :root {
        --fa-style-family-brands: "Font Awesome 6 Brands";
        --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
    }

    @font-face {
        font-family: "Font Awesome 6 Brands";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/webfonts/fa-brands-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/webfonts/fa-brands-400.ttf) format("truetype")
    }

    .fa-linkedin:before {
        content: "\f08c"
    }

    .fa-facebook:before {
        content: "\f09a"
    }

    .fa-twitter:before {
        content: "\f099"
    }

    :host,
    :root {
        --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
    }

    :host,
    :root {
        --fa-style-family-classic: "Font Awesome 6 Free";
        --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
    }

    ul {
        box-sizing: border-box
    }

    :root {
        --wp--preset--font-size--normal: 16px;
        --wp--preset--font-size--huge: 42px
    }

    :host,
    :root {
        --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
        --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
        --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
        --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
        --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
        --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
        --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
    }

    .es_spinner_image {
        display: none;
        float: right
    }

    .menu-item a img,
    img.menu-image-title-after {
        border: none;
        box-shadow: none;
        vertical-align: middle;
        width: auto;
        display: inline
    }

    .menu-image-hover-wrapper img.hovered-image {
        opacity: 0
    }

    .menu-image-title-after.menu-image-title {
        padding-left: 10px
    }

    html {
        box-sizing: border-box
    }

    *,
    *::after,
    *::before {
        box-sizing: inherit
    }

    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

    header,
    nav,
    section {
        display: block
    }

    [hidden] {
        display: none
    }

    a {
        background-color: transparent
    }

    img {
        border: 0
    }

    svg:not(:root) {
        overflow: hidden
    }

    input,
    select,
    textarea {
        color: inherit;
        font: inherit;
        margin: 0
    }

    select {
        text-transform: none
    }

    input[type=submit] {
        -webkit-appearance: button
    }

    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    input {
        line-height: normal
    }

    input[type=checkbox] {
        box-sizing: border-box;
        padding: 0
    }

    fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em
    }

    legend {
        border: 0;
        padding: 0
    }

    textarea {
        overflow: auto
    }

    @font-face {
        font-display: swap;
        font-family: "HelveticaNeue";
        src: url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeue-Bold.eot);
        src: url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeue-Bold.eot?#iefix) format("embedded-opentype"), url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold) format("svg"), url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeue-Bold.ttf) format("truetype"), url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeue-Bold.woff) format("woff"), url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeue-Bold.woff2) format("woff2");
        font-style: normal;
        font-weight: 700;
    }

    @font-face {
        font-display: swap;
        font-family: "HelveticaNeue";
        src: url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeueMedium.eot);
        src: url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeueMedium.eot?#iefix) format("embedded-opentype"), url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeueMedium.svg#HelveticaNeueMedium) format("svg"), url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeueMedium.ttf) format("truetype"), url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeueMedium.woff) format("woff"), url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeueMedium.woff2) format("woff2");
        font-style: normal;
        font-weight: 500;
    }

    @font-face {
        font-display: swap;
        font-family: "HelveticaNeue";
        src: url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeue.eot);
        src: url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeue.eot?#iefix) format("embedded-opentype"), url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeue.svg#HelveticaNeue) format("svg"), url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeue.ttf) format("truetype"), url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeue.woff) format("woff"), url(https://technosofteng.com/wp-content/themes/technosoft-default/fonts/HelveticaNeue.woff2) format("woff2");
        font-weight: normal;
        font-style: normal;
    }

    body {
        -webkit-font-smoothing: antialiased;
        background-color: white;
        color: #333;
        font-family: "Raleway", sans-serif;
        font-size: 1em;
        line-height: 1.5;
        overflow-x: hidden;
    }

    @media (max-height:50em) and (min-width:60em) {
        body {
            font-size: 0.875em;
        }
    }

    @media (max-height:49em) and (min-width:60em) {
        body {
            font-size: 0.75em
        }
    }

    @media (max-height:40em) and (min-width:60em) {
        body {
            font-size: 0.75em
        }
    }

    h2,
    .h1 {
        font-family: HelveticaNeue;
        line-height: 1.25;
        margin: 0;
        color: #333c52
    }

    .h1 {
        font-size: 1.890625em;
        margin-top: 0;
        margin-bottom: 24px
    }

    @media (min-width:40em) {
        .h1 {
            font-size: 3.09375em
        }
    }

    @media (min-width:60em) {
        .h1 {
            font-size: 3.4375em
        }
    }

    h2 {
        font-size: 1.75em;
        position: relative;
        padding-bottom: 28px;
        text-align: center;
        margin-bottom: 24px
    }

    @media (min-width:40em) {
        h2 {
            font-size: 1.96875em
        }
    }

    @media (min-width:60em) {
        h2 {
            font-size: 2.1875em
        }
    }

    h2:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 100px;
        height: 4px;
        background-color: #D55745;
        border-radius: 2px
    }

    p {
        margin: 0.8888888889em 0;
        font-size: 1.125em;
        line-height: 1.5555555556em
    }

    a {
        color: #024e97;
        text-decoration: underline
    }

    a:visited {
        outline: none
    }

    img {
        margin: 0;
        max-width: 100%
    }

    fieldset {
        background: white;
        border: 1px solid #eeeeee;
        margin: 0 0 0.75em 0;
        padding: 1.5em
    }

    input,
    label,
    select {
        display: block;
        font-family: "Raleway", sans-serif;
        font-size: 1.125em
    }

    label {
        font-weight: bold;
        margin-bottom: 0.375em
    }

    textarea,
    input[type=email],
    input[type=tel],
    input[type=text],
    textarea,
    select {
        box-sizing: border-box;
        background-color: white;
        border-radius: 0;
        border: 1px solid #eeeeee;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
        font-family: "Raleway", sans-serif;
        font-size: 1.125em;
        margin-bottom: 0.75em;
        padding: 0.5em 0.5em;
        width: 100%
    }

    textarea {
        resize: vertical
    }

    input[type=checkbox] {
        display: inline;
        margin-right: 0.375em;
        width: auto !important
    }

    select {
        margin-bottom: 1.5em;
        max-width: 100%;
        height: 2.3em !important;
        width: 100%
    }

    ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .si-btn,
    .btn,
    input[type=submit] {
        position: relative;
        -webkit-font-smoothing: antialiased;
        border-radius: 0;
        color: white;
        display: inline-block;
        font-weight: 600;
        line-height: 1.5555555556em;
        padding: 0.5em 1.5555555556em;
        text-decoration: none;
        font-size: 1.125em;
        text-align: center
    }

    .btn,
    input[type=submit] {
        background-color: #ffffff;
        color: #d55745;
        border: 2px solid #d55745;
        border-radius: 3.125em
    }

    input[type=submit] {
        background-color: #d55745;
        color: #ffffff
    }

    input[type=submit] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: none;
        vertical-align: middle;
        white-space: nowrap
    }

    .site-nav span {
        white-space: wrap
    }

    @media (min-width:60em) {
        .site-nav {
            display: block;
            position: static;
            top: 0;
            left: 0
        }
    }

    .sn-level-1 {
        margin: 0;
        padding: 0
    }

    @media (min-width:60em) {
        .sn-level-1 {
            height: auto;
            display: -webkit-box;
            display: -moz-box;
            display: box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex
        }
    }

    .sn-li-l1 {
        display: block;
        position: relative
    }

    .sn-li-l1 span {
        font-size: 1em;
        font-weight: 600
    }

    .sn-li-l1>a {
        display: block;
        color: #ffffff;
        text-decoration: none;
        padding: 0.8125em 1em
    }

    .sn-li-l1.menu-item-has-children>a span {
        padding-right: 0em;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 0.75em;
        display: block
    }

    @media (min-width:60em) {
        .sn-li-l1 {
            height: auto;
            float: left;
            border-bottom: 0;
            margin: 0 0.625em;
            -webkit-flex-grow: 1;
            -moz-flex-grow: 1;
            flex-grow: 1;
            -ms-flex-positive: 1;
            text-align: left
        }

        .sn-li-l1.mega-menu-wrap {
            position: static
        }

        .sn-li-l1 span {
            font-size: 1em
        }

        .sn-li-l1>a {
            padding: 1.375em 0.3125em 2.6875em;
            color: #000000;
            position: relative;
            height: auto;
            line-height: normal
        }

        .sn-li-l1.menu-item-has-children>a span {
            background-size: 0.625em;
            display: inline
        }

        .sn-li-l1.menu-item-has-children>a:after {
            content: "expand_more";
            font-family: "Material Symbols Outlined";
            font-weight: normal;
            font-style: normal;
            width: 1em;
            height: 0.25em;
            font-size: 1.25em;
            position: absolute;
            bottom: 1.9em;
            left: 50%;
            transform: translateX(-50%)
        }
    }

    @media (min-width:80em) {
        .sn-li-l1 {
            margin: 0 0.375em
        }

        .sn-li-l1>a {
            padding: 1.625em 0.5em 2.375em
        }
    }

    .sn-level-2 {
        padding: 0;
        margin: 0;
        display: none;
        position: relative
    }

    @media (min-width:60em) {
        .sn-level-2 {
            position: absolute;
            z-index: 11;
            min-width: 12.5em;
            top: 100%;
            width: 100%;
            left: 0;
            background-color: #ffffff;
            box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.4);
            max-height: 31.25em;
            overflow-y: auto
        }
    }

    @media (min-width:80em) {
        .sn-level-2 {
            min-width: 20em
        }
    }

    .sn-li-l2,
    .sn-li-l3,
    .sn-li-l4 {
        background-color: #ffffff;
        position: relative
    }

    .sn-li-l2>a,
    .sn-li-l3>a,
    .sn-li-l4>a {
        padding: 0.8125em 1em;
        color: #000000;
        display: block;
        text-decoration: none;
        border-top: 1px solid rgba(0, 0, 0, 0.1)
    }

    .sn-li-l2>a span,
    .sn-li-l3>a span,
    .sn-li-l4>a span {
        font-size: 1em;
        display: flex;
        align-items: center
    }

    .sn-li-l2:last-child>a,
    .sn-li-l3:last-child>a,
    .sn-li-l4:last-child>a {
        border-bottom: 0
    }

    @media (min-width:60em) {

        .sn-li-l2,
        .sn-li-l3,
        .sn-li-l4 {
            position: relative;
            background-color: transparent;
            position: relative
        }

        .sn-li-l2>a,
        .sn-li-l3>a,
        .sn-li-l4>a {
            padding: 0.875em 0.625em;
            border: 0;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            position: relative
        }

        .sn-li-l2>a:before,
        .sn-li-l3>a:before,
        .sn-li-l4>a:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            background-color: #d55745
        }

        .sn-li-l2>a>*,
        .sn-li-l3>a>*,
        .sn-li-l4>a>* {
            position: relative;
            z-index: 1
        }

        .sn-li-l2>a span,
        .sn-li-l3>a span,
        .sn-li-l4>a span {
            font-size: 12px;
            display: flex;
            align-items: center;
            font-weight: 600;
            text-transform: uppercase
        }

        .sn-li-l2:last-child>a,
        .sn-li-l3:last-child>a,
        .sn-li-l4:last-child>a {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1)
        }
    }

    .sn-level-4,
    .sn-level-3 {
        padding: 0;
        margin: 0;
        display: none;
        position: relative
    }

    @media (min-width:60em) {

        .sn-level-4,
        .sn-level-3 {
            width: 100%;
            display: none
        }
    }

    @media (min-width:60em) {
        .sn-level-3 {
            display: block;
            padding-top: 0.625em
        }
    }

    .sn-li-l3>a,
    .sn-li-l4>a {
        padding: 0.8125em 2em
    }

    .sn-li-l3>a span,
    .sn-li-l4>a span {
        font-weight: 400
    }

    @media (min-width:60em) {

        .sn-li-l3,
        .sn-li-l4 {
            text-align: left;
            padding: 0
        }

        .sn-li-l3>a,
        .sn-li-l4>a {
            padding: 0.25em 0.625em;
            padding-left: 0.5em;
            border: 0 !important;
            display: inline-block;
            min-height: inherit
        }

        .sn-li-l3>a:before,
        .sn-li-l4>a:before {
            content: "";
            position: absolute;
            width: 0.75em;
            height: 100%;
            background-color: transparent;
            border-radius: 0;
            background-image: url(https://technosofteng.com/wp-content/themes/technosoft-default/img/nav-arrow-black-right.svg);
            background-size: 0.375em;
            background-position: center 0.5em;
            background-repeat: no-repeat;
            transform: none;
            left: 0;
            bottom: auto;
            top: 0;
            opacity: 0.5;
            display: none
        }

        .sn-li-l3>a:after,
        .sn-li-l4>a:after {
            content: "";
            position: absolute;
            width: 0;
            height: 2px;
            background-color: #024e97;
            border-radius: 0;
            left: 0.5em;
            bottom: 0
        }

        .sn-li-l3>a span,
        .sn-li-l4>a span {
            font-weight: 400;
            text-transform: inherit;
            position: relative
        }

        .sn-li-l3.menu-item-has-children>a {
            padding-left: 1em
        }

        .sn-li-l3.menu-item-has-children>a:before {
            display: none
        }

        .sn-li-l3.menu-item-has-children>a:after {
            left: 1em
        }
    }

    .sn-li-l4>a {
        padding: 0.8125em 2em;
        padding-left: 3em
    }

    @media (min-width:60em) {
        .sn-li-l4 {
            padding-left: 1em
        }

        .sn-li-l4>a {
            padding: 0.25em 0.625em;
            padding-right: 0;
            position: relative;
            border: 0
        }

        .sn-li-l4>a:before {
            content: "-";
            background-image: none !important;
            left: 0;
            top: 0;
            display: inline
        }

        .sn-li-l4>a:after {
            left: 1em
        }
    }

    .site-nav-container {
        background-color: #024e97;
        width: 100%;
        right: -100%;
        top: 0;
        z-index: 1000;
        position: absolute;
        padding-bottom: 2em
    }

    @media (min-width:60em) {
        .site-nav-container {
            width: auto;
            height: auto;
            right: auto;
            bottom: auto;
            top: auto;
            position: static;
            background-color: transparent;
            display: inline-block;
            padding: 0
        }
    }

    .site-nav-container-screen {
        position: fixed;
        display: none;
        z-index: 999;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.5)
    }

    @media (min-width:40em) {
        .site-nav-container-screen {
            display: none !important
        }
    }

    .close-menu {
        display: inline-block;
        clear: both;
        position: relative;
        text-align: center;
        color: #ffffff !important;
        padding: 0;
        padding-right: 1.4285714286em;
        margin: 0;
        text-decoration: none;
        font-size: 0.875em;
        font-weight: 600;
        line-height: normal
    }

    .close-menu:visited {
        color: #ffffff
    }

    .close-menu:after {
        content: "";
        background-color: transparent;
        background-image: url(https://technosofteng.com/wp-content/themes/technosoft-default/img/ico-close.svg);
        background-size: 0.9285714286em 0.9285714286em;
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        width: 0.9285714286em;
        top: 0;
        bottom: 0;
        right: 0;
        position: absolute
    }

    @media (min-width:60em) {
        .close-menu {
            display: none
        }
    }

    .snc-header {
        text-align: center;
        border-bottom: 1px solid #04243c;
        padding: 1em;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    @media (min-width:60em) {
        .snc-header {
            padding: 0;
            border-bottom: 0;
            display: none
        }
    }

    span.menu-image-hover-wrapper {
        width: 36px
    }

    .menu-image-title-after.menu-image-title {
        width: calc(100% - 36px);
        padding-left: 9px
    }

    .menu-item a img,
    img.menu-image-title-after {
        width: 36px;
        object-fit: contain;
        margin: 0 !important
    }

    .menu-item .sub-menu .menu-image-hover-wrapper img.menu-image {
        display: block
    }

    .menu-item .sub-menu .menu-image-hover-wrapper img.hovered-image {
        display: none
    }

    @media (min-width:60em) {

        .mega-menu-wrap .sn-li-l2,
        .mega-menu-wrap .sn-li-l3,
        .mega-menu-wrap .sn-li-l4 {
            padding: 0 0.625em 0.625em;
            flex-grow: 1;
            flex-basis: 0
        }

        .mega-menu-wrap .sn-li-l2>a,
        .mega-menu-wrap .sn-li-l3>a,
        .mega-menu-wrap .sn-li-l4>a {
            min-height: 3.75em;
            display: flex;
            align-items: center;
            padding: 0.5em 0.125em;
            padding-left: 0.5em
        }

        .mega-menu-wrap .sn-li-l3,
        .mega-menu-wrap .sn-li-l4 {
            margin-bottom: 0.25em;
            clear: both;
            padding: 0
        }

        .mega-menu-wrap .sn-li-l3>a,
        .mega-menu-wrap .sn-li-l4>a {
            min-height: inherit;
            display: inline-block;
            padding: 0.25em 0.625em;
            padding-left: 0.5em;
            padding-right: 0
        }

        .mega-menu-wrap .sn-li-l3.menu-item-has-children>a {
            padding-left: 1em
        }

        .mega-menu-wrap .sn-li-l4 {
            padding: 0;
            padding-left: 1em
        }

        .mega-menu-wrap .sn-li-l4>a {
            min-height: inherit;
            display: inline-block;
            padding: 0.25em 0.625em;
            padding-left: 1em;
            padding-right: 0
        }
    }

    .inner-wrap {
        max-width: 86em;
        margin-left: auto;
        margin-right: auto;
        padding: 1.5em 1em 1.5em 1em
    }

    .inner-wrap::after {
        clear: both;
        content: "";
        display: table
    }

    .inner-wrap>*:first-child {
        margin-top: 0
    }

    .inner-wrap>*:last-child {
        margin-bottom: 0
    }

    @media (min-width:40em) {
        .inner-wrap {
            padding: 2.5em 1.5em 2.5em 1.5em
        }
    }

    body .gform_wrapper {
        background-color: transparent;
        padding: 0;
        margin: 0
    }

    body .gform_wrapper input[type=text],
    body .gform_wrapper input[type=email],
    body .gform_wrapper input[type=tel],
    body .gform_wrapper select,
    body .gform_wrapper textarea {
        background-color: #F4F4F4;
        border: 0 !important;
        border-bottom: 2px solid #d55745 !important;
        font-size: 1.125em !important;
        color: #333c52;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
        padding: 0.5em !important
    }

    body .gform_wrapper .gform_button {
        border: 2px solid #d55745;
        font-size: 1.125em !important;
        padding: 0.7777777778em 1.9444444444em !important
    }

    body .gform_wrapper .gfield_required {
        font-size: 1.25em !important;
        color: red !important;
        vertical-align: middle;
        margin: 0
    }

    body .gform_wrapper .gform_required_legend {
        display: none
    }

    .gform_wrapper.gravity-theme .field_description_below .gfield_consent_description,
    .gform_wrapper.gravity-theme .gfield_consent_description {
        border: 0 !important;
        font-size: 14px !important;
        padding: 0 !important;
        color: #333 !important;
        font-weight: 700 !important;
        margin: 0 !important;
        max-height: inherit !important;
        overflow: auto !important
    }

    .site-wrap {
        background: #ffffff;
        position: relative;
        overflow: hidden;
        margin: 0 auto
    }

    .site-header-wrap {
        background-color: #ffffff
    }

    @media (min-width:60em) {
        .site-header-wrap {
            padding-top: 6.1875em
        }
    }

    .home .site-header-wrap {
        padding-top: 0
    }

    .site-header {
        position: relative;
        z-index: 999
    }

    .site-header:after {
        clear: both;
        content: "";
        display: table
    }

    .site-logo {
        margin-top: 0.625em;
        display: inline-block
    }

    .site-logo {
        display: none
    }

    .site-logo-stuck {
        display: block
    }

    .sh-top {
        display: none;
        background-color: rgba(255, 255, 255, 0.6);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-top: -3.0625em
    }

    .sh-top .inner-wrap {
        padding-top: 0.5em;
        padding-bottom: 0.5em
    }

    @media (min-width:60em) {
        .sh-top {
            display: block
        }

        .sh-top .inner-wrap {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .sh-top .inner-wrap:after {
            display: none
        }
    }

    .sh-social-wrap {
        display: flex;
        align-items: center
    }

    .sh-social-wrap a {
        width: 2em;
        height: 2em;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        background-color: #d55745;
        font-size: 1em;
        border-radius: 50%;
        margin-right: 0.5em;
        text-align: center;
        color: #ffffff
    }

    .sh-email {
        margin-left: 0.25em;
        border-left: 1px solid rgba(0, 0, 0, 0.2);
        padding-left: 0.625em
    }

    .sht-nav {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .sht-nav li {
        display: inline-block;
        margin: 0 0.375em;
        line-height: normal
    }

    .sht-nav li:first-child {
        margin-left: 0
    }

    .sht-nav li:last-child {
        margin-right: 0
    }

    .sht-nav li a {
        text-decoration: none;
        font-size: 0.875em;
        color: #ffffff;
        font-weight: 600;
        line-height: normal
    }

    @media (min-width:60em) {
        .sht-nav li a {
            color: #024E98
        }
    }

    @media (min-width:60em) {
        .sh-sticky-wrap {
            position: fixed;
            left: 0;
            right: 0;
            z-index: 9;
            top: 0;
            background-color: #ffffff
        }
    }

    .sh-wrap .inner-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify
    }

    .sh-wrap .inner-wrap:after {
        display: none
    }

    @media (min-width:60em) {
        .sh-wrap .inner-wrap {
            padding-top: 1em;
            padding-bottom: 0;
            position: relative
        }
    }

    .home .site-logo {
        display: none
    }

    .home .site-logo-stuck {
        display: block
    }

    @media (min-width:60em) {
        .home .sh-sticky-wrap {
            background-color: transparent
        }
    }

    @media (min-width:60em) {
        .home .site-logo {
            display: block
        }

        .home .site-logo-stuck {
            display: none
        }

        .home .sh-ico-search {
            background-image: url(https://technosofteng.com/wp-content/themes/technosoft-default/img/ico-search-white.svg)
        }

        .home .sn-li-l1>a {
            color: #ffffff
        }

        .home .sn-li-l1>a:after {
            color: #d55745
        }
    }

    .sh-right-wrap {
        display: flex;
        align-items: center
    }

    @media (min-width:60em) {
        .sh-right-wrap {
            display: inline-block;
            vertical-align: middle
        }
    }

    @media (min-width:40em) {
        .sh-utility-nav {
            display: inline-block;
            vertical-align: middle
        }
    }

    .sh-icons {
        display: flex
    }

    .sh-ico-menu,
    .sh-ico-search {
        background-repeat: no-repeat;
        background-position: center top;
        display: inline-block;
        padding-top: 1.2em;
        width: 1.5em;
        height: 1.5em;
        margin-left: 1em;
        text-align: center;
        text-decoration: none;
        vertical-align: middle
    }

    .sh-ico-menu span,
    .sh-ico-search span {
        font-size: 0.75em
    }

    .sh-ico-search {
        background-image: url(https://technosofteng.com/wp-content/themes/technosoft-default/img/ico-search-dark.svg)
    }

    .sh-ico-search span {
        display: none
    }

    .sh-ico-menu {
        background-image: url(https://technosofteng.com/wp-content/themes/technosoft-default/img/ico-menu.svg);
        background-size: contain
    }

    @media (min-width:60em) {
        .sh-ico-menu {
            display: none
        }
    }

    .sh-ico-menu span {
        display: none
    }

    @media (min-width:60em) {
        .mob-nav-link {
            display: none
        }
    }

    .menu-top-links-container {
        display: none
    }

    @media (min-width:60em) {
        .menu-top-links-container {
            display: block
        }
    }

    .site-intro {
        text-align: center;
        position: relative;
        overflow: hidden
    }

    .site-intro .inner-wrap {
        padding-top: 2.5em;
        padding-bottom: 3.75em
    }

    @media (min-width:60em) {
        .site-intro .inner-wrap {
            padding-top: 7.8125em;
            padding-bottom: 3.75em
        }
    }

    @media (min-width:60em) {
        .si-slider {
            height: 100vh
        }
    }

    .si-img {
        position: relative;
        display: inline-block;
        max-width: 18.75em;
        width: 100%
    }

    .si-img:before {
        content: "";
        background: url(technosofteng.com/wp-content/themes/technosoft-default/img/si-img-circle1.html);
        width: 3.375em;
        height: 3.375em;
        display: inline-block;
        background-size: 3.375em 3.375em;
        position: absolute;
        right: 0;
        top: 0;
        background-repeat: no-repeat
    }

    .si-img:after {
        content: "";
        background: url(technosofteng.com/wp-content/themes/technosoft-default/img/si-img-circle2.html);
        width: 3.375em;
        height: 3.375em;
        display: inline-block;
        background-size: contain;
        position: absolute;
        left: 1.25em;
        transform: translate(-50%);
        bottom: 0.625em;
        background-repeat: no-repeat
    }

    @media (min-width:40em) {
        .si-img {
            max-width: 37.5em
        }

        .si-img:after {
            content: "";
            left: 0.5em;
            bottom: 9.0625em;
            background-size: 3.375em 3.375em
        }
    }

    @media (min-width:80em) {
        .si-img {
            min-width: 37.5em
        }

        .si-img:before {
            right: 1.25em;
            top: 0.625em
        }

        .si-img:after {
            content: "";
            background-image: url(technosofteng.com/wp-content/themes/technosoft-default/img/si-img-circle2.html);
            width: 8.5em;
            height: 8.5em;
            background-repeat: no-repeat;
            bottom: 7.5em;
            background-size: 8.5em 8.5em
        }
    }

    @media (max-height:40em) and (min-width:60em) {
        .si-img:after {
            bottom: 10.5em
        }
    }

    @media (max-height:49em) and (min-width:60em) {
        .si-img:after {
            bottom: 7.8333333333em
        }
    }

    .si-item {
        position: relative;
        height: 100%
    }

    @media (min-width:60em) {
        .si-item .inner-wrap {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between
        }
    }

    .si-bg-img {
        background-image: url(technosofteng.com/wp-content/uploads/2024/03/shutterstock_2135203143.html);
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .si-bg-img:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent linear-gradient(90deg, #000000 0%, #00000080 100%) 0% 0% no-repeat padding-box
    }

    .si-content {
        position: relative;
        text-align: center
    }

    @media (min-width:60em) {
        .si-content {
            text-align: left;
            width: 55%;
            padding-right: 1.25em
        }
    }

    .si-img-wrap {
        z-index: 1;
        margin-top: 1.25em;
        z-index: 9;
        position: relative
    }

    @media (min-width:60em) {
        .si-img-wrap {
            width: 45%;
            margin-top: 0;
            margin-top: 2.5em
        }
    }

    .si-wrap {
        position: relative;
        width: 100%;
        padding-bottom: 3em
    }

    @media (min-width:60em) {
        .si-wrap {
            display: -webkit-box;
            display: -moz-box;
            display: box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -ms-justify-content: space-between;
            -o-justify-content: space-between;
            justify-content: space-between;
            -ms-flex-pack: justify;
            -webkit-box-align: center;
            -moz-box-align: center;
            box-align: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            -o-align-items: center;
            align-items: center;
            -ms-flex-align: center;
            padding-bottom: 6.75em
        }
    }

    .si-txt {
        max-width: 32.8125em;
        margin: auto
    }

    .si-txt p {
        color: #ffffff;
        font-size: 1em
    }

    @media (min-width:60em) {
        .si-txt {
            margin: 0
        }

        .si-txt p {
            font-size: 1.125em;
            margin-bottom: 1.6666666667em
        }
    }

    .si-btn {
        background-color: #d55745;
        color: #ffffff;
        border: 2px solid #d55745;
        border-radius: 3.125em
    }

    .si-tabs-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        max-height: 6.75em;
        overflow: hidden
    }

    #si-tabs {
        display: flex
    }

    .si-tab-title {
        text-decoration: none;
        color: #ffffff;
        font-family: HelveticaNeue;
        font-size: 1.125em;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.5555555556em 0.8888888889em;
        background-color: rgba(255, 255, 255, 0.4);
        height: 6em;
        gap: 0.5555555556em
    }

    .si-tab-title span {
        text-align: left
    }

    @media (min-width:40em) {
        .si-tab-title {
            border-right: 1px solid #ffffff
        }
    }

    .si-ico {
        width: 3.3333333333em
    }

    .si-ico img {
        display: block;
        max-height: 3.3333333333em
    }

    @media (min-width:40em) {
        .si-tab-txt {
            width: calc(100% - 3.3333333333em)
        }
    }

    .si-header {
        color: #ffffff;
        font-weight: 500;
        position: relative;
        padding-bottom: 16px
    }

    .si-header:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 100px;
        height: 4px;
        background-color: #D55745;
        border-radius: 2px
    }

    @media (min-width:60em) {
        .si-header {
            text-align: left
        }

        .si-header:after {
            margin: 0
        }
    }

    .search-table {
        display: table;
        width: 100%;
        float: right;
        padding: 0
    }

    .search-row {
        display: table-row;
        width: 100%
    }

    .search-cell1 {
        display: table-cell;
        vertical-align: middle
    }

    @media (min-width:60em) {
        .search-cell1 {
            width: 92%
        }
    }

    .search-cell2 {
        display: table-cell;
        width: 3.75em;
        border: 0;
        vertical-align: middle
    }

    .search-cell3 {
        display: table-cell;
        vertical-align: middle
    }

    @media (min-width:60em) {
        .search-cell3 {
            width: 3%;
            text-align: center
        }
    }

    .search-text {
        font-size: 0.8em;
        width: 100%;
        height: 2.3em;
        border: 1px solid red;
        float: left;
        padding-left: 0.5em;
        margin-bottom: 0 !important
    }

    .search-submit {
        width: 100%;
        min-width: 3.75em !important;
        height: 2.3em;
        border: 0;
        float: right;
        background: url(https://technosofteng.com/wp-content/themes/technosoft-default/img/ico-search.svg) no-repeat center center !important;
        padding: 0 !important
    }

    @media (min-width:40em) {
        .search-text {
            height: 2.3em
        }

        .search-submit {
            height: 2.3em
        }
    }

    .search-module {
        background-color: #024e97;
        top: -100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.47);
        position: fixed;
        left: 0;
        right: 0;
        z-index: -1
    }

    .search-module .inner-wrap {
        padding: 0.6875em 1.5em
    }

    .search-exit {
        width: 25px;
        height: 40px;
        background-image: url(https://technosofteng.com/wp-content/themes/technosoft-default/img/ico-exit.svg);
        background-repeat: no-repeat;
        background-size: 19px 19px;
        background-position: center;
        display: block
    }

    @media (min-width:60em) {
        .search-exit {
            margin-bottom: 0px
        }
    }

    .get-started-module img {
        display: block;
        max-height: 5em;
        margin: auto;
        height: auto !important
    }

    @media (min-width:60em) {
        .get-started-module img {
            margin: 0
        }
    }

    .gsmform input {
        border: 0 !important;
        margin: 0 !important;
        padding-left: 16px;
        box-shadow: none !important
    }

    .fm-form {
        max-width: 37.5em;
        margin: auto;
        padding: 3em 1.25em 1.25em;
        background-color: #ffffff;
        position: relative
    }

    .gitm-wrap>* {
        position: relative;
        z-index: 1
    }

    .floating-menu {
        position: fixed;
        bottom: 0.5em;
        z-index: 9;
        display: none
    }

    .floating-menu a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3em;
        height: 3em;
        border-radius: 50%;
        background-color: #024E98;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
        margin: 0.5em;
        color: #ffffff;
        text-decoration: none
    }

    .floating-menu a:last-child {
        margin-bottom: 0
    }

    .mfp-hide {
        display: none !important
    }

    .gform_wrapper select,
    .gform_wrapper textarea {
        font-family: inherit;
        letter-spacing: normal;
        font-size: inherit
    }

    .gform_wrapper {
        margin: 16px 0;
        max-width: 100%;
        background-color: #eeeeee;
        padding: 2em 1em 1em
    }

    .gform_wrapper form {
        text-align: left;
        max-width: 100%;
        margin: 0 auto
    }

    .gform_wrapper *,
    .gform_wrapper :after,
    .gform_wrapper :before {
        box-sizing: border-box !important
    }

    .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
        font-size: inherit;
        font-family: inherit;
        padding: 7px 4px;
        letter-spacing: normal;
        border: 1px solid #ccc
    }

    .gform_wrapper textarea {
        padding: 6px 8px;
        line-height: 1.5;
        resize: none
    }

    .gform_wrapper select {
        line-height: 1.5
    }

    .gform_wrapper select option {
        padding: 2px;
        display: block
    }

    .gform_wrapper .gform_heading {
        width: 100%;
        margin-bottom: 18px
    }

    .gform_wrapper label.gfield_label {
        font-weight: 400;
        font-size: 14px;
        margin-bottom: 0
    }

    .gform_wrapper .top_label .gfield_label {
        display: -moz-inline-stack;
        display: inline-block;
        line-height: 1.3;
        clear: both
    }

    .gform_wrapper .hidden_label .gfield_label {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden
    }

    body .gform_wrapper .top_label div.ginput_container {
        margin-top: 8px
    }

    .gform_wrapper input.large,
    .gform_wrapper select.large {
        width: 100%
    }

    .gform_wrapper textarea.small {
        height: 80px;
        width: 100%
    }

    .gform_wrapper .gfield_description {
        font-size: 0.813em;
        line-height: inherit;
        clear: both;
        font-family: inherit;
        letter-spacing: normal
    }

    .gform_wrapper .gfield_description {
        padding: 0 16px 0 0
    }

    .gform_wrapper .field_description_below .gfield_description {
        padding-top: 16px
    }

    .gform_wrapper .gfield_description {
        width: 100%
    }

    .gform_wrapper .gfield_required {
        color: #000000;
        margin-left: 4px
    }

    .gform_wrapper .gform_footer {
        padding: 16px 0 10px;
        margin: 16px 0 0;
        clear: both;
        width: 100%;
        text-align: center
    }

    .gform_wrapper .gform_footer input.button,
    .gform_wrapper .gform_footer input[type=submit] {
        font-size: 1em;
        width: 100%;
        margin: 0 0 16px
    }

    .gform_wrapper .gform_footer input.button,
    .gform_wrapper .gform_footer input[type=submit] {
        width: auto;
        line-height: 24px !important
    }

    .gform_wrapper .gform_hidden,
    .gform_wrapper input.gform_hidden,
    .gform_wrapper input[type=hidden] {
        display: none !important;
        max-height: 1px !important;
        overflow: hidden
    }

    .gform_validation_container,
    .gform_wrapper .gform_validation_container {
        display: none !important;
        position: absolute !important;
        left: -9000px
    }

    @media only screen and (max-width:641px) {
        .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
            line-height: 2;
            min-height: 2rem
        }

        .gform_wrapper textarea {
            line-height: 1.5
        }

        .gform_wrapper .ginput_container span:not(.ginput_price) {
            margin-bottom: 8px;
            display: block
        }
    }

    @media only screen and (min-width:641px) {
        .gform_wrapper .gform_body {
            width: 100%
        }

        .gform_wrapper .hidden_label input.large,
        .gform_wrapper .hidden_label select.large,
        .gform_wrapper .top_label input.large,
        .gform_wrapper .top_label select.large {
            width: 100%
        }

        .gform_wrapper textarea.small {
            height: 80px;
            width: 100%
        }

        .gform_wrapper .gform_footer input.button,
        .gform_wrapper .gform_footer input[type=submit] {
            display: -moz-inline-stack;
            display: inline-block
        }

        .gform_wrapper .gform_footer input.button,
        .gform_wrapper .gform_footer input[type=submit] {
            font-size: 1em;
            width: auto;
            margin: 0 16px 0 0
        }
    }

    .fa {
        font-family: var(--fa-style-family, "Font Awesome 6 Free");
        font-weight: var(--fa-style, 900)
    }

    .fa {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto
    }

    .fa-phone:before {
        content: "\f095"
    }

    .fa-envelope:before {
        content: "\f0e0"
    }

    .fa-angle-up:before {
        content: "\f106"
    }

    :host,
    :root {
        --fa-style-family-brands: "Font Awesome 6 Brands";
        --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
    }

    @font-face {
        font-family: "Font Awesome 6 Brands";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://use.fontawesome.com/releases/v6.2.0/webfonts/fa-brands-400.woff2) format("woff2"), url(https://use.fontawesome.com/releases/v6.2.0/webfonts/fa-brands-400.ttf) format("truetype");
    }

    .fa-linkedin:before {
        content: "\f08c"
    }

    .fa-facebook:before {
        content: "\f09a"
    }

    .fa-twitter:before {
        content: "\f099"
    }

    :host,
    :root {
        --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
    }

    :host,
    :root {
        --fa-style-family-classic: "Font Awesome 6 Free";
        --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
    }

    .fa.fa-facebook,
    .fa.fa-twitter {
        font-family: "Font Awesome 6 Brands";
        font-weight: 400
    }

    .fa.fa-facebook:before {
        content: "\f39e"
    }

    .fa.fa-linkedin {
        font-family: "Font Awesome 6 Brands";
        font-weight: 400
    }

    .fa.fa-linkedin:before {
        content: "\f0e1"
    }

    .fa.fa-youtube-play {
        font-family: "Font Awesome 6 Brands";
        font-weight: 400
    }

    .fa.fa-youtube-play:before {
        content: "\f167"
    }

    .gform_wrapper.gravity-theme fieldset,
    .gform_wrapper.gravity-theme legend {
        background: 0 0;
        padding: 0
    }

    .gform_wrapper.gravity-theme fieldset {
        border: none;
        display: block;
        margin: 0
    }

    .gform_wrapper.gravity-theme legend {
        margin-left: 0;
        margin-right: 0
    }

    .gform_wrapper.gravity-theme ::-ms-reveal {
        display: none
    }

    .gform_wrapper.gravity-theme .gform_validation_container,
    body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gform_validation_container,
    body .gform_wrapper.gravity-theme .gform_fields .gfield.gform_validation_container,
    body .gform_wrapper.gravity-theme .gform_validation_container {
        display: none !important;
        left: -9000px;
        position: absolute !important
    }

    @media only screen and (max-width:641px) {
        .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
            line-height: 2;
            min-height: 32px
        }

        .gform_wrapper.gravity-theme textarea {
            line-height: 1.5
        }
    }

    .gform_wrapper.gravity-theme .gform_hidden {
        display: none
    }

    .gform_wrapper.gravity-theme .hidden_label .gfield_label {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        word-wrap: normal !important
    }

    .gform_wrapper.gravity-theme .gfield textarea {
        width: 100%
    }

    .gform_wrapper.gravity-theme .gfield textarea.small {
        height: 96px
    }

    .gform_wrapper.gravity-theme .gfield input,
    .gform_wrapper.gravity-theme .gfield select {
        max-width: 100%
    }

    .gform_wrapper.gravity-theme .gfield input.large,
    .gform_wrapper.gravity-theme .gfield select.large {
        width: 100%
    }

    .gform_wrapper.gravity-theme * {
        box-sizing: border-box
    }

    .gform_wrapper.gravity-theme .gform_fields {
        display: grid;
        grid-column-gap: 2%;
        -ms-grid-columns: (1fr 2%)[12];
        grid-row-gap: 16px;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(auto-fill, auto);
        width: 100%
    }

    .gform_wrapper.gravity-theme .gfield {
        grid-column: 1/-1;
        min-width: 0
    }

    .gform_wrapper.gravity-theme .gfield.gfield--width-full {
        grid-column: span 12;
        -ms-grid-column-span: 12
    }

    .gform_wrapper.gravity-theme .gfield.gfield--width-half {
        grid-column: span 6;
        -ms-grid-column-span: 6
    }

    @media (max-width:640px) {
        .gform_wrapper.gravity-theme .gform_fields {
            grid-column-gap: 0
        }

        .gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
            grid-column: 1/-1
        }
    }

    .gform_wrapper.gravity-theme .gfield_label {
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 8px;
        padding: 0
    }

    .gform_wrapper.gravity-theme .gfield_required {
        color: #c02b0a;
        display: inline-block;
        font-size: 13.008px;
        padding-inline-start: 0.125em
    }

    .gform_wrapper.gravity-theme .gform_required_legend .gfield_required {
        padding-inline-start: 0
    }

    .gform_wrapper.gravity-theme .gform_footer {
        display: flex
    }

    .gform_wrapper.gravity-theme .gform_footer input {
        align-self: flex-end
    }

    .gform_wrapper.gravity-theme .gfield_description {
        clear: both;
        font-family: inherit;
        font-size: 15px;
        letter-spacing: normal;
        line-height: inherit;
        padding-top: 13px;
        width: 100%
    }

    .gform_wrapper.gravity-theme .field_description_below .gfield_consent_description,
    .gform_wrapper.gravity-theme .gfield_consent_description {
        border: 1px solid #ddd;
        font-size: 13.008px;
        margin-top: 12.8px;
        max-height: 240px;
        overflow-y: scroll;
        padding: 6.4px 8px;
        width: 100%
    }

    .gform_wrapper.gravity-theme .gform_footer {
        margin: 6px 0 0;
        padding: 16px 0
    }

    .gform_wrapper.gravity-theme .gform_footer input {
        margin-bottom: 8px
    }

    .gform_wrapper.gravity-theme .gform_footer input+input {
        margin-left: 8px
    }

    .gform_wrapper.gravity-theme input[type=email],
    .gform_wrapper.gravity-theme input[type=tel],
    .gform_wrapper.gravity-theme input[type=text],
    .gform_wrapper.gravity-theme select,
    .gform_wrapper.gravity-theme textarea {
        font-size: 15px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 8px
    }

    .gform_wrapper.gravity-theme .gfield_consent_description {
        border: 1px solid #ddd;
        font-size: .8em;
        margin-top: 8px;
        max-height: 240px;
        overflow-y: scroll;
        padding: 8px
    }
    

    :root {
        --wp--preset--aspect-ratio--square: 1;
        --wp--preset--aspect-ratio--4-3: 4/3;
        --wp--preset--aspect-ratio--3-4: 3/4;
        --wp--preset--aspect-ratio--3-2: 3/2;
        --wp--preset--aspect-ratio--2-3: 2/3;
        --wp--preset--aspect-ratio--16-9: 16/9;
        --wp--preset--aspect-ratio--9-16: 9/16;
        --wp--preset--color--black: #000000;
        --wp--preset--color--cyan-bluish-gray: #abb8c3;
        --wp--preset--color--white: #ffffff;
        --wp--preset--color--pale-pink: #f78da7;
        --wp--preset--color--vivid-red: #cf2e2e;
        --wp--preset--color--luminous-vivid-orange: #ff6900;
        --wp--preset--color--luminous-vivid-amber: #fcb900;
        --wp--preset--color--light-green-cyan: #7bdcb5;
        --wp--preset--color--vivid-green-cyan: #00d084;
        --wp--preset--color--pale-cyan-blue: #8ed1fc;
        --wp--preset--color--vivid-cyan-blue: #0693e3;
        --wp--preset--color--vivid-purple: #9b51e0;
        --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
        --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
        --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
        --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
        --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
        --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
        --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
        --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
        --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
        --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
        --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
        --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
        --wp--preset--font-size--small: 13px;
        --wp--preset--font-size--medium: 20px;
        --wp--preset--font-size--large: 36px;
        --wp--preset--font-size--x-large: 42px;
        --wp--preset--spacing--20: 0.44rem;
        --wp--preset--spacing--30: 0.67rem;
        --wp--preset--spacing--40: 1rem;
        --wp--preset--spacing--50: 1.5rem;
        --wp--preset--spacing--60: 2.25rem;
        --wp--preset--spacing--70: 3.38rem;
        --wp--preset--spacing--80: 5.06rem;
        --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
        --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
        --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
        --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
        --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
    }

    :where(.is-layout-flex) {
        gap: 0.5em;
    }

    :where(.is-layout-grid) {
        gap: 0.5em;
    }

    body .is-layout-flex {
        display: flex;
    }

    .is-layout-flex {
        flex-wrap: wrap;
        align-items: center;
    }

    .is-layout-flex> :is(*, div) {
        margin: 0;
    }

    body .is-layout-grid {
        display: grid;
    }

    .is-layout-grid> :is(*, div) {
        margin: 0;
    }

    :where(.wp-block-columns.is-layout-flex) {
        gap: 2em;
    }

    :where(.wp-block-columns.is-layout-grid) {
        gap: 2em;
    }

    :where(.wp-block-post-template.is-layout-flex) {
        gap: 1.25em;
    }

    :where(.wp-block-post-template.is-layout-grid) {
        gap: 1.25em;
    }

    .has-black-color {
        color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-color {
        color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-color {
        color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-color {
        color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-color {
        color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-color {
        color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-color {
        color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-color {
        color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-color {
        color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-color {
        color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-color {
        color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-color {
        color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-black-background-color {
        background-color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-background-color {
        background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-background-color {
        background-color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-background-color {
        background-color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-background-color {
        background-color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-background-color {
        background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-background-color {
        background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-background-color {
        background-color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-background-color {
        background-color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-background-color {
        background-color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-background-color {
        background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-background-color {
        background-color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-black-border-color {
        border-color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-border-color {
        border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-border-color {
        border-color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-border-color {
        border-color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-border-color {
        border-color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-border-color {
        border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-border-color {
        border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-border-color {
        border-color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-border-color {
        border-color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-border-color {
        border-color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-border-color {
        border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-border-color {
        border-color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
        background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
    }

    .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
        background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
    }

    .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
        background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-orange-to-vivid-red-gradient-background {
        background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
    }

    .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
        background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
    }

    .has-cool-to-warm-spectrum-gradient-background {
        background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
    }

    .has-blush-light-purple-gradient-background {
        background: var(--wp--preset--gradient--blush-light-purple) !important;
    }

    .has-blush-bordeaux-gradient-background {
        background: var(--wp--preset--gradient--blush-bordeaux) !important;
    }

    .has-luminous-dusk-gradient-background {
        background: var(--wp--preset--gradient--luminous-dusk) !important;
    }

    .has-pale-ocean-gradient-background {
        background: var(--wp--preset--gradient--pale-ocean) !important;
    }

    .has-electric-grass-gradient-background {
        background: var(--wp--preset--gradient--electric-grass) !important;
    }

    .has-midnight-gradient-background {
        background: var(--wp--preset--gradient--midnight) !important;
    }

    .has-small-font-size {
        font-size: var(--wp--preset--font-size--small) !important;
    }

    .has-medium-font-size {
        font-size: var(--wp--preset--font-size--medium) !important;
    }

    .has-large-font-size {
        font-size: var(--wp--preset--font-size--large) !important;
    }

    .has-x-large-font-size {
        font-size: var(--wp--preset--font-size--x-large) !important;
    }

    :where(.wp-block-post-template.is-layout-flex) {
        gap: 1.25em;
    }

    :where(.wp-block-post-template.is-layout-grid) {
        gap: 1.25em;
    }

    :where(.wp-block-columns.is-layout-flex) {
        gap: 2em;
    }

    :where(.wp-block-columns.is-layout-grid) {
        gap: 2em;
    }

    :root :where(.wp-block-pullquote) {
        font-size: 1.5em;
        line-height: 1.6;
    }
    .wp-block-button__link {
        color: #fff;
        background-color: #32373c;
        border-radius: 9999px;
        box-shadow: none;
        text-decoration: none;
        padding: calc(.667em + 2px) calc(1.333em + 2px);
        font-size: 1.125em
    }

    .wp-block-file__button {
        background: #32373c;
        color: #fff;
        text-decoration: none
    }
    .wp-block-font-awesome-icon svg::before,
    .wp-rich-text-font-awesome-icon svg::before {
        content: unset;
    }
    img.wp-smiley,
    img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 0.07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
    }

    .a-stats {
        --akismet-color-mid-green: #357b49;
        --akismet-color-white: #fff;
        --akismet-color-light-grey: #f6f7f7;
        max-width: 350px;
        width: auto;
    }

    .a-stats * {
        all: unset;
        box-sizing: border-box;
    }

    .a-stats strong {
        font-weight: 600;
    }

    .a-stats a.a-stats__link,
    .a-stats a.a-stats__link:visited,
    .a-stats a.a-stats__link:active {
        background: var(--akismet-color-mid-green);
        border: none;
        box-shadow: none;
        border-radius: 8px;
        color: var(--akismet-color-white);
        cursor: pointer;
        display: block;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
        font-weight: 500;
        padding: 12px;
        text-align: center;
        text-decoration: none;
        transition: all 0.2s ease;
    }

    /* Extra specificity to deal with TwentyTwentyOne focus style */
    .widget .a-stats a.a-stats__link:focus {
        background: var(--akismet-color-mid-green);
        color: var(--akismet-color-white);
        text-decoration: none;
    }

    .a-stats a.a-stats__link:hover {
        filter: brightness(110%);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16);
    }

    .a-stats .count {
        color: var(--akismet-color-white);
        display: block;
        font-size: 1.5em;
        line-height: 1.4;
        padding: 0 13px;
        white-space: nowrap;
    }
    
    .rll-youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
    }

    .rll-youtube-player:focus-within {
        outline: 2px solid currentColor;
        outline-offset: 5px;
    }

    .rll-youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: 0 0
    }

    .rll-youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all
    }

    .rll-youtube-player img:hover {
        -webkit-filter: brightness(75%)
    }

    .rll-youtube-player .play {
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        position: absolute;
        background: url(wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;
        background-color: transparent !important;
        cursor: pointer;
        border: none;
    }
    
    .enabled-btn {
        pointer-events: none;
        opacity: 0.7;
    }

    .agree-box input[type="checkbox"] {
        vertical-align: top !important;
        margin-top: 5px;
    }

    .agree-box .gform-field-label {
        display: inline;
        font-size: 14px;
        color: #333 !important;
    }

    .gform_wrapper.gravity-theme .gfield_required {
        display: inline !important;
    }
    
    ul li p {
        font-size: 1em;
    }

    body .gform_wrapper input[type=text],
    body .gform_wrapper input[type=email],
    body .gform_wrapper input[type=tel],
    body .gform_wrapper select,
    body .gform_wrapper textarea {
        background-color: #F4F4F4;
        border: 0 !important;
        border-bottom: 2px solid #d55745 !important;
        font-size: 1.125em !important;
        color: #333c52;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
        padding: 0.5em !important;
    }

    p.gform_required_legend {
        display: none;
    }

    .gform_wrapper {
        background-color: #FFF;
        padding: 0em 1em 1em;
    }

    .si-bg-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .aum-desc a {
        color: #fff;
    }

    .news-item img {
        margin: auto;
    }

    .news-meta {
        text-align: center;
    }

    @media (min-width: 60em) {
        .news-meta {
            text-align: left;
        }
    }
    
    .slide {
    width: 100% !important;
    height: auto;
    padding: 10px;
}

.hwm-heading{
  color: #fff !important;
}

.vmv-item {
    padding: 20px;
    background: #04243c;
    text-align: center;
    box-shadow: 0 4px 8px rgb(255 255 255) !important;
    border-radius: 45px;
}


.social-media {
    position: fixed;
    top: 86%;
    left: 10px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 15px; /* space between icons */
    z-index: 9999;
}

/* Icon style */
.social-media a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #979ba0;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    text-decoration: none;
    transition: transform 0.3s, background-color 0.3s;
}

/* Hover effect */
.social-media a:hover {
    transform: scale(1.2);
}

/* Different colors per platform */
.social-media a.facebook:hover { background-color: #3b5998; }
.social-media a.whatsapp:hover { background-color: #25d366; }
.social-media a.youtube:hover { background-color: #ff0000; }
.social-media a.instagram:hover { background-color: #e1306c; }
.social-media a.linkedin:hover { background-color: #0a66c2; } /* LinkedIn blue */



   @media (max-width: 768px) {
   .site-footer {
   position: relative;
   background: none;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center center;
   text-align: center;
   color: #fff;
   content-visibility: inherit !important;
   }
   .mdsmob {
   display: block;
   }
   .site-footer::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: url('assets/wp-content/images/footer-bg2.jpg') !important;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   opacity: 0.9;
   /* Adjust opacity as needed */
   z-index: -1;
   }
   }
   

   .box {
    box-shadow: 0 3px 10px rgb(255 255 255 / 52%);
    padding: 10px;
}

.box h4{
  color: #fff;
}

    .col-md-3 {
        width: 23% !important;
    }

    .box p{
      color: #fff;
    }