@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,900;9..40,1000&family=Rubik:wght@300;400;500;600;700;800;900&display=swap");

/* font-family: 'DM Sans', sans-serif;
font-family: 'Rubik', sans-serif; */

* {
  box-sizing: border-box;
}

body {
  line-height: 32px;
  overflow-x: hidden;
  font-family: "Rubik", sans-serif;
  position: relative;
}

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

a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: inherit;
  transition: inherit;
  vertical-align: baseline;
}

a:hover {
  color: inherit;
  text-decoration: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rubik", sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  transition: 0.2s ease;
  font-family: "Rubik", sans-serif;
}

a,
button {
  cursor: pointer;
  display: inline-block;
}

img {
  max-width: 100%;
}

.container-stretch {
  max-width: 1569px;
  padding: 0 12px;
  margin: auto;
}

.s-space {
  padding: 120px 0;
}

.s-space-b {
  padding-bottom: 120px;
}

.s-space-t {
  padding-top: 120px;
}

.s-space-sm {
  padding: 100px 0;
}

.s-space-sm-b {
  padding-bottom: 100px;
}

.s-space-sm-t {
  padding-top: 100px;
}

.s-sub-title {
  font-size: 20px;
  line-height: 30px;
  color: #222222;
}

.s-sub-title {
  font-size: 20px;
  line-height: 30px;
  color: #222222;
  margin-bottom: 5px;
}

.s-title {
  font-size: 50px;
  line-height: 59px;
  color: #2e2e2e;
}

.s-title-sm {
  font-size: 40px;
  line-height: 56px;
  color: #2e2e2e;
}

.i-list-s1,
.i-list-s2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}

.i-list-s1 li span,
.i-list-s2 li span {
  vertical-align: middle;
  display: inline-block;
}

.i-list-s1 li span.icon,
.i-list-s2 li span.icon {
  margin-right: 14px;
}

.i-list-s1 li span.text,
.i-list-s2 li span.text {
  margin-top: 4px;
}

.i-list-s2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 23px;
}

.i-list-s2 li .text {
  font-size: 18px;
  color: #222;
}

.btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  padding: 19px 20px;
  border-radius: 4px;
  transition: 0.25s ease;
  font-family: "DM Sans", sans-serif;
}

.btn-s1 {
  background: #ffbb38;
}

.btn-s1:hover {
  color: #fff;
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3);
}

.btn-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.header {
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: transparent;
  z-index: 99;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#nav-open {
  display: none;
  width: 52px;
  height: 52px;
  border: none;
  border-radius: 4px;
  background: #ffbb38;
}

#nav-close {
  width: 53px;
  height: 53px;
  border: none;
  border-radius: 4px;
  background: #ffbb38;
}

#nav-close img {
  width: 18px;
}

#m-menu-container .buy_btn_2 {
  display: none;
}

.header.sticky {
  -webkit-animation: slideIn 0.4s ease-out;
  animation: slideIn 0.4s ease-out;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(127deg, #8d49fe 0%, #013cb0 100.67%);
  border: none;
}

@-webkit-keyframes slideIn {
  from {
    transform: translateY(-30px);
  }

  to {
    transform: translateY(0px);
  }
}

@keyframes slideIn {
  from {
    transform: translateY(-30px);
  }

  to {
    transform: translateY(0px);
  }
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px;
  transition: all linear 0.3s;
}

.nav-list {
  display: flex;
  gap: 50px;
}

.nav-list li a {
  font-size: 16px;
  letter-spacing: -0.3px;
  color: #fff;
  position: relative;
  transition: 0.25s ease;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  -webkit-transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  -o-transition: 0.25s ease;
}

.nav-list li a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  left: 0;
  bottom: -2px;
  transition: 0.25s ease;
}

.nav-list li a:hover::before {
  width: 100%;
}

/* .m-link:hover {
  opacity: 0.8;
} */

.h-btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #222222;
  background: #ffbb38;
  padding: 17px 30px;
  border-radius: 4px;
  margin-left: 15px;
  transition: 0.25s ease;
}

.h-btn:hover {
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3);
  color: #222222;
}

#m-menu-container {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 300px;
  background: #fff;
  z-index: 999;
  transform: translateX(-100%);
  display: none;
  transition: 0.4s ease 0.5s;
}

#m-menu-container::before {
  content: "";
  width: 0;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -8;
  transition: 0.5s ease;
}

#m-menu-container.active {
  transform: translateX(0);
}

#m-menu-container.active::before {
  right: 0;
  width: calc(100vw + 300px);
}

#m-menu-container .nav-list {
  flex-direction: column;
  gap: 20px;
}

#m-menu-container .nav-list li a {
  font-weight: 500;
  color: #222;
}

#m-menu-container .logo {
  margin-top: 30px;
  margin-bottom: 50px;
  max-width: 180px;
}

.m-menu-inner {
  background: #fff;
  padding: 20px;
  height: 100vh;
}

.hero-banner {
  position: relative;
  z-index: 9;
  padding-top: 175px;
  background: url(../images/banner_bg.png);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-shadow: 0px 0px 120px 0px rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 0%;
  }

  50% {
    background-position: 100% 100%;
  }

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

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

  50% {
    background-position: 100% 100%;
  }

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

.header .logo {
  width: 180px;
}

.h-title {
  font-size: 70px;
  line-height: 84px;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
  font-weight: 700;
}

.h-title span {
  position: relative;
}

