/******************* Shape Start *******************/
.top-white-shape,
.top-gray-shape,
.top-blue-shape {
  position: relative;
}

.top-blue-shape::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="40" viewBox="0 0 1920 40" fill="none"><path d="M0 34.3251C743.177 -11.5539 1163.61 -11.3294 1920 34.3251V40C1200.15 40 754.667 40 0 40L0 34.3251Z" fill="%23021859"/></svg>') no-repeat center center;
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  height: 80px;
  background-size: 100%;
  z-index: 0;
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}

.top-gray-shape::before {
  content: "";
  position: absolute;
  top: clamp(-50px, 1.5px + -2.01vw, -26px);
  left: 0;
  width: 100%;
  height: 80px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1921" height="94" viewBox="0 0 1921 94" fill="none"><path d="M0.164062 0.113281C742.292 1.10524 1174.64 2.25494 1920.16 1.11328V93.7882C1178.41 48.1785 754.379 47.813 0.164062 93.7882V0.113281Z" fill="white"/></svg>') no-repeat center center;
  background-size: 100%;
  z-index: 0;
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}

.top-white-shape::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  width: 100%;
  height: 80px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1921" height="74" viewBox="0 0 1921 74" fill="none"%3E%3Cpath d="M0.777344 34.9071C743.954 -10.9718 1164.38 -10.7474 1920.78 34.9071V73.582C1179.03 27.9724 754.993 27.6068 0.777344 73.582V34.9071Z" fill="white"/%3E%3C/svg%3E') no-repeat center center;
  background-size: 100%;
  z-index: 0;
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}

.offers-ends-main-block {
  position: relative !important;
  z-index: 11 !important;
}

.offers-ends-main-block::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: #38c2e9;
  filter: blur(185px);
  -webkit-filter: blur(185px);
  max-width: 250px;
  width: 250px;
  height: 250px;
  z-index: -1;
}

.free-model-countdown-timer .wd-timer-value {
  border-radius: 5px;
  border: 1px solid rgba(56, 194, 233, 0.5);
  background: #0f427d;
  box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.25), 0 3px 12px 0 rgba(56, 194, 233, 0.3) inset;
  color: #fff !important;
  padding: 2px 10px !important;
  font-size: 30px !important;
  font-family: "Jost" !important;
  font-weight: 500 !important;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.free-model-countdown-timer .wd-timer.wd-style-standard {
  background: transparent !important;
  color: #fff !important;
  --wd-timer-bg: transparent !important;
  column-gap: 50px !important;
  --wd-timer-shadow: unset !important;
}

.free-model-countdown-timer .wd-timer-text {
  color: #fff;
  font-family: "Jost" !important;
  text-align: center;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  text-align: center;
}

.free-model-countdown-timer .wd-timer-days,
.free-model-countdown-timer .wd-timer-hours,
.free-model-countdown-timer .wd-timer-min {
  position: relative;
}

.free-model-countdown-timer .wd-timer-days::after,
.free-model-countdown-timer .wd-timer-hours::after,
.free-model-countdown-timer .wd-timer-min::after {
  content: ":";
  position: absolute;
  color: #868686;
  font-size: 30px;
  line-height: 40px;
  top: 14px;
  right: -30px;
  z-index: 0;
}

.free-model-countdown-timer {
  max-width: 482px !important;
  width: 100% !important;
}

.h-navigation-menu.hfe-menu-item {
  width: 100% !important;
}

.h-navigation-menu .hfe-nav-menu {
  background: #021859;
}

/******************* Responsive Style Start *******************/
@media (min-width: 1921px) and (max-width: 3000px) {

  /******************* Shape Start *******************/
  .top-white-shape::before {
    transform: scale(1.7);
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    height: 150px;
  }

  .top-blue-shape::before {
    top: -60px;
  }

  /******************* Shape End *******************/
}

@media (max-width: 1366px) {
  .free-model-countdown-timer .wd-timer-value {
    font-size: 25px !important;
    height: 40px;
    width: 40px;
  }

  .free-model-countdown-timer .wd-timer.wd-style-standard {
    column-gap: 20px !important;
  }

  .free-model-countdown-timer .wd-timer-text {
    font-size: 20px !important;
    line-height: 150% !important;
  }

  .free-model-countdown-timer .wd-timer-days::after,
  .free-model-countdown-timer .wd-timer-hours::after,
  .free-model-countdown-timer .wd-timer-min::after {
    right: -15px;
    top: 10px;
  }

}

@media (max-width: 1024px) {

  /******************* Shape Start *******************/
  .top-blue-shape::before {
    top: -45px;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }

  /******************* Shape End *******************/
}

@media only screen and (max-width: 1024px) {
  .h-navigation-menu .hfe-active-menu.hfe-active-menu-full-width+.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
    position: relative !important;
    height: 100vh !important;
    align-content: flex-start !important;
    overflow: auto !important;
    padding: 0 0 140px 0 !important;
  }

  .h-navigation-menu .hfe-active-menu.hfe-active-menu-full-width+.hfe-nav-menu__layout-horizontal {
    top: 67px !important;
  }

  .h-navigation-menu .hfe-nav-menu .hfe-dropdown.menu-is-active {
    margin-top: 0 !important;
  }
}

@media (max-width: 400px) {
  .top-gray-shape::before {
    height: 68px;
  }

  .free-model-countdown-timer .wd-timer-value {
    font-size: 20px !important;
    height: 35px;
    width: 35px;
  }

  .free-model-countdown-timer .wd-timer.wd-style-standard {
    column-gap: 10px !important;
  }

  .free-model-countdown-timer .wd-timer-text {
    font-size: 17px !important;
    line-height: 120% !important;
  }

  .free-model-countdown-timer .wd-timer-days::after,
  .free-model-countdown-timer .wd-timer-hours::after,
  .free-model-countdown-timer .wd-timer-min::after {
    right: -7px;
    font-size: 20px;
    top: 4px;
  }

}