body {
  font-family: "Poppins", sans-serif;
  /* font-size: 14px; */
}

.hero-header {
  padding: 100px 0;
  background-image: url(./img/cover-background.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.end-text {
  letter-spacing: 0.5em;
}

.countdown {
  background: rgba(0, 50, 159, 0.7);
}

.countdown div {
  font-size: 26px;
  width: 57px;
  position: relative;
  font-weight: 700;
}

@media (min-width: 576px) {
  .countdown div {
    width: 75px;
    font-size: 30px;
  }
}

.section {
  padding: 80px 0;
}

.btn_contactForCustom {
  padding: 24px 30px;
  z-index: 2;
  border-radius: 14px 0 0 14px;
  background-color: #2ebc45;
  bottom: 50%;
  transform: translateY(50%);
  right: 0;
}
.btn_contactForCustom:focus,
.btn_contactForCustom:hover {
  background-color: #0d8320;
}

@media (max-width: 575px) {
  .btn_contactForCustom {
    bottom: 50px;
    border-radius: 8px;
    right: 20px;
    padding: 14px 26px;
  }
}

/* /////////////////////////////// */

.card-box {
  -webkit-box-shadow: 0 20px 20px -20px rgb(0 0 0 / 25%);
  -moz-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 20px 20px -20px rgb(0 0 0 / 25%);
  position: relative;
}

.card-box::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-left: 16px solid transparent;
  top: 10px;
  right: 10px;
}

@media (max-width: 575px) {
  .card-box::before {
    border-top: 12px solid transparent;
    border-left: 12px solid transparent;
  }
}

.card-box.active::before {
  border-top-color: #fff;
}

.card-content .row [class*="col-"]:nth-child(1) .card-box.active,
.card-content .row [class*="col-"]:nth-child(1) .card-box:hover {
  background-color: #fec62c;
}

.card-content .row [class*="col-"]:nth-child(2) .card-box.active,
.card-content .row [class*="col-"]:nth-child(2) .card-box:hover {
  background-color: #b3de63;
}

.card-content .row [class*="col-"]:nth-child(3) .card-box.active,
.card-content .row [class*="col-"]:nth-child(3) .card-box:hover {
  background-color: #b2e26d;
}

.card-content .row [class*="col-"]:nth-child(4) .card-box.active,
.card-content .row [class*="col-"]:nth-child(4) .card-box:hover {
  background-color: #1ab357;
}

.card-content .row [class*="col-"]:nth-child(5) .card-box.active,
.card-content .row [class*="col-"]:nth-child(5) .card-box:hover {
  background-color: #27dae3;
}

.card-content .row [class*="col-"]:nth-child(6) .card-box.active,
.card-content .row [class*="col-"]:nth-child(6) .card-box:hover {
  background-color: #5d5c67;
}

.card-box img {
}

@media (max-width: 575px) {
  .card-box img {
    width: 50px;
  }
}

.card-box.active {
  /* -webkit-box-shadow: 0 0 32px -7px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 32px -7px rgba(0,0,0,0.1);
  box-shadow: 0 0 32px -7px rgb(0 0 0 / 10%); */
}

.card-content .row [class*="col-"]:nth-child(1) .card-box {
  background: rgba(254, 198, 44, 0.1);
}

.card-content .row [class*="col-"]:nth-child(2) .card-box {
  background: rgba(179, 222, 99, 0.1);
}

.card-content .row [class*="col-"]:nth-child(3) .card-box {
  background: rgba(178, 226, 109, 0.1);
}

.card-content .row [class*="col-"]:nth-child(4) .card-box {
  background: rgba(26, 179, 87, 0.1);
}

.card-content .row [class*="col-"]:nth-child(5) .card-box {
  background: rgba(39, 218, 227, 0.1);
}

.card-content .row [class*="col-"]:nth-child(6) .card-box {
  background: rgba(93, 92, 103, 0.1);
}

.wp {
  color: #ffffff;
  min-width: 95px;
  position: relative;
  background: #323232;
}

@media (max-width: 460px) {
  .wp {
    min-width: 64px;
  }
}

/* ///////////////////////////// */
.banner-wrap {
  padding: 41px 15px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.pinkBg {
  background: #b302eb;
}

.skyBg {
  background: #179ae3;
}

.yellowBg {
  background: #e3a500;
}

.blueBg {
  background: #1968ff;
}

.violetBg {
  background: #4c00d3;
}

.xain-bg {
  background: #9b4cf8;
}

.vms-bg {
  background: #3c33f3;
}

.hospital-bg {
  background: #0cb6df;
}

.pharmacare-bg {
  background: #ff5708;
}

.addons_rotated {
  background: #f8ce3c;
  color: #000;
  padding: 5px 25px;
  width: 200px;
  top: 16px;
  left: -70px;
  line-height: 22px;
  letter-spacing: 0.01em;
  font-size: 14px;
  font-weight: 600;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  box-shadow: 0 0.5rem 9px 0px rgb(0 0 0 / 12%) !important;
}

.transformOnHover {
  transition-duration: 0.3s;
  text-decoration: none;
  color: #212529;
  height: 100%;
}

.transformOnHover:hover {
  transform: translateY(-10px);
  color: #009965;
}

.btn_hover-effect span {
  position: relative;
}

.btn_hover-effect::before {
  content: "";
  top: 0;
  left: 0;
  background: #a202ba;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  transform: scale(0);
  border-radius: 4px;
  transition-duration: 0.3s;
  opacity: 0;
}

.btn_hover-effect:hover::before {
  transform: scale(1);
  opacity: 1;
}

.btn_hover-effect:hover {
  color: #fff;
}

.btn_hover-effect:hover span {
  color: #fff;
}

/* /////////////////////////////////// */
.list-check {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.list-check li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  line-height: 18px;
}

.list-check li::before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10_5230)'%3E%3Cpath d='M6.69649 20.2825C5.98478 20.0386 5.31074 19.6963 4.69402 19.2656C4.47941 19.1133 4.27411 18.9483 4.06415 18.7885L4.01006 18.742L3.99668 18.7333L3.95713 18.6978C3.53489 18.5131 3.33947 18.0772 2.98237 17.8204C2.95753 17.7596 2.90996 17.7108 2.84976 17.6844C2.7282 17.5827 2.60665 17.4816 2.53802 17.3328C2.52464 17.3189 2.51126 17.3044 2.49847 17.2898C2.26931 17.0283 2.04656 16.7599 1.8273 16.492C1.6205 16.2358 1.44642 15.9549 1.30909 15.6558C1.0305 15.052 0.708293 14.4651 0.519853 13.8171C0.345372 13.2256 0.141226 12.6392 0.0743418 12.0302C0.00499402 11.3406 -0.0169648 10.6471 0.00862017 9.95453C0.0167626 9.65758 0.00862045 9.36064 0.0598017 9.06834C0.158093 8.5006 0.257544 7.9317 0.456453 7.38952C0.655362 6.84735 0.813559 6.27845 1.11134 5.77056C1.24802 5.53812 1.37713 5.29987 1.51032 5.06394L1.54522 5.01803C1.95234 4.30734 2.50778 3.70183 3.02017 3.07133C3.36913 2.64131 3.87629 2.35366 4.32645 2.01953C4.56549 1.8452 4.79814 1.6389 5.04764 1.49653C5.40533 1.29431 5.76592 1.0822 6.14164 0.915427C6.56272 0.727148 7.00823 0.590589 7.4485 0.450542C8.03011 0.263426 8.63265 0.159985 9.2381 0.0826976C10.4368 -0.0683839 11.6527 -0.00581424 12.8295 0.267492C13.8531 0.500912 14.8341 0.891817 15.7375 1.42622C15.7732 1.45694 15.8184 1.47457 15.8655 1.47619C15.912 1.53284 15.9771 1.57115 16.0493 1.58428C16.1993 1.72433 16.4965 1.79754 16.4942 1.97129C16.4942 2.09856 16.2075 2.22233 16.0493 2.34785C15.8003 2.54543 15.5735 2.85341 15.2932 2.91036C15.0129 2.96731 14.7424 2.65468 14.4621 2.51347C9.23113 -0.123009 2.79392 3.06203 1.73657 8.81382C0.825191 13.773 4.05484 18.4183 9.02291 19.2923C13.8578 20.1431 18.5827 16.7354 19.3132 11.8757C19.5957 10.0857 19.3208 8.25229 18.5258 6.62363C18.4496 6.46499 18.4624 6.37317 18.5769 6.25172C18.7351 6.08378 18.8724 5.8955 19.0189 5.71652C19.0898 5.67708 19.146 5.61597 19.1795 5.54219C19.5284 5.18597 19.5284 5.18539 19.7721 5.62936C20.3438 6.6707 20.6905 7.787 20.8725 8.95677C21.2279 11.2388 20.7917 13.3877 19.7721 15.4373L19.7541 15.4483L19.7593 15.4669C19.4147 16.0593 19.0316 16.6284 18.6124 17.1707C18.5979 17.187 18.5827 17.2027 18.5676 17.2189C17.9313 17.943 17.2135 18.5914 16.4285 19.1511C15.9812 19.4643 15.4979 19.7032 15.021 19.9548C13.8578 20.5673 12.598 20.8014 11.3057 20.952C10.7241 21.0199 10.153 21.0054 9.58067 20.9857C8.98161 20.9647 8.39594 20.8055 7.80968 20.6765C7.44086 20.5873 7.08181 20.4617 6.73778 20.3017L6.69649 20.2825Z' fill='%23353535'/%3E%3Cpath d='M20.2742 1.96185L20.3905 1.94849C20.429 1.95546 20.4678 1.96011 20.5068 1.96243C20.7005 1.96243 20.8872 1.99323 20.9721 2.19023C21.0489 2.37502 20.9896 2.55168 20.8634 2.70276C20.7742 2.81723 20.6771 2.9252 20.5726 3.02586C19.9468 3.58663 19.3268 4.1532 18.7487 4.76336C18.1589 5.38631 17.5465 5.98833 17.0225 6.67055V6.67404C16.9841 6.70224 16.9481 6.73353 16.9149 6.7676C16.4251 7.35277 15.9261 7.92981 15.4498 8.52719C14.7937 9.35178 14.1354 10.1746 13.57 11.066H13.5852L13.5706 11.0695C13.2553 11.4594 12.9736 11.8752 12.7285 12.3125C12.7076 12.3237 12.6903 12.3406 12.6786 12.3611C12.6669 12.3817 12.6612 12.4051 12.6622 12.4287C12.414 12.7333 12.2008 13.0646 12.0265 13.4166C12.0066 13.4285 11.9903 13.4457 11.9794 13.4661C11.9686 13.4866 11.9635 13.5097 11.9648 13.5328C11.8549 13.6188 11.7996 13.7449 11.7322 13.8594C11.1988 14.7468 10.7144 15.6608 10.2136 16.565C9.97689 16.9933 9.60118 17.2252 9.09634 17.2176C8.59151 17.2101 8.26988 16.941 8.04946 16.5162C6.87268 14.272 5.69667 12.028 4.52144 9.78412C4.30334 9.36514 4.03871 8.9665 3.91599 8.50569C3.72522 7.78511 4.21552 7.14357 4.91519 7.1982C5.22169 7.2226 5.45957 7.38182 5.67127 7.59219C6.74608 8.66549 7.8267 9.73356 8.89162 10.8167C9.08878 11.0178 9.17893 11.0021 9.34876 10.7912C10.1145 9.84234 10.9313 8.93583 11.7956 8.07567C12.4446 7.42715 13.1106 6.79723 13.7695 6.15802V6.15511C14.3913 5.65246 15.0025 5.13701 15.6365 4.65005C17.0568 3.54362 18.5643 2.57666 20.2742 1.96185Z' fill='%2337B44B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10_5230'%3E%3Crect width='21' height='21' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 575px) {
  .list-check {
    font-size: 14px;
  }

  .list-check li {
    padding-left: 25px;
    line-height: 15px;
  }

  .list-check li::before {
    height: 15px;
    width: 15px;
  }
}