.h-title span::after {
  position: absolute;
  content: "";
  background: url(../images/title_shapes.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 11px;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.h-title .highlight {
  color: #ffbb38;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 3px;
}

.hero-banner .btn-group {
  margin-top: 55px;
}

.hero-banner .btn-group a {
  border: 1px solid #fff;
  border-radius: 60px;
}

.hero-banner .btn-group .btn-s1:nth-child(1) {
  background: #27ae60;
}

.hero-banner .btn-group .btn-s1:nth-child(2) {
  background: #2d9cdb;
}

.hero-banner .btn-group .btn-s1:nth-child(3) {
  background: #a64ef9;
}

.hero-banner .btn-group .btn-s1:nth-child(4) {
  background: #ef5da8;
}

.hero-banner .btn-group .btn-s1:nth-child(5) {
  background: #f2994a;
}

.h-bottom {
  display: flex;
  gap: 25px;
  align-items: flex-end;
  padding-top: 45px;
}

.h-bottom .thumb {
  text-align: center;
}

.h-bottom .thumb img:nth-child(2) {
  display: block;
  border-radius: 10px;
  box-shadow: 0px 4px 73px rgb(0 0 0 / 13%);
  border: 1px solid #c7c7c7;
}

.h-bottom .thumb.dashboard {
  flex-basis: 33%;
}

.banner_img_area {
  /* margin-top: 25px; */
}

.banner_img_area .row {
  align-items: end;
}

.banner_img {
  /* margin: 120px 90px 0px 90px; */
}

.banner_img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.admin_img img {
  border: 1px solid #eee;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.features-sec {
  background: #fff;
  position: relative;
  background: linear-gradient(
    183deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(245, 227, 125, 0.1) 70%,
    rgba(253, 237, 245, 0.1) 100%
  );
}

.features-sec::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  background: url(../images/banner_bg2.png);
}

.features-sec .s-title-wrap {
  text-align: center;
  margin-bottom: 80px;
}

.features-sec .feats-container .feat-row:first-child .s-feat-box {
  border-top: 0;
  padding-top: 0;
}

.features-sec .feats-container .feat-row:last-child .s-feat-box {
  border-bottom: 0;
  padding-bottom: 0;
}

.feat-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.feat-row .s-feat-box:first-child {
  border-left: 0;
}

.feat-row .s-feat-box:last-child {
  border-right: 0;
}

.s-feat-box {
  padding: 25px 15px 25px 15px;
  border: 1px solid rgba(206, 206, 206, 0.3);
}

.s-feat-box .thumb .icon {
  display: inline-block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  text-align: center;
  line-height: 64px;
  overflow: hidden;
}

.s-feat-box.green .thumb .icon {
  background: #27ae60;
  box-shadow: 0px 9px 48px rgba(39, 174, 96, 0.27);
}

.s-feat-box.blue .thumb .icon {
  background: #2095f3;
  box-shadow: 0px 9px 48px rgba(32, 149, 243, 0.27);
}

.s-feat-box.red .thumb .icon {
  background: #f54748;
  box-shadow: 0px 9px 48px rgba(245, 71, 72, 0.27);
}

.s-feat-box.purple .thumb .icon {
  background: #9b51e0;
  box-shadow: 0px 9px 48px rgba(155, 81, 224, 0.27);
}

.s-feat-box.yellow .thumb .icon {
  background: #ffbb38;
  box-shadow: 0px 9px 48px rgba(243, 188, 39, 0.29);
}

.s-feat-box.ocean .thumb .icon {
  background: #00b7a9;
  box-shadow: 0px 9px 48px rgba(32, 149, 243, 0.27);
}

.s-feat-box.pink .thumb .icon {
  background: #f178b6;
  box-shadow: 0px 9px 48px rgba(241, 120, 182, 0.27);
}

.s-feat-box.orange .thumb .icon {
  background: #f2994a;
  box-shadow: 0px 9px 48px rgba(242, 153, 74, 0.27);
}

.s-feat-box .content h4 {
  font-weight: 700;
  font-size: 20px;
  color: #000000;
  margin-bottom: 10px;
  margin-top: 15px;
}

.s-feat-box .content p {
  font-size: 18px;
  line-height: 30px;
  color: #4f5562;
}

.pay-methods {
  background: url(../images/p-methods-bg.png) no-repeat center/cover;
}

.pay-methods .s-title-wrap {
  text-align: center;
  margin-bottom: 45px;
}

.p-methods-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.p-methods-container > * {
  width: 180px;
  height: 85px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.contact-sec {
  background: url(../images/contact-banner.png) no-repeat center/cover;
}

.contact-content {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.contact-content .small_text {
  padding-left: 51px;
  position: relative;
  font-size: 24px;
  font-weight: 500;
  /* 125% */
  margin-bottom: 15px;
}

.contact-content .small_text::after {
  position: absolute;
  content: "";
  background: url(../images/contact_icon_1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  top: -4px;
  left: 0;
}

.contact-content span {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
}

.contact-content .content-thumb {
  width: 640px;
  height: 380px;
}

.contact-sec .content-thumb {
  width: 640px;
}

.contact-content .c-sub-title {
  color: #ffffff;
  font-size: 46px;
  font-weight: 600;
  line-height: 46px;
  margin-bottom: 25px;
}

.contact-content .c-title {
  font-weight: 700;
  font-size: 70px;
  line-height: 70px;
  color: #ffffff;
  margin-bottom: 15px;
}

.contact-content .rate-hour {
  font-size: 30px;
  line-height: 40px;
  color: #f2c94c;
  padding-left: 15%;
}

.contact-content .rate-hour::before {
  content: "";
  display: inline-block;
  height: 2px;
  width: 40%;
  background: rgba(255, 255, 255, 0.5);
  vertical-align: middle;
  margin-right: 10px;
}

.c-btn {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  border-radius: 4px;
  padding: 14px 20px;
}

.c-btn .icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  /* background: #2e2e2e; */
  display: inline-block;
  text-align: center;
  line-height: 52px;
  margin-right: 12px;
}

.c-btn.email {
  background: linear-gradient(148deg, #f9b546 36.85%, #f4642c 80.05%);
  padding: 15px 35px;
}

.c-btn.email span {
  color: #333;
}

.c-btn.skype {
  background: #02b0ef;
  color: #fff;
  padding: 15px 35px;
}

.c-btn.skype .icon {
  width: auto;
  background-color: transparent;
}

.contact-content .btn-group {
  flex-direction: column;
  align-items: start;
  margin-top: 20px;
  flex-wrap: wrap;
}

.prod-display-thumb {
  position: relative;
  z-index: 9;
}

.prod-display-thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(
    66.49deg,
    #f5e37d 15.16%,
    #ffbb38 51.38%,
    #9ed9ee 78.35%,
    #56c4f5 149.16%,
    #c156c2 149.17%
  );
  opacity: 0.23;
  filter: blur(125px);
  z-index: -1;
  right: -50%;
  bottom: -50%;
}

.prod-display-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.prod-display-content .s-title-sm {
  margin-bottom: 6px;
}

.prod-display-content p {
  font-size: 18px;
  padding-right: 17%;
}

.prod-display-content .i-list-s2 {
  margin-top: 35px;
}

.prod-display.reversed .prod-display-content {
  padding-left: 30px;
}

.prod-display.reversed .prod-display-thumb::before {
  left: -50%;
}

.pricing-sec {
  background: #fffcf5;
}

.pricing-sec .s-title-wrap {
  text-align: center;
  margin-bottom: 60px;
}

.s-price-table {
  background: #fff;
  text-align: center;
  padding: 43px 0px 50px;
  border: 1px solid #fff;
  border-radius: 8px;
  position: relative;
  transition: 0.3s ease;
}

.s-price-table:hover,
.s-price-table.active {
  border-color: #f2994a;
  box-shadow: -9px -1px 80px rgba(0, 0, 0, 0.1);
}

.s-price-table:hover .p-btn,
.s-price-table.active .p-btn {
  background: #f2994a;
}

.s-price-table .p-name {
  font-size: 36px;
  line-height: 42px;
  text-align: center;
  color: #2e2e2e;
  margin-bottom: 22px;
}

.s-price-table .price {
  width: 156px;
  height: 156px;
  background: #f2994a;
  box-shadow: 0px 9px 48px rgba(242, 153, 74, 0.27);
  border-radius: 50%;
  line-height: 156px;
  text-align: center;
  margin: auto;
  margin-bottom: 35px;
}

.s-price-table .price h4 {
  font-size: 50px;
  line-height: inherit;
  color: #ffffff;
}

.s-price-table .label {
  position: absolute;
  right: 0px;
  top: -9px;
}

.s-price-table .f-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-bottom: 35px;
}

.s-price-table .f-list .icon {
  margin-right: 15px;
}

.s-price-table .f-list .text {
  color: #000;
}

.s-price-table .p-btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #222222;
  border: 1px solid #ffbb38;
  border-radius: 4px;
  padding: 18px 24px;
  transition: 0.3s ease;
}

.s-price-table .p-btn:hover {
  background: #ffbb38;
}

.faq-content .accordion {
  margin-right: 30px;
}

.accordion-s1 .s-accordion {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  box-shadow: 0px 10px 10px rgba(198, 198, 198, 0.19);
  border-radius: 4px;
  margin-bottom: 20px;
}

.accordion-s1 .s-accordion.active {
  padding-bottom: 20px;
}

.accordion-s1 .s-accordion.active .s-accordion__h {
  border-color: #e7e7e7;
  margin-bottom: 20px;
}

.accordion-s1 .s-accordion:last-child {
  margin-bottom: 0px;
}

.accordion-s1 .s-accordion > .s-accordion__h {
  padding: 20px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}

.accordion-s1 .s-accordion > .s-accordion__h h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #2e2e2e;
}

