/*----- 

-----------------------------------------------------------------------------------
Template Name: Sasly - Multipurpose Landing Page HTML Template
Page Name: Home Software
Description: HI-TECH BUSINESS MACHINES - 33 years of innovation in manufacturing key cutting machines, sticker cutting machines, and rubber stamp machines. Empowering entrepreneurs with reliable, profitable business solutions since 1991.
Author: Pixelfit
Version: 1.0 
-----------------------------------------------------------------------------------

----*/
/* Common CSS */
:root {
  --primary-color: #ff4433;
  --secondary-color: #a6ef67;
  --primary-black-color: #1f1f1f;
}

/* Simulating 80% zoom without using zoom or scale */
html {
  /* zoom: 0.8; Makes everything 10% smaller while maintaining proper positioning */
}

.sub-heading {
  background-color: #f4ebfd;
}

.theme-btn.style-one {
  padding: 17.6px 40px; /* 22px * 0.8 = 17.6px, 50px * 0.8 = 40px */
}

main {
  padding-top: 24px; /* 30px * 0.8 = 24px */
}
@media (min-width: 1200px) and (max-width: 1450px) {
  main {
    padding-top: 16px; /* 20px * 0.8 = 16px */
  }
}
@media screen and (max-width: 991px) {
  main {
    padding-top: 0;
  }
}