.preview-img .sale-price-img {
  right: 10px;
  top: -40px;
  width: 200px;
}

.order-md-first .preview-img .sale-price-img {
  right: auto;
  left: -40px;
  top: -40px;
}

@media (max-width: 575px) {
  .preview-img .sale-price-img {
    right: -12px;
    width: 116px;
  }

  .order-md-first .preview-img .sale-price-img {
    left: -12px;
  }
}

.offer-bg {
  padding: 100px 0;
  background-image: url(../cyber-offer/img/Action-banner-04.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.announcement-top {
  background-image: url(../cyber-offer/img/Action-banner-03.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.announcement {
  background-color: #0805b6;
}

.main-title {
}

.main-title span {
  width: 120px;
  height: 2px;
  background-color: #e1e1e1;
  display: block;
  margin-bottom: 0.5rem;
}

.main-title span em {
  width: 60px;
  height: 2px;
  background-color: #e54750;
  display: block;
}

.main-title.text-center p {
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: 300;
  max-width: inherit;
}

.main-title.text-center span {
  margin: 0 auto 0.5rem;
}

/* Button */
.pulse_bt {
  box-shadow: 0 0 0 rgba(71, 84, 229, 0.4);
  animation: pulseanime 3s infinite;
  -webkit-animation: pulseanime 3s infinite;
}

@-webkit-keyframes pulseanime {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(71, 84, 229, 0.4);
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(229, 71, 80, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(229, 71, 80, 0);
  }
}

@keyframes pulseanime {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(71, 84, 229, 0.4);
    box-shadow: 0 0 0 0 rgba(71, 84, 229, 0.4);
  }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(229, 71, 80, 0);
    box-shadow: 0 0 0 10px rgba(229, 71, 80, 0);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(229, 71, 80, 0);
    box-shadow: 0 0 0 0 rgba(229, 71, 80, 0);
  }
}

.btn_1,
a.btn_1 {
  border: none;
  background-color: #0131db;
  outline: 0;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  padding: 8px 25px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  line-height: normal;
}

.btn_1.medium,
a.btn_1.medium {
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 12px 30px;
}

.btn_1.gradient,
a.btn_1.gradient {
  background-size: 100%;
  background-image: -webkit-linear-gradient(right, #06dbdc, #0131db);
  background-image: linear-gradient(to right, #06dbdc, #0131db);
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn_1.gradient:before,
a.btn_1.gradient:before {
  border-radius: inherit;
  background-image: -webkit-linear-gradient(right, #0131db, #0131db);
  background-image: linear-gradient(to right, #0131db, #0131db);
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 0.45s ease-in-out;
  transition: opacity 0.45s ease-in-out;
}

.play_button {
  width: 80px;
  height: 55px;
  border-radius: 15px !important;
  background: #c92e50;
  transition-duration: 0.3s;
}

.play_button:focus,
.play_button:hover {
  background: #ff0b41;
}

/* body{
  background:#D2D2D0;
} */

#wrapper {
  margin: 50px auto;
}

/* h4{
  text-align: center; 
  font-family: monospace;
  cursor: pointer;
  color:#000;
  position:fixed;
  bottom:5px;
  right:5px;
  z-index:-1;
} */

svg {
  cursor: pointer !important;
  margin: px auto;
}

/* End of Global Styling  */

/* Ex1 Styling  */
.Banner1 {
  display: none;
}

.Biggest,
.ShopNow,
.Sales {
  /* ex 1 texts  */
  display: none;
  color: red;
  animation-name: example;
  animation-duration: 4s;
}

.BannerBorderLine,
.BannerBorder {
  display: none;
}

.BannerHolder {
  display: none;
}

.BorderAnimationEx1 {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: BannerBorder 1s linear forwards;
  animation-delay: 2s;
}

/* End of Ex1 Styling  */

/* Ex2 Styling  */
.Banner2 {
  display: none;
}

.Mega,
.ShopNowEx2,
.SalesEx2 {
  /* ex 2 texts  */
  display: none;
}

.BannerBorderLineEx2,
.BannerBorderEx2 {
  display: none;
}

.BannerHolderEx2 {
  display: none;
}

.BorderAnimationEx2 {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: BannerBorder 50s linear alternate infinite;
  animation-delay: 0s;
}

/* End of Ex2 Styling  */

/* Ex3 Styling  */
.Banner3 {
  display: none;
}

.Best,
.SalesEx3,
.Limited {
  /* ex 3 texts  */
  display: none;
}

.BannerBorderLineEx3,
.BannerBorderEx3 {
  display: none;
}

.BannerHolderEx3 {
  display: none;
}

.BorderAnimationEx3 {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: BannerBorder 3s linear alternate infinite;
  animation-delay: 0s;
}

/* End of Ex3 Styling  */

/* Ex4 Styling  */
.Banner4 {
  display: none;
}

.SaleEx4,
.BestEx4 {
  /* ex 4 texts  */
  display: none;
}

.OffEx4 {
  /* ex 4 texts  */
  display: none;
  -webkit-animation: fadeinout 1s linear forwards;
  animation: fadeinout 1s linear alternate infinite;
  animation-delay: 0s;
}

.BannerBorderLineEx4,
.BannerBorderEx4 {
  display: none;
}

.BannerHolderEx4 {
  display: none;
}

.circleEx4 {
  display: none;
}

.triangle1Ex4 {
  display: none;
  -webkit-animation: fadeinout 4s linear forwards;
  animation: fadeinout 3s linear alternate infinite;
  animation-delay: 2s;
}

.triangle2Ex4 {
  display: none;
  -webkit-animation: fadeinout 4s linear forwards;
  animation: fadeinout 2s linear alternate infinite;
  animation-delay: 3s;
}

.triangle3Ex4 {
  display: none;
  -webkit-animation: fadeinout 4s linear forwards;
  animation: fadeinout 1s linear alternate infinite;
  animation-delay: 4s;
}

.BorderAnimationEx4 {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: BannerBorder 2s linear forwards;
  animation-delay: 0s;
}

/* End of Ex4 Styling  */

/* Ex5 Styling  */
.Banner5 {
  display: none;
}

.SaleEx5,
.BestEx5 {
  /* ex 5 texts  */
  display: none;
}

.OffEx5 {
  /* ex 5 texts  */
  display: none;
  -webkit-animation: fadeinout 1s linear forwards;
  animation: fadeinout 1s linear alternate infinite;
  animation-delay: 0s;
}

.BannerBorderLineEx5,
.BannerBorderEx5 {
  display: none;
}

.BannerHolderEx5 {
  display: none;
}

.circleEx5 {
  display: none;
}

.triangle1Ex5,
.Oval1Ex5 {
  display: none;
  -webkit-animation: fadeinout 4s linear forwards;
  animation: fadeinout 3s linear alternate infinite;
  animation-delay: 2s;
}

.triangle2Ex5,
Oval2Ex5 {
  display: none;
  -webkit-animation: fadeinout 4s linear forwards;
  animation: fadeinout 2s linear alternate infinite;
  animation-delay: 3s;
}

.triangle3Ex5,
.Oval3Ex5 {
  display: none;
  -webkit-animation: fadeinout 4s linear forwards;
  animation: fadeinout 1s linear alternate infinite;
  animation-delay: 4s;
}

.triangle4Ex5 {
  display: none;
  -webkit-animation: fadeinout 4s linear forwards;
  animation: fadeinout 1s linear alternate infinite;
  animation-delay: 4s;
}

.BorderAnimationEx5 {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: BannerBorder 2s linear forwards;
  animation-delay: 0s;
}

/* End of Ex5 Styling  */

/* Ex6 Styling  */
.Banner6 {
  display: none;
}

.SaleEx6 {
  /* ex 6 texts  */
  display: none;
}

.OffEx6 {
  /* ex 6 texts  */
  display: none;
}

.BannerBorderLineEx6,
.BannerBorderEx6 {
  display: none;
}

.BannerHolderEx6 {
  display: none;
}

.circleEx6 {
  display: none;
}

.circleEx6Shadow,
.OffTextEx6 {
  -webkit-animation: fadeinout 1s linear forwards;
  animation: fadeinout 4s linear alternate infinite;
  animation-delay: 0s;
}

.BorderAnimationEx6 {
  stroke-dasharray: 4;
  stroke-dashoffset: 4;
  animation: BannerBorder 200s linear alternate infinite;
  animation-delay: 0s;
}

.footer_shape {
  display: none;
}

/* End of Ex6 Styling  */

/* Global Border Animation   */
@keyframes BannerBorder {
  from {
    stroke-dashoffset: 2000;
  }

  to {
    stroke-dashoffset: 1;
  }
}

@-webkit-keyframes fadeinout {
  0%,
  100% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@keyframes fadeinout {
  0%,
  100% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@keyframes example {
  from {
    color: red;
  }

  to {
    color: yellow;
  }
}

.h-230 {
  height: 230px;
}
.softskyBg {
  background: #ceedff;
}
.softred {
  background: #ffe7eb;
}
.hardgreen {
  background: #2d7b34;
}
.softviolet {
  background: #9065db;
}
.softpink {
  background: #c58be3;
}

.hero-header-cyber {
  background-image: url(./img/cyber-week-sale-background.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.h-230 {
  height: 230px;
}
.softskyBg {
  background: #ceedff;
}
.softred {
  background: #ffe7eb;
}
.hardgreen {
  background: #2d7b34;
}
.softviolet {
  background: #9065db;
}
.softpink {
  background: #c58be3;
}

.text-gradient-2 {
  color: #1018d3;
}

.play_button {
  width: 70px;
  height: 70px;
}

.fs-50 {
  font-size: 50px;
}
.glow-text {
  color: #fff;
  animation-name: glow;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes glow {
  from {
    text-shadow: 0px 0px 5px #fff, 0px 0px 5px #04597e;
  }
  to {
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #04597e;
  }
}
.offer-bg-1 {
  background-image: url(../cyber-offer/img/background/BG-03.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.offer-bg-2 {
  background-image: url(../cyber-offer/img/background/BG-04.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.offer-bg-3 {
  background-image: url(../cyber-offer/img/background/BG-01.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.offer-bg-4 {
  background-image: url(../cyber-offer/img/background/BG-02.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.offer-bage {
  bottom: 10px;
  position: absolute;
  right: -32px;
  border-radius: 5px;
  transform: skewX(-30deg);
  background-color: #9d01b8;

  padding: 5px 34px 5px 30px;
}
.offer-bage span {
  display: block;
  transform: skewX(30deg);
  font-size: 21px;
  font-weight: 700;
  color: #fff;
}
.btn-video {
  background: #a3a7ff;
  padding: 0;
  border-radius: 100% !important;
  width: 1.8rem;
  height: 1.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #fff;
  line-height: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}