.s-accordion__b {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0 25px;
  transition: height 0.45s ease;
}

.s-accordion__b p {
  font-size: 18px;
  line-height: 38px;
  color: #4f5562;
}

.faq-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.faq-content .s-title {
  margin-bottom: 42px;
  font-size: 40px;
}

.faq-thumb {
  padding-left: 50px;
  margin-right: -200px;
}

.d-app-sec {
  background: url(../images/app-d-bg.png) no-repeat center/cover;
}

.d-app-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.d-app-content .s-title-sm {
  font-size: 42px;
  line-height: 60px;
  color: #ffffff;
  margin-bottom: 20px;
}

.d-app-content .s-title-sm .highlight {
  color: #ffbb38;
}

.d-app-content .desc {
  font-size: 18px;
  color: #fff;
  margin-bottom: 40px;
}

.d-app-content .btn-group {
  justify-content: flex-start;
}

.d-app-content .btn {
  color: #222222;
  pointer-events: none;
}

.d-app-content .btn.envato {
  padding: 19px 34px;
  font-size: 16px;
  line-height: 19px;
  color: #689134;
  background: #fff;
}

.d-app-content .btn.envato .icon {
  margin-right: 6px;
}

.d-app-thumb {
  margin-left: -120px;
}

.d-app-thumb img {
  display: block;
}

.footer-cta {
  margin-bottom: -122px;
  z-index: 9;
  position: relative;
}

