/* ==========================================================================
   Cloud4Things — SEO Styling Fixes (seo-fixes.css)
   Restores original visual appearance for converted heading tags (seo-hN)
   ========================================================================== */

/* Display block for non-heading elements with seo-hN classes */
div.seo-h1,
div.seo-h2,
div.seo-h3,
div.seo-h4,
div.seo-h5,
div.seo-h6,
span.seo-h1,
span.seo-h2,
span.seo-h3,
span.seo-h4,
span.seo-h5,
span.seo-h6 {
  display: block;
}

/* Accessible visually hidden class for SEO single H1 elements */
.seo-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* --------------------------------------------------------------------------
   Banner Eyebrows and Headings
   -------------------------------------------------------------------------- */
.banner-txt h2,
.banner-txt h2.seo-h1,
.banner-txt div.seo-h1 {
  font-size: 80px;
  padding: 0;
  margin: 0;
  font-weight: 700;
  line-height: 76px;
  color: var(--white-color);
  text-transform: capitalize;
}

.banner-txt .seo-h4 {
  color: var(--white-color);
  text-transform: capitalize;
  font-weight: 300;
  font-size: 17px;
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.5);
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 10px;
}

/* --------------------------------------------------------------------------
   Section Eyebrows (.site-title .seo-h4)
   -------------------------------------------------------------------------- */
.site-title .seo-h4 {
  position: relative;
  color: var(--main-color);
  width: -moz-fit-content;
  width: fit-content;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
  padding: 0 20px !important;
  margin-bottom: 0.5rem;
}

.site-title .seo-h4::before {
  position: absolute;
  background: var(--main-color);
  height: 22px;
  transform: rotate(0);
  content: "";
  width: 7px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.site-title .seo-h4::after {
  position: absolute;
  background: var(--main-color);
  height: 22px;
  transform: rotate(0);
  content: "";
  width: 2px;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
}

/* --------------------------------------------------------------------------
   About Section - Decorative Badge
   -------------------------------------------------------------------------- */
.about-style-five-thumb .seo-h2 {
  margin: 0;
  background: var(--primary-color);
  font-size: 25px;
  position: absolute;
  left: 47%;
  top: 60px;
  right: 0;
  padding: 48px 50px;
  font-weight: 600;
  color: var(--white-color);
  clip-path: polygon(45% 1.33975%,
      46.5798% 0.60307%,
      48.26352% 0.15192%,
      50% 0%,
      51.73648% 0.15192%,
      53.4202% 0.60307%,
      55% 1.33975%,
      89.64102% 21.33975%,
      91.06889% 22.33956%,
      92.30146% 23.57212%,
      93.30127% 25%,
      94.03794% 26.5798%,
      94.48909% 28.26352%,
      94.64102% 30%,
      94.64102% 70%,
      94.48909% 71.73648%,
      94.03794% 73.4202%,
      93.30127% 75%,
      92.30146% 76.42788%,
      91.06889% 77.66044%,
      92.64102% 78.66025%,
      55% 98.66025%,
      53.4202% 99.39693%,
      51.73648% 99.84808%,
      50% 100%,
      48.26352% 99.84808%,
      46.5798% 99.39693%,
      45% 98.66025%,
      10.35898% 78.66025%,
      8.93111% 77.66044%,
      7.69854% 76.42788%,
      6.69873% 75%,
      5.96206% 73.4202%,
      5.51091% 71.73648%,
      5.35898% 70%,
      5.35898% 30%,
      5.51091% 28.26352%,
      5.96206% 26.5798%,
      6.69873% 25%,
      7.69854% 23.57212%,
      8.93111% 22.33956%,
      10.35898% 21.33975%);
  height: 250px;
  width: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  transform: scale(0.8);
}

/* --------------------------------------------------------------------------
   Services Subheadings
   -------------------------------------------------------------------------- */
.serv-txt h3,
.serv-txt .seo-h4 {
  color: var(--secondary-color);
  font-weight: 700;
  font-size: 21px;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #ccc;
}

/* --------------------------------------------------------------------------
   Stats Section & Counters
   -------------------------------------------------------------------------- */
.stats-content .seo-h3 {
  font-size: 34px;
  color: var(--primary-color);
  font-weight: 700;
  margin-bottom: 20px;
}

.counter-each .seo-h2 {
  font-size: 29px;
  color: #959595;
  margin: 0;
  padding: 0;
  line-height: 26px;
  font-weight: 300;
}

.counter-each .seo-h2 span {
  font-weight: 600;
  font-size: 20px;
  color: var(--secondary-color);
}

/* --------------------------------------------------------------------------
   Accordion Headers as H3
   -------------------------------------------------------------------------- */
.accordion-header h3,
h3.accordion-header {
  margin: 0;
}

/* --------------------------------------------------------------------------
   Blog Cards & Dates
   -------------------------------------------------------------------------- */
.inner-blog-date .seo-h4 {
  background: var(--secondary-color);
  text-align: center;
  color: var(--white-color);
  padding: 11px;
  font-size: 39px;
  margin: 0;
  font-weight: 700;
  line-height: 1;
}

.inner-blog-date .seo-h5 {
  background: var(--main-color);
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  padding: 10px;
  margin: 0;
}

.blog-inner-txt .seo-h5 {
  font-size: 13px;
  margin-bottom: 0.5rem;
}

.blog-inner-txt .seo-h5 span {
  float: right;
  font-weight: 700;
  color: var(--main-color);
  font-size: 11px;
}

.blog-inner-txt h3,
.blog-inner-txt .seo-h2 {
  font-weight: 600;
  font-size: 20px;
  padding: 10px 0;
  letter-spacing: 0;
  margin: 0;
  color: #002445;
}

/* --------------------------------------------------------------------------
   Footer Titles and Addresses
   -------------------------------------------------------------------------- */
.foot-each .seo-h6 {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.foot-each1 .seo-h4 {
  margin: 0;
  color: var(--main-color);
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
}

/* --------------------------------------------------------------------------
   Inner Banner Breadcrumbs
   -------------------------------------------------------------------------- */
section.inner-banner .seo-h5 {
  text-align: center;
  position: relative;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
}

section.inner-banner .seo-h5 a {
  color: #fff;
  text-decoration: none;
}

.about-style-five-info h3,
.about-style-five-info .seo-h5 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 10px;
  color: #002445;
}

.serv-inner-each h3,
.serv-inner-each .seo-h4 {
  font-weight: 600;
  font-size: 18px;
}

/* --------------------------------------------------------------------------
   Products Page (#in-services-pg .blog-inner)
   -------------------------------------------------------------------------- */
#in-services-pg .blog-inner h2,
#in-services-pg .blog-inner .seo-h1 {
  text-align: center;
  font-weight: 600;
  font-size: 27px;
  padding: 0;
  color: var(--main-color);
  margin-bottom: 0.5rem;
}

