body {
  overflow-x: hidden;
  font-family: Inter, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.header-margin {
  margin-top: -136px;
}
.header-bg-gray {
  background: #f5f7fa;
  /* background-image: linear-gradient(to bottom, #f5f7fa, #e0e4ea); */
}
.box-bg-gray {
  background: linear-gradient(65deg, #1e2529, #354249);
}
.footer-bg {
  background-color: #e9ecf1;
}
.header-heading {
  font-family: "Space Grotesk", Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 70px;
  color: #123354;
  font-weight: 700;
}
.header-p {
  font-size: 20px;
  letter-spacing: -0.022em;
  line-height: 1.75;
  max-width: 590px;
}
.header-btn {
  background-color: #15a6f0;
  background-image: linear-gradient(65deg, #029be9, #22c5fd);
  font-size: 20px;
}
.header-sticky-btn {
  background-color: #15a6f0;
  background-image: linear-gradient(65deg, #029be9, #22c5fd);
  font-size: 16px;
}
.header-sticky {
  margin-top: 80px;
  position: sticky;
  top: 10px;
  z-index: 50;
}
.header-zorin-logo {
  height: 13px;
}
.header-h1 {
  margin-top: 120px;
}
.hamburger {
  border-radius: 10px;
  background-color: rgba(18, 51, 84, 0.075);
  border: none;
  color: #123354;
  font-weight: 400;
  font-size: 20px;
  display: flex;
  align-items: center;
  padding: 8px 24px;
  margin-right: -26px;
  cursor: pointer;
  user-select: none;
  /* float: right; */
}
.hamburger-menu {
  /* height: 250px; */
  background: #123354;
  background: #f5f7fa;
  z-index: 500;
  top: 70px;
  left: 0;
  right: 0;
  position: absolute;
  display: none;
}
.nav_font{
  font-size: 12px;
}
.card-img {
  width: 144px;
  height: 72px;
}
.familiar-heading {
  font-size: 60px;
  letter-spacing: -0.034em;
  color: #123354;
  max-width: 746px;
  font-weight: 700;
}
.familer-p {
  font-size: 20px;
  letter-spacing: -0.022em;
  line-height: 1.75;
}
.familiar-img {
  object-fit: scale-down;
  width: 100%;
  /* object-fit: cover;
  width: 140%; */
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
}
.familiar-div1 {
  margin-top: 520px;
}
.less-speed {
  font-size: 60px;
  font-weight: 700;
  color: #123354;
}
/* .less-speed-img { */
  /* padding-right: 120px; */
/* } */
.revive-img1 {
  width: 100%;
}
.revive-img2 {
  width: 80%;
  left: 52px;
  top: 54px;
}
.revive-heading {
  font-size: 60px;
  letter-spacing: -0.034em;
  font-weight: 700;
  color: #123354;
}
.revive-p1 {
  font-size: 20px;
  letter-spacing: -0.022em;
  line-height: 1.75;
}
.review-blockquote {
  max-width: 480px;
  padding: 42px 2em;
  background-color: rgba(255, 255, 255, 0.825);
  border-radius: 10px;
  margin: 40px 0;
  color: #7d90a2;
  font-size: 20px;
  letter-spacing: -0.022em;
  line-height: 1.75;
}
.system_requirements {
  color: #15a6f0;
  font-weight: 700;
  text-decoration: none;
  font-size: 20px;
}
.system_requirements:hover {
  text-decoration: underline;
}
.reliable-card1 {
  padding: 3rem 4rem;
  background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(65deg, #029be9, #22c5fd);
}
.reliable-card2 {
  padding: 3rem 4rem;
  background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(65deg, #1bbe81, #2ae18e);
}
.privacy-img {
  width: 192px;
  height: 192px;
}
.privacy-p1 {
  font-size: 24px;
  letter-spacing: -0.026em;
  margin-bottom: 1.5em;
  font-weight: 700;
  color: #bde6fb;
}
.privacy-h2 {
  font-size: 35px;
  font-weight: 600;
}
.privacy-col2 {
  margin: 30px 0px;
}
.animation {
  background-image: url(https://assets.zorincdn.com/zorin.com/images/home/apps.webp);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: auto 100%;
  /* webkit-animation: 800s linear infinite scroll; */
  -moz-animation: 800s linear infinite scroll;
  -o-animation: 800s linear infinite scroll;
  -ms-animation: 800s scroll infinite linear;
  animation: 800s linear infinite scroll;
  padding: 256px 0;
}
.animation-child1 {
  max-width: 750px;
}
.ready-h1 {
  font-size: 60px;
  letter-spacing: -0.034em;
  color: #123354;
}
.ready-p1 {
  margin: 1.5em 0;
  font-size: 20px;
  letter-spacing: -0.022em;
  max-width: 960px;
}
/* .ready-pc{ */
/* box-sizing: border-box;
    background: url() */
/* } */
/* .ready-video{

} */
/* .ready-pc-pic{ */
/* width: 76%;
    margin: auto; */
/* } */
.play-container {
  background: #f5f7fa;
  /* padding: 400px auto; */
  padding-top: 160px;
  padding-bottom: 160px;
  position: relative;
  /* background-image: linear-gradient(to bottom, #f5f7fa, #e0e4ea); */
}
.play {
  color: #123354;
  font-size: 30px;
}
.play-card {
  max-width: 820px;
  margin: 0 auto;
  background-color: #e9ecf1;
  padding-top: 16px;
  padding-bottom: 40px;
}
.reliable-card-container {
  width: 82%;
}

.phone {
  background: #f5f7fa;
}
.phone-h1 {
  font-size: 60px;
  letter-spacing: -0.034em;
  max-width: 600px;
  color: #123354;
}
.phone-p1 {
  font-size: 20px;
  letter-spacing: -0.022em;
  line-height: 1.75;
  max-width: 600px;
}

.two-cards {
  background: #f5f7fa;
}
.two-cards-one {
  background: linear-gradient(65deg, #4b5560, #61717c);
}
.two-cards-two {
  background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(65deg, #8e49e0, #9f74e7);
}

.compatible {
  background: #f5f7fa;
}
.compatible-h1 {
  font-size: 60px;
  letter-spacing: -0.034em;
  color: #123354;
  font-weight: 600;
  max-width: 600px;
}
.compatible-p1 {
  font-size: 20px;
  letter-spacing: -0.022em;
  line-height: 1.75;
  max-width: 840px;
}

.make {
  background: #f5f7fa;
}
.make-card {
  background-color: #dee4ee;
  background-image: linear-gradient(to bottom, #dee4ee, #dee4ee 50%, #c7cdd7);
  max-width: 1280px;
}
.make-card-container {
  width: 100%;
  min-height: 250px;
  overflow: auto;
  white-space: nowrap;
}
.make-card-child {
  min-height: 180px;
  max-width: 460px;
  cursor: grab;
  width: 80%;
  text-wrap: wrap;
  user-select: none;
  margin: 0 34px;
}
.make-h1 {
  font-size: 60px;
  letter-spacing: -0.034em;
  color: #123354;
  font-weight: 600;
}
.make-p1 {
  font-size: 20px;
  letter-spacing: -0.022em;
  line-height: 1.75;
}

.faq {
  background: #f5f7fa;
}
.faq-h1 {
  font-size: 60px;
  letter-spacing: -0.034em;
  color: #123354;
  font-weight: 600;
}
.faq-dl-container dl dt {
  color: #123354;
  font-weight: 800;
  opacity: 0.9;
  font-size: 18px;
}
.faq-dl-container dl dd {
  font-size: 18px;
  line-height: 2;
}
.view-tech:hover {
  text-decoration: underline;
  cursor: pointer;
}

.kao {
  background: #f5f7fa;
}
.kao-child {
  max-width: 1280px;
  margin: 0px auto;
  opacity: 0.4;
}
/* footer */
/* .footer-child-container { */
/* max-width: ; */
/* } */
.subscribe-btn {
  background-color: #15a6f0;
  background-image: linear-gradient(65deg, #029be9, #22c5fd);
  font-size: 20px;
  font-weight: 600;
}
.footer-text {
  font-size: 12px;
}

@keyframes scroll {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 -14560px;
  }
}

.make-card-container::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.make-card-container::-webkit-scrollbar-track {
  background: transparent;
}
.make-card-container::-webkit-scrollbar-thumb {
  background: transparent;
}
section {
  overflow-x: hidden;
}

@media (max-width:992px){
  .familiar-div1{
    margin-top: 220px;
  }
}