footer {
  padding: 100px 0px;
  background: url(../images/footer_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer_text {
  background: url(../images/explore_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 55px 45px;
  border-radius: 12px;
}

.footer_text .footer_logo {
  width: 165px;
  margin: 0 auto;
  display: block;
}

.footer_text h2 {
  color: #fff;
  text-align: center;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  margin-top: 35px;
  margin-bottom: 42px;
}

.footer_text h2 .highlight {
  text-decoration: underline;
}

.footer_text ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.footer_text ul li a {
  border-radius: 40px;
  background: #fff;
  padding: 14px 32px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  margin: 0 5px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.footer_text ul li a:hover {
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3);
}

.footer_text ul li a.buy {
  background: linear-gradient(148deg, #f9b546 36.85%, #f4642c 80.05%);
}

.wsus__scroll_button {
  background: linear-gradient(148deg, #f9b546 36.85%, #f4642c 80.05%);
  display: inline-block;
  padding: 8px 16px;
  position: fixed;
  bottom: 100px;
  right: 0;
  color: #222;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  border-radius: 40px;
  cursor: pointer;
}

.wsus__scroll_button i {
  width: 30px;
  height: 30px;
  background: #222;
  color: #fff;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  transform: rotate(90deg);
  margin-left: 10px;
}

.f-widget > * {
  color: #fff;
}

.f-widget-title {
  font-weight: 500;
  font-size: 22px;
  line-height: 100%;
  color: #ffffff;
  margin-bottom: 20px;
}

.f-menu li {
  margin-bottom: 10px;
}

.f-menu li a {
  transition: 0.25s ease;
}

.f-menu li a:hover {
  color: #ffbb38;
}

.f-menu li:last-child {
  margin-bottom: 0px;
}

.f-widget.widget-1 .logo {
  margin-bottom: 20px;
}

.f-widget.widget-1 .info {
  margin-bottom: 20px;
}

.f-widget.widget-1 .info p {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #ffbb38;
}

.f-widget.widget-1 .info a {
  font-size: 16px;
  line-height: 28px;
}

.s-links {
  display: flex;
  gap: 12px;
}

.s-links li a {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  transition: 0.25s ease;
}

.s-links li a:hover {
  transform: translateY(-5px);
}

.footer-bottom {
  padding: 25px;
  text-align: center;
}

.cr-text {
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  padding-top: 20px;
  margin-top: 40px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  /* 225% */
}

.cr-text .highlight {
  color: #f2c94c;
}

.admin-panel-info {
  background: linear-gradient(
    183deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(245, 227, 125, 0.4) 70%,
    rgb(253, 237, 245) 100%
  );
}

.admin-panel-info .s-title-wrap {
  text-align: center;
  margin-bottom: 30px;
}

.promo-sec {
  background: linear-gradient(
    101.25deg,
    #ecae35 -0.94%,
    rgba(236, 174, 53, 0.39) 97.2%
  );
  padding: 80px 0px;
}

.promo-sec .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  align-items: flex-start;
}

.promo-sec .content .title {
  font-weight: 700;
  font-size: 38px;
  line-height: 56px;
  padding-right: 15%;
  color: #2e2e2e;
  margin-bottom: 100px;
}

.promo-sec .content .title .bold {
  font-weight: 700;
  font-size: 51px;
  line-height: 56px;
  display: block;
  margin-top: 23px;
}

.promo-sec .content .sub-title {
  font-size: 34px;
  line-height: 35px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  margin-bottom: 35px;
}

.promo-sec .content .c-btn.email {
  background: #222222;
  color: white;
}

.promo-sec .content .c-btn.email .icon {
  background: #ffbb38;
  color: #222222;
}

.promo-sec .thumb {
  display: flex;
  gap: 25px;
}

.promo-sec .thumb img {
  box-shadow: 0px 4px 73px rgba(0, 0, 0, 0.13);
}

.promo-sec .thumb .p-right {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/* black friday */
.black-friday {
  width: 100%;
  height: 490px;
}

.black-friday-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/black-friday-wrapper.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.black-friday-wrapper .count-down-wrapper .time-count-down-main-wrapper {
  display: flex;
  justify-content: center;
}

.black-friday-wrapper .count-down-wrapper .time-count-down {
  box-sizing: border-box;
  width: 399.38px;
  height: 45px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px dashed #ffffff;
  border-radius: 1px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.count-down-wrapper .time-count-down .time-count-down-text {
  margin-left: 10px;
  color: #ffffff;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
}

.count-down-wrapper .black-friday-headling {
  width: 615px;
  text-align: center;
  margin-bottom: 30px;
}

.count-down-wrapper .black-friday-headling h1.black-friday-headling-text {
  color: white;
  font-size: 50px;
  font-weight: bold;
  line-height: 65px;
}

.count-down-wrapper .black-friday-headling h1.black-friday-headling-text span {
  color: #ffbb38;
}

.count-down-wrapper .black-friday-pricing {
  display: flex;
  justify-content: center;
}

.count-down-wrapper .black-friday-pricing .black-friday-pricing-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.count-down-wrapper
  .black-friday-pricing
  .black-friday-pricing-wrapper
  .offer-price {
  font-size: 45px;
  color: white;
  margin: 0px 10px;
}

/* black friday end */
/* licence licence-bg.png  */
.licence-main-wrapper {
  width: 100%;
  height: 810px;
}

.licence-main-wrapper .licence-wrapper {
  width: 100%;
  height: 100%;
  background: url(../images/licence-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.licence-main-wrapper .licence-wrapper .card-wrapper {
  display: flex;
  flex-direction: row;
  gap: 50px;
}

.licence-main-wrapper
  .licence-wrapper
  .card-wrapper
  :is(.regular-item-card, .extended-item-card) {
  width: 560px;
  height: 494px;
  padding: 40px 30px;
  border-radius: 12px;
}

.licence-main-wrapper .licence-wrapper .card-wrapper .regular-item-card {
  background: #fff;
}

.licence-main-wrapper .licence-wrapper .card-wrapper .buy-now-txt {
  font-weight: 500;
  font-size: 40px;
  color: #2095f3;
  margin-bottom: 20px;
}

.licence-main-wrapper .licence-wrapper .card-wrapper .extended-item-card {
  background: #f2c94c;
}

.licence-main-wrapper .licence-wrapper .card-wrapper .conditon-offer {
  font-weight: 700;
  font-size: 54px;
  color: #020101;
  margin-bottom: 20px;
}

.licence-main-wrapper .licence-wrapper .card-wrapper .conditon-offer-2 {
  font-weight: 400;
  font-size: 30px;
  color: #4f5562;
  margin-bottom: 30px;
}

.licence-main-wrapper .licence-wrapper .card-wrapper .tick-items {
  display: flex;
  gap: 17px;
}

.licence-main-wrapper .licence-wrapper .card-wrapper .tick-items p {
  font-weight: 400;
  font-size: 26px;
  line-height: 45px;
  color: #4f5562;
}

/* licence end licence-bg.png  */

/* pages section start  */
.wsus__pages {
  /* background: url(../images/pages_bg.jpg); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.container-stretch .center {
  text-align: center;
  margin: 0 auto;
}

.wsus__language h5,
.wsus__inner_pages h5,
.wsus__responsive h5,
.wsus__technology h5,
.wsus__features_section h5,
.wsus__pages h5,
.pay-methods h5,
.wsus__dashboard h5 {
  display: inline-block;
  padding: 8px 25px;
  border-radius: 30px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 52px;
  font-weight: 600;
  position: relative;
  color: #fff;
  z-index: 1;
}

.wsus__language h5::after,
.wsus__inner_pages h5::after,
.wsus__responsive h5::after,
.wsus__dashboard h5::after,
.wsus__technology h5::after,
.wsus__features_section h5::after,
.wsus__pages h5::after,
.pay-methods h5::after {
  position: absolute;
  content: "";
  background: url(../images/heading_shapes_2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 110%;
  height: 85px;
  bottom: -2px;
  left: -10px;
  z-index: -1;
}

.wsus__pages h3 {
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.s-title span {
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 15px;
  font-size: 50px;
  line-height: 59px;
  color: #183ebd;
}

/* .s-title span::after {
  position: absolute;
  content: "";
  background: url(../images/title_shapes.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 9px;
  bottom: 0;
  left: 0;
} */

.heading_shapes {
  margin: 0 auto;
  display: inherit;
  margin-bottom: 30px;
}

.wsus__pages_item {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

.wsus__pages_item .img {
  padding: 20px;
  background-color: white;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  filter: drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.15));
}

.wsus__pages_item img {
  width: 100% !important;
  height: 700px !important;
}

.wsus__pages_item h4 {
}

.wsus__pages_item span {
  text-align: center;
  margin-top: 30px;
  color: #fff;
  background: #055bff;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 18px 24px;
  border-radius: 5px;
  display: inline-block;
}

.wsus__pages_item a:hover {
  background: linear-gradient(127deg, #8d49fe 0%, #013cb0 100.67%);
}

.pages_bottom_text {
  text-align: center;
  margin-top: 65px;
  margin-bottom: 15px;
}

.pages_bottom_text span {
  color: #111;
  font-size: 24px;
  font-weight: 700;
  background: #e2dfff;
  padding: 20px 40px;
  border-radius: 8px;
}

.wsus__backend {
  background: url(../images/backend_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100px;
}

.wsus__backend h3 {
  text-align: center;
  color: #fff;
  font-size: 66px;
  font-weight: 700;
  margin-bottom: 30px;
}

.wsus__backend_item {
  margin-top: 40px;
  display: block;
}

.wsus__backend_item .img {
  padding-top: 10px;
}

.wsus__backend_item h4 {
  color: #fff;
  font-size: 44px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.44px;
  text-align: center;
  margin-top: 30px;
}

.wsus__features_img_item {
  margin-top: 25px;
  padding: 20px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.wsus__features_img_item .img {
  width: 225px;
  height: 185px;
  overflow: hidden;
  border-radius: 8px;
  margin-right: 30px;
}

.wsus__features_img_item .img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.wsus__features_img_item .text {
  width: 64%;
}

.wsus__features_img_item .text h4 {
  color: #2e2e2e;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}

.wsus__features_img_item .text p {
  color: #797979;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.wsus__features_img_item.color_1 {
  border-color: #ef5da8;
  background: #ef5da820;
}

.wsus__features_img_item.color_2 {
  border-color: #27ae60;
  background: #27ae6020;
}

.wsus__features_img_item.color_3 {
  border-color: #2d9cdb;
  background: #2d9cdb20;
}

.wsus__features_img_item.color_4 {
  border-color: #ffc403;
  background: #ffc40320;
}

.wsus__features_icon_item {
  margin-top: 25px;
  border-radius: 4px;
  background: #fff;
  padding: 30px;
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
}

.wsus__features_icon_item span {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 15px;
  filter: drop-shadow(0px 32px 40px rgba(50, 50, 71, 0.1))
    drop-shadow(0px 20px 20px rgba(50, 50, 71, 0.1));
}

.wsus__features_icon_item h4 {
  margin: 5px 0px;
  color: #333;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.wsus__features_icon_item p {
  color: #616161;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

/* pages section end  */

/* mobile app section start */
.wsus__mobile_app {
  background: url(../images/mobile_app_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.wsus__mobile_app_text h3 {
  color: #fff;
  font-size: 42px;
  font-weight: 700;
}

.wsus__mobile_app_text h2 {
  color: #fff;
  font-size: 52px;
  font-weight: 600;
  /* 134.615% */
}

.wsus__mobile_app_text p {
  color: #fff;
  margin: 20px 0px 50px 0px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  max-width: 65%;
}

.wsus__mobile_app_text a {
  border-radius: 4px;
  background: linear-gradient(148deg, #f9b546 36.85%, #f4642c 80.05%);
  padding: 12px 46px;
  transition: all linear 0.3s;
  color: #333;
  font-size: 16px;
  font-weight: 400;
}

.wsus__mobile_app_text a:hover {
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3);
}

.wsus__mobile_app_text .free {
  background: #fff;
  margin-left: 15px;
}

/* mobile app section end */

.faq .s-accordion__b p a {
  color: #0d6efd;
}

/* technology section start */
.wsus__technology .center_content {
  justify-content: center;
}

.wsus__technology_item {
  border-radius: 8px;
  border: 1px solid #c2bcff;
  background: #fff;
  padding: 35px;
  margin-top: 25px;
}

.wsus__technology_item span {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
}

.wsus__technology_item h4 {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-transform: capitalize;
  margin-top: 25px;
}

.wsus__technology .s-title {
  margin-bottom: 35px;
}

/* technology section end */

/* inner pages section start */
.wsus__inner_pages {
  background: url(../images/inner_page_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.wsus__inner_pages h3 {
  color: #fff;
  text-align: center;
  font-size: 72px;
  font-weight: 700;
}

.wsus__inner_pages ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
  margin-bottom: 80px;
}

.wsus__inner_pages ul li .purchase {
  border-radius: 8px;
  background: #f2c94c;
  padding: 14px 40px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  margin-right: 45px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.wsus__inner_pages ul li .purchase:hover {
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3);
}

.wsus__inner_pages ul li .free {
  border-radius: 8px;
  padding: 14px 40px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.wsus__inner_pages ul li .free:hover {
  background: #f2c94c;
  border-color: #f2c94c;
  color: #222;
}

.wsus__inner_pages_item {
  display: block;
  height: 550px;
  overflow: hidden;
  position: relative;
  margin: 25px 12px 0px 12px;
  background: #fff;
}

.wsus__inner_pages_item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.wsus__inner_pages .slick-dots {
  margin-top: 20px;
  margin-bottom: 0;
}

.wsus__inner_pages .slick-dots li {
  line-height: initial;
}

.wsus__inner_pages .slick-dots li button {
  background: linear-gradient(148deg, #f9b546 36.85%, #f4642c 80.05%);
  font-size: 0;
  width: 20px;
  height: 12px;
  border: none;
  border-radius: 30px;
  margin: 0px 3px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.wsus__inner_pages .slick-dots .slick-active button {
  background: #fff;
  width: 50px;
}

/* inner pages section end */

/* website setup start */
.wsus__website_setup_text {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.wsus__website_setup_text h2 {
  color: #2e2e2e;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 18px;
}

.wsus__website_setup_text ul li {
  color: #222;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  border-bottom: 1px solid #f0f0fd;
  position: relative;
  padding: 10px 0px 10px 35px;
}

.wsus__website_setup_text ul li:last-child {
  border-bottom: 0;
}

.wsus__website_setup_text ul li::after {
  position: absolute;
  content: "";
  background: url(../images/check-purple.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  top: 13px;
  left: 0;
}

.wsus__website_setup_text h3 {
  color: #7166f0;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  margin-top: 25px;
  margin-bottom: 20px;
}

.wsus__website_setup_text h3 span {
  color: #7e8ba0;
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
}

.wsus__website_setup_text a {
  border-radius: 8px;
  background: #f2c94c;
  padding: 14px 40px;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  margin-right: 45px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.wsus__website_setup_text a:hover {
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.3);
}

.wsus__website_setup_img {
  max-height: 600px;
  margin-left: 40px;
}

.wsus__website_setup_img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 8px;
}

/* website setup end */

header .buy_btn {
  border-radius: 50px;
  border: 1px solid #111;
}

.pay-methods .right_method {
  margin-left: auto;
  margin-right: -100px;
  margin-top: 60px;
}

.pay-methods h5::after {
  background: url(../images/heading_shapes_2_1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 85px;
  left: -30px;
  width: 115%;
}

.pay-methods_img {
  width: 550px;
  margin-left: -100px;
}

.pay-methods .s-title {
  margin-top: 10px;
  margin-bottom: 60px;
}

.wsus__features_section h3 {
  font-family: "DM Sans", sans-serif;
}

.wsus__features_section h5::after {
  background: url(../images/heading_shapes_2_1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 85px;
  left: -30px;
  width: 115%;
}

.wsus__features_section .container-stretch .center {
  padding-top: 5px;
}

.wsus__dashboard {
  background: url(../images/dashboard_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.wsus__dashboard h5::after {
  height: 92px;
  bottom: -7px;
}

.wsus__mobile_app {
  background: url(../images/mobile_app_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 110px;
}

.wsus__responsive h5::after {
  background: url(../images/heading_shapes_2_1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 95px;
  left: -30px;
  width: 115%;
  bottom: -9px;
}

.wsus__responsive_img {
  padding-top: 55px;
}

.wsus__inner_pages h5 {
  color: #333;
}

.wsus__inner_pages h5::after {
  position: absolute;
  content: "";
  background: url(../images/heading_shapes_2_2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 120%;
  height: 88px;
  bottom: -3px;
  left: -45px;
  z-index: -1;
}

.wsus__inner_pages .inner_page_slider {
  margin-top: 45px;
}

.wsus__language_img {
  margin-top: -85px;
  position: relative;
  z-index: -1;
}

.wsus__language h5::after {
  bottom: -7px;
}

@media (max-width: 1600px) {
  .container-stretch {
    max-width: 1194px;
  }

  .prod-display {
    overflow: hidden;
  }

  .faq-thumb {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-end;
    height: 100%;
  }

  .prod-display-thumb::before {
    display: none;
  }

  .h-bottom .thumb.dashboard {
    flex-basis: 44%;
  }

  .height_sm img {
    height: 565px;
    object-fit: cover;
  }

  .wsus__features_img_item .img {
    height: 175px;
  }

  .wsus__features_icon_item h4 {
    line-height: initial;
    margin-top: 20px;
  }

  .wsus__inner_pages_item {
    height: 350px;
  }

  .wsus__website_setup_text h3 {
    font-size: 45px;
  }

  .p-methods-container > * {
    width: 150px;
    height: auto;
  }

  .pay-methods_img {
    width: 480px;
    margin-left: -50px;
  }

  .wsus__features_img_item .text {
    width: 52%;
  }

  .wsus__features_img_item .text h4 {
    font-size: 18px;
  }

  .wsus__mobile_app_text p {
    max-width: 100%;
  }

  .contact-sec .content-thumb {
    width: 540px;
    margin-left: -160px;
  }
}

@media (max-width: 1199.99px) {
  .licence-main-wrapper .licence-wrapper .card-wrapper {
    flex-direction: column;
  }

  .licence-main-wrapper {
    height: 1200px;
  }

  .container-stretch {
    max-width: 960px;
  }

  .header-inner .p-center {
    display: none;
  }

  .header-inner .p-right > * {
    margin-left: 35px;
  }

  #nav-open {
    display: inline-block;
  }

  #m-menu-container {
    display: block;
  }

  .promo-sec .content .title {
    font-size: 32px;
    line-height: 46px;
    padding: 0;
  }

  .promo-sec .content .title .bold {
    font-size: 42px;
    line-height: 56px;
  }

  .promo-sec .content .sub-title {
    font-size: 34px;
    line-height: 46px;
  }

  .promo-sec .content .c-btn {
    font-size: 16px;
  }

  .h-title {
    font-size: 42px;
    line-height: 62px;
  }

  .s-title,
  .s-title span,
  .wsus__backend h3,
  .footer_text h2,
  .wsus__inner_pages h3,
  .wsus__website_setup_text h2,
  .wsus__mobile_app_text h3,
  .wsus__mobile_app_text h2,
  .contact-content .c-title,
  .footer-cta-container h2 {
    font-size: 42px;
    line-height: 54px;
  }

  .wsus__website_setup_img {
    margin-left: 0;
    margin-top: 40px;
  }

  .wsus__inner_pages_item {
    height: 380px;
  }

  .wsus__mobile_app {
    background-position: center right;
  }

  .wsus__backend_item h4 {
    font-size: 30px;
  }

  .h-bottom .thumb.dashboard {
    flex-basis: 55%;
  }

  .height_sm img {
    height: 448px;
    object-fit: cover;
    width: 300px;
  }

  .hero-banner::before {
    background-position: left;
  }

  .wsus__website_setup_text h3 {
    font-size: 75px;
  }

  .wsus__features_icon_item h4 {
    line-height: initial;
    margin-top: 20px;
  }

  .wsus__website_setup_text h3 {
    font-size: 50px;
  }

  .wsus__features_img_item .text {
    width: 63%;
  }

  .wsus__mobile_app_text p {
    max-width: 100%;
  }

  .pay-methods_img {
    width: 400px;
    margin-left: 0;
  }

  .p-methods-container > * {
    width: 120px;
    height: auto;
  }

  .pay-methods .s-title {
    margin-bottom: 20px;
    font-size: 34px;
  }

  .contact-content .c-sub-title {
    font-size: 36px;
  }

  .contact-sec .content-thumb {
    width: auto;
    margin-top: 80px;
  }
}

@media (max-width: 991.99px) {
  .d-lg-none {
    display: none;
  }

  .justify-lg-center {
    justify-content: center;
  }

  .i-list-s1,
  .i-list-s2 {
    flex-wrap: wrap;
    gap: 20px;
  }

  .hero-banner .btn-group {
    flex-wrap: wrap;
  }

  .d-app-sec {
    padding: 110px 0px;
  }

  .prod-display-thumb {
    margin-top: 60px;
  }

  .prod-display.reversed .prod-display-content {
    padding-left: 0;
  }

  .prod-display.reversed .prod-display-thumb {
    margin-top: 0;
    margin-bottom: 60px;
  }

  .justify-lg-center > div:last-child > div {
    margin-top: 25px;
  }

  .footer-cta-container h2 {
    font-size: 28px;
    line-height: 42px;
  }

  .footer-cta-container {
    padding: 30px 40px;
    gap: 30px;
  }

  .f-widget {
    margin-bottom: 60px;
  }

  .footer-m-container {
    flex-wrap: wrap;
  }

  .footer-m-container > * {
    flex-basis: 50%;
  }

  .footer-m-container .f-widget:last-child {
    margin-bottom: 0;
  }

  .feat-row {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
  }

  .s-feat-box {
    border: 0;
    text-align: center;
  }

  .promo-sec .content {
    align-items: center;
    text-align: center;
  }

  .promo-sec .content .title {
    margin-bottom: 35px;
  }

  .promo-sec .thumb {
    padding-top: 60px;
  }

  .h-bottom .thumb.dashboard {
    flex-basis: 70%;
  }

  .height_sm img {
    height: 620px;
  }

  .wsus__pages_item {
    height: 430px;
  }

  .hero-banner::before {
    background-position: left;
  }

  .wsus__website_setup_text h3 {
    font-size: 65px;
  }

  .header {
    border-bottom: 1px solid #939393;
  }

  .pay-methods_img {
    width: 460px;
    margin-left: 0;
  }
}

@media (max-width: 767.99px) {
  .pay-methods h5::after {
    height: 50px;
  }

  .wsus__language h5,
  .wsus__inner_pages h5,
  .wsus__responsive h5,
  .wsus__technology h5,
  .wsus__features_section h5,
  .wsus__pages h5,
  .pay-methods h5,
  .wsus__dashboard h5 {
    font-size: 24px;
  }

  .wsus__responsive h5::after {
    height: 50px;
    bottom: -4px;
  }

  .wsus__inner_pages h5::after {
    height: 45px;
    bottom: -1px;
    left: -15px;
  }

  .pay-methods .right_method {
    margin-right: 0;
  }

  .pay-methods_img {
    width: auto;
    margin-left: 0;
  }

  .wsus__pages {
    padding-bottom: 0;
  }

  .s-space {
    padding: 70px 0px;
  }

  .s-space-b {
    padding-bottom: 70px;
  }

  .s-space-t {
    padding-top: 70px;
  }

  .s-space-sm {
    padding: 60px 0px;
  }

  .s-space-sm-b {
    padding-bottom: 60px;
  }

  .m-link {
    display: none;
  }

  .header-inner .p-right > * {
    margin-left: 25px;
  }

  .h-title {
    font-size: 40px;
    line-height: 55px;
  }

  .h-bottom {
    flex-wrap: wrap;
    justify-content: center;
  }

  .h-bottom .thumb.desktop {
    flex-basis: 100%;
  }

  .h-bottom .thumb.dashboard {
    flex-basis: 100%;
  }

  .h-bottom .thumb img:nth-child(2) {
    margin: auto;
    width: 100%;
  }

  .h-bottom .s-title {
    font-size: 38px;
    line-height: 50px;
  }

  .feat-row {
    grid-template-columns: 1fr 1fr;
    row-gap: 0px;
  }

  .s-feat-box .content p {
    display: none;
  }

  .s-feat-box .content h4 {
    font-size: 14px;
    line-height: 22px;
  }

  .s-feat-box .thumb .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .p-methods-container {
    padding: 30px 0px;
  }

  .pay-methods .s-title {
    margin-bottom: 0;
  }

  .d-app-content .s-title-sm {
    font-size: 38px;
    line-height: 50px;
  }

  .d-app-content .btn-group {
    flex-wrap: wrap;
    justify-content: center;
  }

  .d-app-sec {
    padding: 70px 0px;
  }

  .i-list-s2 {
    gap: 10px;
  }

  .i-list-s2 li .text {
    font-size: 14px;
  }

  .i-list-s2 li span.icon {
    width: 20px;
    margin-right: 10px;
  }

  .justify-lg-center > div:nth-child(2) > div {
    margin-top: 25px;
  }

  .contact-content .c-sub-title {
    font-size: 26px;
    line-height: 40px;
    font-weight: 400;
  }

  .contact-content .c-title {
    font-size: 46px;
  }

  .contact-content .rate-hour {
    padding: 0;
    font-size: 20px;
  }

  .c-btn {
    font-size: 16px;
  }

  .accordion-s1 .s-accordion > .s-accordion__h {
    gap: 20px;
  }

  .accordion-s1 .s-accordion > .s-accordion__h h3 {
    font-size: 16px;
  }

  .accordion-s1 .s-accordion > .s-accordion__h .icon {
    width: 14px;
    height: auto;
    flex-shrink: 0;
  }

  .footer-cta-container {
    flex-direction: column;
    align-items: center;
  }

  .f-widget.widget-1 .info.address a {
    padding-right: 30px;
  }

  .s-title,
  .s-title span,
  .footer_text h2,
  .wsus__mobile_app_text h3,
  .wsus__mobile_app_text h2,
  .wsus__website_setup_text h2,
  .wsus__inner_pages h3,
  .contact-content .c-title,
  .footer-cta-container h2,
  .d-app-content .s-title-sm {
    font-size: 24px !important;
    line-height: 35px;
  }

  .header .logo {
    width: 150px;
  }

  #nav-open {
    margin-right: 12px;
  }

  .wsus__features_img_item .img {
    width: auto;
    height: auto;
    margin: 0;
  }

  .footer_text ul li a.buy {
    margin-top: 20px;
  }

  .footer_text {
    padding: 30px;
  }

  .wsus__inner_pages ul li .purchase {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .wsus__pages_item a span {
    padding: 8px 25px;
  }

  .wsus__backend_item h4 {
    font-size: 22px;
    margin-top: 20px;
  }

  .wsus__features_img_item .text h4 {
    font-size: 22px;
  }

  .wsus__features_icon_item h4 {
    line-height: initial;
    margin-top: 20px;
  }

  .wsus__mobile_app {
    background-position: center right;
  }

  .h-title {
    font-size: 32px;
    line-height: 48px;
  }

  .height_sm img {
    height: 463px;
  }

  .licence-main-wrapper .licence-wrapper .card-wrapper .buy-now-txt {
    font-size: 30px;
  }

  .licence-main-wrapper .licence-wrapper .card-wrapper .conditon-offer {
    font-size: 40px;
  }

  .wsus__website_setup_text h3 {
    font-size: 50px;
  }

  .wsus__website_setup {
    margin-bottom: 0;
  }

  .heading_shapes {
    max-width: 250px;
  }

  .cr-text {
    margin-top: 50px;
  }

  .wsus__pages_item h4 {
    font-size: 20px;
  }

  .wsus__pages_item {
    height: 330px;
  }

  .header {
    border-bottom: 1px solid #939393;
  }

  .wsus__features_icon_item {
    padding: 20px;
  }

  .wsus__inner_pages ul li .purchase {
    margin: 0px 30px 0px 0px;
  }

  .wsus__inner_pages_item {
    height: auto;
  }

  .wsus__website_setup_img {
    margin-left: 0;
    margin-top: 35px;
  }

  .wsus__language h5::after {
    bottom: -5px;
    height: 47px;
  }

  .contact-content span {
    font-size: 16px;
  }

  .c-btn.email {
    padding: 15px 20px;
  }

  .wsus__language h5::after,
  .wsus__inner_pages h5::after,
  .wsus__responsive h5::after,
  .wsus__dashboard h5::after,
  .wsus__technology h5::after,
  .wsus__features_section h5::after,
  .wsus__pages h5::after,
  .pay-methods h5::after {
    height: 43px;
  }

  .wsus__features_img_item .text {
    width: 100%;
    margin-top: 30px;
  }

  .wsus__dashboard h5::after {
    height: 50px;
    bottom: -5px;
  }

  .wsus__mobile_app_text p {
    max-width: 100%;
  }
}

@media (max-width: 575.99px) {
  .licence-main-wrapper
    .licence-wrapper
    .card-wrapper
    :is(.regular-item-card, .extended-item-card) {
    width: 300px;
    height: 440px;
    border-radius: 12px;
  }

  .licence-main-wrapper .licence-wrapper .card-wrapper .buy-now-txt {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .licence-main-wrapper .licence-wrapper .card-wrapper .conditon-offer {
    font-size: 30px;

    margin-bottom: 10px;
  }

  .licence-main-wrapper .licence-wrapper .card-wrapper .conditon-offer-2 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .licence-main-wrapper .licence-wrapper .card-wrapper .tick-items {
    display: flex;
    gap: 17px;
  }

  .licence-main-wrapper .licence-wrapper .card-wrapper .tick-items p {
    font-size: 20px;
    line-height: 30px;
  }

  .count-down-wrapper .black-friday-headling {
    width: 100%;
  }

  .count-down-wrapper .black-friday-headling h1.black-friday-headling-text {
    font-size: 30px;
    line-height: 45px;
  }

  .count-down-wrapper .black-friday-pricing .black-friday-pricing-wrapper {
    flex-direction: column;
  }

  .count-down-wrapper
    .black-friday-pricing
    .black-friday-pricing-wrapper
    .offer-price {
    margin: 10px 0px;
  }

  .buy_btn {
    display: none;
  }

  #m-menu-container .buy_btn_2 {
    display: inline-block;
  }

  .nav-list li a {
    margin-left: 0;
  }

  .wsus__website_setup_text h3 {
    font-size: 40px;
  }

  .wsus__website_setup_text h3 span {
    font-size: 24px;
  }

  .wsus__website_setup_img {
    margin-left: 0;
    margin-top: 25px;
  }

  .wsus__website_setup {
    margin-bottom: 0;
  }

  .heading_shapes {
    max-width: 250px;
  }

  .cr-text {
    margin-top: 50px;
  }

  .pages_bottom_text {
    background: #e2dfff;
    padding: 20px 40px;
    border-radius: 8px;
  }

  .pages_bottom_text span {
    font-size: 18px;
    background: none;
    padding: 0;
  }

  .header {
    border-bottom: 1px solid #939393;
  }

  .h-title span::after {
    bottom: -3px;
  }

  .p-methods-container > * {
    width: 45%;
    height: auto;
  }

  .wsus__features_section h5::after {
    height: 50px;
  }

  .wsus__features_img_item .text {
    width: 100%;
    margin-top: 20px;
  }

  .wsus__mobile_app_text p {
    max-width: 100%;
  }
}

.alert-wrapper {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999999 !important;
  background: rgba(0, 0, 0, 0.8);
}

.close-alert {
  position: fixed;
  top: 40px;
  right: 40px;
  font-size: 100px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.7);
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

.close-alert svg {
  fill: rgba(255, 255, 255, 0.7);
  transition: 0.5s;
}
.close-alert:hover {
  border: 1px solid rgba(255, 255, 255, 1);
}
.close-alert:hover svg {
  fill: rgba(255, 255, 255, 1);
}

.cyber-sale {
  background: #060244;
}
.cyber-wrapper {
  width: 100%;
  border: 4px solid #b037a6;
  border-radius: 12px;
  overflow: hidden;
  padding: 40px;
  background: #0a0674;
}
.cyber-wrapper .cyber-products-wrapper img {
  width: 100%;
  height: 100%;
}

.cyber-wrapper .cyber-products-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 4 items in a row */
  gap: 48px;
}

.cyber-wrapper .cyber-banner {
  margin-bottom: 48px;
}
.cyber-wrapper .cyber-banner img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  animation: flicker-anim 1s infinite steps(1);
  background: black;
  -webkit-filter: invert(0); /* Safari, older Chrome, and older Opera */
  -moz-filter: invert(0); /* Firefox (older versions) */
  -ms-filter: "invert(0)"; /* Internet Explorer 9-11 */
  filter: invert(0); /* Modern browsers */
}

@keyframes flicker-anim {
  0% {
    -webkit-filter: invert(0);
    -moz-filter: invert(0);
    -ms-filter: "invert(0)";
    filter: invert(0); /* Normal colors */
  }
  50% {
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    -ms-filter: "invert(1)";
    filter: invert(1); /* Inverted colors */
  }
  100% {
    -webkit-filter: invert(0);
    -moz-filter: invert(0);
    -ms-filter: "invert(0)";
    filter: invert(0); /* Normal colors again */
  }
}

.s-space {
  padding: 120px 0;
}
@media (max-width: 1024px) {
  .cyber-wrapper .cyber-banner {
    margin-bottom: 20px;
  }
  .s-space {
    padding: 70px 0px;
  }
  .cyber-wrapper .cyber-products-wrapper {
    /* Switch to 1 item per row */
    gap: 20px;
  }
  .cyber-wrapper {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .cyber-wrapper .cyber-products-wrapper {
    grid-template-columns: 1fr; /* Switch to 1 item per row */
  }
}