/* Header CSS */
.header-area {
  max-width: 1424px; /* 1780px * 0.8 = 1424px */
  margin: 0 auto;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .header-area {
    max-width: 904px; /* 1130px * 0.8 = 904px */
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .header-area {
    max-width: 736px; /* 920px * 0.8 = 736px */
  }
}
@media screen and (max-width: 991px) {
  .header-area {
    max-width: 480px; /* 600px * 0.8 = 480px */
  }
}
@media (max-width: 575px) {
  .header-area {
    max-width: 280px; /* 350px * 0.8 = 280px */
  }

  .pt-220{
    padding-top: 50px;
  }
}

/* Hero CSS */
.hero-ss {
  background-color: #f8fafb;
  margin: 0 24px 0; /* 30px * 0.8 = 24px */
  border: 1px solid rgba(38, 39, 43, 0.1);
  border-radius: 16px; /* 20px * 0.8 = 16px */
  padding: 224px 0 0; /* 280px * 0.8 = 224px */
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .hero-ss {
    margin: 0 16px 0; /* 20px * 0.8 = 16px */
  }
}
@media screen and (max-width: 991px) {
  .hero-ss {
    margin: 0;
    border-radius: 0 0 16px 16px; /* 20px * 0.8 = 16px */
  }
}
@media (max-width: 575px) {
  .hero-ss {
    padding: 144px 0 0; /* 180px * 0.8 = 144px */
  }
}
.hero-ss .hero-content {
  padding-bottom: 104px; /* 130px * 0.8 = 104px */
}
.hero-ss .hero-content .sub-heading {
  background-color: var(--primary-color);
  color: var(--white-color);
}
.hero-ss .hero-content .sub-heading i {
  color: var(--white-color);
}
.hero-ss .hero-content h1 {
  font-size: 96px; /* 120px * 0.8 = 96px */
  line-height: 100%; /* 150px */
  letter-spacing: -3.6px; /* -4.5px * 0.8 = -3.6px */
  margin-bottom: 24px; /* 30px * 0.8 = 24px */
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .hero-ss .hero-content h1 {
    font-size: 88px; /* 110px * 0.8 = 88px */
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-ss .hero-content h1 {
    font-size: 80px; /* 100px * 0.8 = 80px */
  }
}
@media screen and (max-width: 991px) {
  .hero-ss .hero-content h1 {
    font-size: 64px; /* 80px * 0.8 = 64px */
  }
}
@media (max-width: 575px) {
  .hero-ss .hero-content h1 {
    font-size: 33.6px; /* 42px * 0.8 = 33.6px */
    line-height: 44px; /* 55px * 0.8 = 44px */
  }

  .hero-content{
    padding-bottom: 50px !important;
  }
}
.hero-ss .hero-content p {
  max-width: 656px; /* 820px * 0.8 = 656px */
  color: var(--heading-color);
  margin: 0 auto 32px; /* 40px * 0.8 = 32px */
}
.hero-ss .hero-content .theme-btn {
  border-radius: 9.6px; /* 12px * 0.8 = 9.6px */
}
@media (max-width: 575px) {
  .hero-ss .hero-content .theme-btn {
    margin-bottom: 8px; /* 10px * 0.8 = 8px */
  }
}
.hero-ss .hero-content .theme-btn.style-one {
  background-color: var(--secondary-color);
  color: var(--heading-color);
  padding: 15.2px 32px; /* 19px * 0.8 = 15.2px, 40px * 0.8 = 32px */
  font-weight: 700;
  margin-right: 12px; /* 15px * 0.8 = 12px */
}
.hero-ss .hero-content .theme-btn.style-two {
  border-color: #26272b;
  padding: 8px 28px; /* 10px * 0.8 = 8px, 35px * 0.8 = 28px */
}
.hero-ss .hero-content .theme-btn.style-two:hover {
  border-color: transparent;
}
.hero-ss .hero-image {
  margin-bottom: -72px; /* -90px * 0.8 = -72px */
}
.hero-ss .hero-image img {
  border-radius: 24px; /* 30px * 0.8 = 24px */
}
@media (max-width: 575px) {
  .hero-ss .hero-image img {
    border-radius: 8px; /* 10px * 0.8 = 8px */
  }
}

.features-two-ss .feature-image-box img {
  border-radius: 8px; /* 10px * 0.8 = 8px */
  border: 1px solid rgba(38, 39, 43, 0.1);
  background-color: var(--white-color);
}

/* Pricing CSS */
.pricing-ss .table-responsive::-webkit-scrollbar {
  width: 1.6px; /* 2px * 0.8 = 1.6px */
}
@media screen and (max-width: 991px) {
  .pricing-ss .table-area {
    width: 960px; /* 1200px * 0.8 = 960px */
  }
}
.pricing-ss .pricing-wrapper {
  border-radius: 8px; /* 10px * 0.8 = 8px */
  border: 1px solid rgba(38, 39, 43, 0.1);
  background-color: var(--white-color);
  -webkit-box-shadow: 8px 3.2px 48px 0px rgba(193, 193, 193, 0.25); /* 10px * 0.8 = 8px, 4px * 0.8 = 3.2px, 60px * 0.8 = 48px */
  box-shadow: 8px 3.2px 48px 0px rgba(193, 193, 193, 0.25);
}

/* Testimonial CSS */
.testimonial-ss {
  border-radius: 16px; /* 20px * 0.8 = 16px */
  margin: 0 24px; /* 30px * 0.8 = 24px */
}
@media (max-width: 767px) {
  .testimonial-ss {
    margin: 0;
    border-radius: 0;
  }
}
.testimonial-ss .testimonial-slider {
  margin-right: -40%; /* -50% * 0.8 = -40% */
}
@media screen and (max-width: 991px) {
  .testimonial-ss .testimonial-slider {
    margin-right: 0;
  }
}

/* Intregration CSS */
.intregration-tools-ss .tool-item {
  background-color: #f8fafb;
}
.intregration-tools-ss .tool-item h5 {
  color: var(--heading-color);
}

/* Software CSS */
.software-footer {
  background-color: var(--primary-black-color);
}
.software-footer .newsletter-wrapper {
  padding: 80px 16px; /* 100px * 0.8 = 80px, 20px * 0.8 = 16px */
}
.software-footer .newsletter-wrapper .section-content-box h2 {
  font-size: 41.6px; /* 52px * 0.8 = 41.6px */
  font-weight: 600;
  letter-spacing: -0.832px; /* -1.04px * 0.8 = -0.832px */
  margin-bottom: 24px; /* 30px * 0.8 = 24px */
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .software-footer .newsletter-wrapper .section-content-box h2 {
    font-size: 36.8px; /* 46px * 0.8 = 36.8px */
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .software-footer .newsletter-wrapper .section-content-box h2 {
    font-size: 25.6px; /* 32px * 0.8 = 25.6px */
    line-height: 36px; /* 45px * 0.8 = 36px */
  }
}
@media screen and (max-width: 991px) {
  .software-footer .newsletter-wrapper .section-content-box h2 {
    font-size: 25.6px; /* 32px * 0.8 = 25.6px */
    line-height: 36px; /* 45px * 0.8 = 36px */
  }
}
.software-footer .newsletter-wrapper .section-content-box h5 {
  font-weight: 500;
  color: #b8b8b8;
  margin-bottom: 32px; /* 40px * 0.8 = 32px */
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .software-footer .newsletter-wrapper .section-content-box h5 {
    font-size: 12.8px; /* 16px * 0.8 = 12.8px */
  }
}
@media screen and (max-width: 991px) {
  .software-footer .newsletter-wrapper .section-content-box h5 {
    font-size: 12.8px; /* 16px * 0.8 = 12.8px */
    line-height: 28px; /* 35px * 0.8 = 28px */
  }
}
.software-footer .newsletter-wrapper .section-content-box .theme-btn.style-one {
  font-size: 12.8px; /* 16px * 0.8 = 12.8px */
}
.software-footer
  .newsletter-wrapper
  .section-content-box
  .theme-btn.style-one:hover {
  background-color: var(--secondary-color);
  color: var(--heading-color);
}
.software-footer .footer-copyright {
  border-color: rgba(255, 255, 255, 0.1);
}
.software-footer .footer-copyright .copyright-text p span {
  color: var(--white-color);
}
.software-footer .footer-copyright .copyright-nav ul li a:hover {
  color: var(--white-color);
}

.footer-widget {
  color: #bbb;
}
.footer-widget h4.widget-title {
  color: var(--white-color);
}
.footer-widget .footer-content .social-link li a {
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--white-color);
}
.footer-widget.footer-nav-widget ul li a:hover {
  color: var(--primary-color);
}
.footer-widget.footer-newsletter-widget .footer-content .form_control {
  border: 0.96px solid rgba(255, 255, 255, 0.1); /* 1.2px * 0.8 = 0.96px */
  background-color: #2a2a2a;
  color: #bbb;
}
.footer-widget.footer-newsletter-widget
  .footer-content
  .form_control::-webkit-input-placeholder {
  color: #bbb;
}
.footer-widget.footer-newsletter-widget
  .footer-content
  .form_control::-moz-placeholder {
  color: #bbb;
}
.footer-widget.footer-newsletter-widget
  .footer-content
  .form_control:-ms-input-placeholder {
  color: #bbb;
}
.footer-widget.footer-newsletter-widget
  .footer-content
  .form_control::-ms-input-placeholder {
  color: #bbb;
}
.footer-widget.footer-newsletter-widget
  .footer-content
  .form_control::placeholder {
  color: #bbb;
}
.footer-widget.footer-newsletter-widget .footer-content .theme-btn {
  padding: 10.4px 16px; /* 13px * 0.8 = 10.4px, 20px * 0.8 = 16px */
}
.footer-widget.footer-newsletter-widget .footer-content .theme-btn:hover {
  background-color: var(--secondary-color);
  color: var(--heading-color);
}

/* Page Banner */
.page-hero-ss {
  padding: 172px 0 80px; /* 215px * 0.8 = 172px, 100px * 0.8 = 80px */
  margin: 0 24px 0; /* 30px * 0.8 = 24px */
  border-radius: 16px; /* 20px * 0.8 = 16px */
}
@media (max-width: 575px) {
  .page-hero-ss {
    padding: 140px 0 64px; /* 175px * 0.8 = 140px, 80px * 0.8 = 64px */
  }
}
@media (max-width: 575px) {
  .page-hero-ss {
    margin: 0 4px 0; /* 5px * 0.8 = 4px */
    border-radius: 12px; /* 15px * 0.8 = 12px */
  }
}

/* About Page CSS */
.about-ss .section-title {
  padding-right: 32px; /* 40px * 0.8 = 32px */
}
@media (max-width: 767px) {
  .about-ss .section-title {
    padding-right: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .about-ss .section-content-box {
    max-width: 536px; /* 670px * 0.8 = 536px */
    margin: 0 auto 40px; /* 50px * 0.8 = 40px */
  }
}
.about-ss .section-image-box {
  position: relative;
  max-width: 504px; /* 630px * 0.8 = 504px */
  height: 368px; /* 460px * 0.8 = 368px */
  text-align: right;
}
.about-ss .section-image-box .shape {
  position: absolute;
  top: 0;
  left: 16px; /* 20px * 0.8 = 16px */
}
@media (max-width: 767px) {
  .about-ss .section-image-box .image-one {
    padding-left: 24px; /* 30px * 0.8 = 24px */
  }
}
.about-ss .section-image-box .image-one img {
  border-radius: 16px; /* 20px * 0.8 = 16px */
  -webkit-box-shadow: 5.6184px 5.6184px 40.1288px 8.0256px
    rgba(159, 88, 235, 0.15); /* 7.023px * 0.8 = 5.6184px, 50.161px * 0.8 = 40.1288px, 10.032px * 0.8 = 8.0256px */
  box-shadow: 5.6184px 5.6184px 40.1288px 8.0256px rgba(159, 88, 235, 0.15);
}
.about-ss .section-image-box .image-two {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .about-ss .section-image-box .image-two {
    left: 24px; /* 30px * 0.8 = 24px */
  }
}
.about-ss .section-image-box .image-two img {
  border-radius: 16px; /* 20px * 0.8 = 16px */
  -webkit-box-shadow: -4px 0px 40px 16px rgba(159, 88, 235, 0.1); /* -5px * 0.8 = -4px, 50px * 0.8 = 40px, 20px * 0.8 = 16px */
  box-shadow: -4px 0px 40px 16px rgba(159, 88, 235, 0.1);
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .about-ss .section-image-box {
    margin: 0 auto 40px; /* 50px * 0.8 = 40px */
  }
}

.why-choose-ss .sasly-iconic-box.style-seven {
  margin-left: auto;
  -webkit-filter: drop-shadow(
    8px 3.2px 24px rgba(58, 95, 255, 0.15)
  ); /* 10px * 0.8 = 8px, 4px * 0.8 = 3.2px, 30px * 0.8 = 24px */
  filter: drop-shadow(8px 3.2px 24px rgba(58, 95, 255, 0.15));
}

.counter-ss {
  padding: 24px; /* 30px * 0.8 = 24px */
}
@media (max-width: 767px) {
  .counter-ss {
    padding: 12px; /* 15px * 0.8 = 12px */
  }
}
.counter-ss .counter-wrapper {
  border-radius: 24px; /* 30px * 0.8 = 24px */
}

/* Product CSS */
.product-ss .sasly-iconic-box.style-eight {
  background-color: var(--white-color);
  border-radius: 8px; /* 10px * 0.8 = 8px */
  border: 1px solid rgba(38, 39, 43, 0.1);
  -webkit-box-shadow: 8px 3.2px 48px 0px rgba(193, 193, 193, 0.25); /* 10px * 0.8 = 8px, 4px * 0.8 = 3.2px, 60px * 0.8 = 48px */
  box-shadow: 8px 3.2px 48px 0px rgba(193, 193, 193, 0.25);
}
.product-ss .sasly-iconic-box.style-eight .icon {
  background-color: transparent;
  border: 1px solid rgba(38, 39, 43, 0.1);
}

/* Blog Page CSS */
.blog-standard-ss .blog-quote-post-item {
  background-color: rgba(159, 88, 235, 0.08);
}

/*  Contact SS  */
.contact-ss .sasly-iconic-box.style-twelve {
  background-color: rgba(167, 100, 236, 0.1294117647);
}

/*  Company SS  */
.company-ss {
  border-top: 1px solid #e1e1e1;
}

/* Error Page css */
.error-page {
  padding: 104px 0; /* 130px * 0.8 = 104px */
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .error-page {
    padding: 80px 0; /* 100px * 0.8 = 80px */
  }
}
@media screen and (max-width: 991px) {
  .error-page {
    padding: 64px 0; /* 80px * 0.8 = 64px */
  }
}