#in-services-pg .blog-inner h3,
.blog-inner h3.seo-h5,
.blog-inner .seo-h5 {
  background: var(--secondary-color);
  color: #fff;
  text-align: center;
  padding: 8px 12px;
  font-size: 13px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px 0;
  font-weight: 600;
}

/* --------------------------------------------------------------------------
   Portals & Apps Page (.portal-sec)
   -------------------------------------------------------------------------- */
.portal-txt h3 {
  color: var(--main-color);
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 2px;
}

.portal-btns .seo-h4 {
  font-weight: 600;
  font-size: 16px;
  padding: 13px 0 0;
}

/* --------------------------------------------------------------------------
   Clients Page (.section-header)
   -------------------------------------------------------------------------- */
.section-header h1 {
  font-size: 36px;
  color: #283d50;
  text-align: center;
  font-weight: 500;
  position: relative;
}

/* --------------------------------------------------------------------------
   Blog Post Details Page (.blog-inner)
   -------------------------------------------------------------------------- */
.blog-inner h2.seo-h5 {
  background: var(--secondary-color);
  color: #fff;
  text-align: center;
  padding: 8px 12px;
  font-size: 13px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px 0;
  font-weight: 600;
}

.blog-inner .seo-h2:not(h2) {
  font-size: 22px;
  line-height: 30px;
  margin: 20px 0 30px;
}

.blog-inner .seo-h6 {
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
}

/* --------------------------------------------------------------------------
   Careers Page (.career-each)
   -------------------------------------------------------------------------- */
.career-each h2.seo-h4,
.career-each h3.seo-h4 {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 0.5rem;
}

.career-each h2.seo-h4 span {
  color: var(--white-color);
  font-size: 12px;
  font-weight: 400;
  padding: 6px 20px;
  margin-left: 6px;
  background: var(--secondary-color);
}

/* --------------------------------------------------------------------------
   Contact Page (.con-info-each)
   -------------------------------------------------------------------------- */
.con-info-each h2.seo-h4,
.con-info-each h3.seo-h4 {
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 0.5rem;
}

/* --------------------------------------------------------------------------
   Responsive Overrides
   -------------------------------------------------------------------------- */
@media screen and (max-width: 1280px) {

  .banner-txt h2,
  .banner-txt h2.seo-h1,
  .banner-txt div.seo-h1 {
    font-size: 57px;
  }
}

@media screen and (max-width: 992px) {

  .banner-txt h2,
  .banner-txt h2.seo-h1,
  .banner-txt div.seo-h1 {
    font-size: 42px;
    line-height: 26px;
  }
}

@media screen and (max-width: 800px) {
  .banner-txt .seo-h4 {
    font-size: 15px;
  }

  .banner-txt h2,
  .banner-txt h2.seo-h1,
  .banner-txt div.seo-h1 {
    font-size: 35px;
    line-height: 36px;
  }
}

@media screen and (max-width: 675px) {
  .about-style-five-thumb .seo-h2 {
    display: none;
  }

  .stats-content .seo-h3 {
    font-size: 23px;
  }
}