@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme-color:#A0FFC2;
  --theme-color-2:#AF49E5;
  --header:#0A031F;
  --text:#4E5154;
  --border:#E6EFFF;
  --ratting:#F8BC26;
  --bg:#FFF3ED;
  ---box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
}

.theme-btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  border: none;
  outline: none !important;
  background-color: var(--theme-color);
  color: var(--header);
  font-size: 16px;
  font-weight: 600;
  padding: 9px 36px 9px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-transform: capitalize;
  position: relative;
  z-index: 2;
  overflow: hidden;
  text-align: center;
  border-radius: 40px;
  line-height: 1;
  font-family: "DM Sans", sans-serif;
  padding-right: 9px;
}

.theme-btn i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--header);
  color: var(--theme-color);
  display: inline-block;
  margin-left: 30px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.theme-btn::after {
  content: "";
  background-color: var(--header);
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-clip-path: circle(0% at 50% 50%);
          clip-path: circle(0% at 50% 50%);
  -webkit-transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.7s;
  transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.7s;
  z-index: -1;
}

.theme-btn.bg-new {
  background-color: #FFC394;
}

.theme-btn.bg-new i {
  background-color: var(--white);
  color: var(--header);
}

.theme-btn.bg-new:hover i {
  background-color: var(--white);
}

.theme-btn:hover {
  background-color: var(--header);
  color: var(--white);
}

.theme-btn:hover i {
  background-color: var(--theme-color);
  color: var(--header);
}

.theme-btn:hover::after {
  -webkit-clip-path: circle(100% at 50% 50%);
          clip-path: circle(100% at 50% 50%);
  -webkit-transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
  transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}

.theme-btn.theme-btn-2 {
  background: #80F8AB;
}

.link-btn {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.32px;
  color: var(--theme-color-2);
  font-family: DM Sans;
  display: inline-block;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.link-btn i {
  margin-left: 10px;
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.link-btn:hover {
  color: #FFA762;
}

.link-btn:hover i {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  color: var(--text);
  background-color: var(--white);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-weight: 400;
}

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

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

input:focus {
  color: var(--white);
  outline: none;
}

input {
  color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Anton", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--header);
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: 400;
}

h1 {
  font-size: 178px;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 1399px) {
  h1 {
    font-size: 160px;
    line-height: 130% !important;
  }
}

@media (max-width: 1199px) {
  h1 {
    font-size: 140px;
  }
}

@media (max-width: 991px) {
  h1 {
    font-size: 110px;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 90px;
  }
}

@media (max-width: 575px) {
  h1 {
    font-size: 60px;
  }
}

h2 {
  font-size: 64px;
  font-weight: 400;
  line-height: 121%;
}

@media (max-width: 1399px) {
  h2 {
    font-size: 56px;
  }
}

@media (max-width: 1199px) {
  h2 {
    font-size: 52px;
  }
}

@media (max-width: 767px) {
  h2 {
    font-size: 42px;
    line-height: 140%;
  }
}

@media (max-width: 575px) {
  h2 {
    font-size: 36px;
  }
}

h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 158%;
}

@media (max-width: 575px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 210%;
}

h5 {
  font-size: 18px;
  font-weight: 400;
}

h6 {
  font-size: 16px;
  font-weight: 400;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: var(--header);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

p {
  margin: 0px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.preloader {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

.preloader .animation-preloader {
  z-index: 1000;
}

.preloader .animation-preloader .spinner {
  -webkit-animation: spinner 1s infinite linear;
          animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: #AF49E5;
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}

@media (max-width: 767px) {
  .preloader .animation-preloader .spinner {
    width: 7.5em;
    height: 7.5em;
    margin: 0 auto 1.5em auto;
  }
}

.preloader .animation-preloader .txt-loading {
  font: bold 5em "Anton", sans-serif, "DM Sans", sans-serif;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (max-width: 767px) {
  .preloader .animation-preloader .txt-loading {
    font-size: 2.5em;
  }
}

.preloader .animation-preloader .txt-loading .letters-loading {
  color: #AF49E5;
  position: relative;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.preloader .animation-preloader .txt-loading .letters-loading::before {
  -webkit-animation: letters-loading 4s infinite;
          animation: letters-loading 4s infinite;
  color: var(--header);
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  font-family: "Anton", sans-serif;
  position: absolute;
  top: -3px;
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
}

.preloader p {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: #AF49E5;
}

.preloader .loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 1;
  pointer-events: none;
}

.preloader .loader .row {
  height: 100%;
}

.preloader .loader .loader-section {
  padding: 0px;
}

.preloader .loader .loader-section .bg {
  background-color: var(--white);
  height: 100%;
  left: 0;
  width: 100%;
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

.preloader.loaded .animation-preloader {
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.preloader.loaded .loader-section .bg {
  width: 0;
  -webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
  transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

.header-search-bar {
  height: 270px;
  position: fixed;
  top: -200%;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--white);
  -webkit-transition: .3s;
  transition: .3s;
}

.header-search-bar.search-open {
  top: 0;
}

.contact-search-form-box {
  margin-top: 50px;
}

.contact-search-form-box form {
  position: relative;
}

.contact-search-form-box form button {
  position: absolute;
  right: 30px;
  top: 15px;
  font-size: 18px;
}

.search-close {
  position: absolute;
  right: 50px;
  top: 35px;
  font-size: 50px;
  color: var(--header);
  font-weight: 300;
  width: 45px;
  height: 45px;
}

.search-bar .contact-search-form-box input {
  border: none;
  width: 100%;
  outline: none;
  color: var(--header);
  border-bottom: 1px solid var(--border);
  font-size: 24px;
  padding-bottom: 30px;
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 767px) {
  .search-bar .contact-search-form-box input {
    font-size: 22px;
  }
}

.search-bar .contact-search-form-box input::-webkit-input-placeholder {
  color: var(--header);
}

.search-bar .contact-search-form-box input:-ms-input-placeholder {
  color: var(--header);
}

.search-bar .contact-search-form-box input::-ms-input-placeholder {
  color: var(--header);
}

.search-bar .contact-search-form-box input::placeholder {
  color: var(--header);
}

.search-bar .contact-search-form-box i {
  color: var(--theme-color);
}

.search-bar .contact-search-form-box p {
  color: #666C78;
  padding-top: 15px;
}

.search-bar .search-bar-title {
  font-size: 25px;
}

.back-to-top {
  border-radius: 50%;
  background-color: #AF49E5;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: var(--white);
  font-size: 18px;
  position: fixed;
  display: inline-block;
  z-index: 9999;
  right: 30px;
  bottom: 30px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

.back-to-top:hover {
  background-color: var(--header);
  color: var(--white);
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
          transform: translate(0);
}

.section-title {
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
  margin-top: -7px;
}

@media (max-width: 767px) {
  .section-title {
    text-align: center;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .section-title p {
    margin-top: .5rem !important;
  }
}

.section-title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .section-title-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .section-title-area .theme-btn {
    display: none;
  }
}

@media (max-width: 575px) {
  .section-title-area {
    gap: 10px;
  }
}

.section-title-area .section-title {
  margin-bottom: 0;
}

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

.section-bg {
  background: #F8EBFF;
}

.sect-bg {
  background-color: #efeefa;
}

.footer-bg {
  background-color: var(--header);
}

.section-bg-2 {
  background: rgba(86, 109, 251, 0.1);
}

.marque-bg {
  background: #FFFAD6;
}

.section-padding {
  padding: 80px 0;
}

@media (max-width: 1199px) {
  .section-padding {
    padding: 60px 0;
  }
}

@media (max-width: 991px) {
  .section-padding {
    padding: 50px 0;
  }
}

@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes arryUpDown {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

@keyframes arryUpDown {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

.animation__arryUpDown {
  -webkit-animation: arryUpDown 2s ease infinite alternate;
          animation: arryUpDown 2s ease infinite alternate;
}

@-webkit-keyframes arryLeftRight {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}

@keyframes arryLeftRight {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}

.animation__arryLeftRight {
  -webkit-animation: arryLeftRight 2s ease infinite alternate;
          animation: arryLeftRight 2s ease infinite alternate;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}

@keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}

@-webkit-keyframes cir36 {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes cir36 {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

.GlidingArrow {
  -webkit-animation: slide 5s linear infinite;
  animation: slide 5s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.delay2 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.delay3 {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.delay4 {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.delay5 {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

/* Defining animation Keyframes */
@-webkit-keyframes slide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150);
            transform: translateX(-150);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-90);
            transform: translateX(-90);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(90);
            transform: translateX(90);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(150);
            transform: translateX(150);
  }
}

@keyframes slide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150);
            transform: translateX(-150);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-90);
            transform: translateX(-90);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(90);
            transform: translateX(90);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(150);
            transform: translateX(150);
  }
}

/*img-animation**********************/
.img-custom-anim-left {
  -webkit-animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
          animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@-webkit-keyframes img-anim-left {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-left {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.img-custom-anim-right {
  -webkit-animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
          animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@-webkit-keyframes img-anim-right {
  0% {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-right {
  0% {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.img-custom-anim-left {
  -webkit-animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
          animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.img-custom-anim-top {
  -webkit-animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
          animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@-webkit-keyframes img-anim-top {
  0% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-top {
  0% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.img-custom-anim-bottom {
  -webkit-animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
          animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@-webkit-keyframes img-anim-bottom {
  0% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-bottom {
  0% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@-webkit-keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}

@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}

@keyframes cir36 {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rounded {
  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}

@keyframes rounded {
  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}

@-webkit-keyframes up-down {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}

@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}

@keyframes loaderspin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-webkit-keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes loaderspin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-webkit-keyframes loaderpulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes loaderpulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes rounded {
  50% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}

@keyframes cir36 {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}

@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}

@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

.animation-infinite {
  -webkit-animation: ShapeAnim 80s linear infinite;
          animation: ShapeAnim 80s linear infinite;
  height: 30px;
  width: 100%;
  background-repeat: repeat;
  overflow: hidden;
}

@-webkit-keyframes ShapeAnim {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top left 2000px;
  }
}

@keyframes ShapeAnim {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top left 2000px;
  }
}

@media (max-width: 1199px) {
  .menu-thumb {
    display: none !important;
  }
}

.header-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
}

.header-main .main-menu ul {
  margin-bottom: 0;
}

.header-main .main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  -webkit-margin-end: 48px;
          margin-inline-end: 48px;
}

@media (max-width: 1600px) {
  .header-main .main-menu ul li {
    -webkit-margin-end: 30px;
            margin-inline-end: 30px;
  }
}

@media (max-width: 1399px) {
  .header-main .main-menu ul li {
    -webkit-margin-end: 25px;
            margin-inline-end: 25px;
  }
}

.header-main .main-menu ul li:last-child {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.header-main .main-menu ul li a {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
  font-family: "DM Sans", sans-serif;
  padding: 20px 0;
  text-align: left;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.header-main .main-menu ul li a .head-icon {
  margin-left: 0;
  margin-right: 5px;
}

.header-main .main-menu ul li a i {
  margin-left: 5px;
  font-size: 14px;
}

.header-main .main-menu ul li a:hover {
  color: var(--theme-color-2) !important;
}

.header-main .main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  min-width: 250px;
  background: var(--white);
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  color: var(--header);
  -webkit-box-shadow: 0px 0px 40px 0px rgba(11, 13, 17, 0.08);
          box-shadow: 0px 0px 40px 0px rgba(11, 13, 17, 0.08);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  padding: 30px 30px;
}

.header-main .main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.header-main .main-menu ul li .submenu li:not(:last-child) {
  padding-bottom: 15px;
}

.header-main .main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
  padding: 0 0;
  padding-bottom: 0;
  padding-top: 0;
  text-transform: u;
  font-family: "DM Sans", sans-serif;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-main .main-menu ul li .submenu li a:hover {
  color: var(--white) !important;
}

.header-main .main-menu ul li .submenu li:last-child a {
  border: none;
}

.header-main .main-menu ul li .submenu li .submenu {
  inset-inline-start: 113%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}

.header-main .main-menu ul li .submenu li:hover > a {
  color: var(--theme-color-2) !important;
}

.header-main .main-menu ul li .submenu li:hover > a::after {
  color: var(--theme-color-2);
}

.header-main .main-menu ul li .submenu li:hover > .submenu {
  -webkit-transform: translateY(1);
  transform: translateY(1);
  visibility: visible;
  opacity: 1;
}

.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--theme-color-2);
}


.header-main .main-menu ul li .submenu.submenu-right {

  right: 0;
  inset-inline-start: auto;

}

.header-main .main-menu ul li .has-homemenu {
  width: 1000px;
  padding: 30px 30px 10px 30px;
  opacity: 0;
  left: -250px;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
}

@media (max-width: 991px) {
  .header-main .main-menu ul li .has-homemenu .homemenu-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
  position: relative;
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {
  position: relative;
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  display: initial !important;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin-top: 20px;
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
  padding: 14px 20px;
  color: var(--white) !important;
  font-size: 12px;
  text-align: center;
  border-radius: 0px !important;
  background-color: var(--theme-color-2);
  line-height: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
  background-color: var(--header);
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(99, 92, 92, 0)), to(#252527));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {
  width: 100%;
}

.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
}

.header-main .main-menu ul li:hover > a {
  color: var(--theme-color-2);
}

.header-main .main-menu ul li:hover > a::after {
  color: var(--theme-color-2);
}

.header-main .main-menu ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.header-main .header-right {
  gap: 40px;
}

@media (max-width: 1399px) {
  .header-main .header-right {
    gap: 20px;
  }
}

.header-main .header-right .search-icon {
  color: var(--header);
  font-size: 18px;
}

.header-main .sidebar__toggle {
  cursor: pointer;
  font-size: 20px;
  color: var(--header);
}

.header-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
}

.header-1 .container-fluid {
  padding: 0 120px;
}

@media (max-width: 1600px) {
  .header-1 .container-fluid {
    padding: 0 50px;
  }
}

@media (max-width: 1399px) {
  .header-1 .container-fluid {
    padding: 0 40px;
  }
}

@media (max-width: 1199px) {
  .header-1 .container-fluid {
    padding: 0 30px;
  }
}

.header-1 .header-logo-2 {
  display: none;
}

.header-logo img, .header-logo-2 img {

  height: 50px;

}

.header-1 .header-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1199px) {
  .header-1 .header-main {
    padding: 14px 0;
  }
}

.header-1 .header-main .sidebar__toggle {
  color: var(--white);
}

.header-1 .header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}

.header-1 .header-right .header-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

@media (max-width: 1399px) {
  .header-1 .header-right .header-contact {
    display: none;
  }
}

.header-1 .header-right .header-contact .search-toggle {
  color: var(--white);
}

.header-1 .header-right .header-contact .info-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.header-1 .header-right .header-contact .info-items .icon {
  width: 55px;
  height: 55px;
  line-height: 65px;
  text-align: center;
  background-color: #FFC394;
  color: var(--header);
  text-align: center;
  font-size: 26px;
  border-radius: 50%;
}

@media (max-width: 575px) {
  .header-1 .header-right .header-contact .info-items .icon {
    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .header-1 .header-right .header-contact .info-items .content {
    text-align: center;
  }
}

.header-1 .header-right .header-contact .info-items .content span {
  font-size: 14px;
  color: var(--white);
  margin-bottom: 5px;
  font-weight: 500;
}

.header-1 .header-right .header-contact .info-items .content h6 {
  font-size: 18px;
  font-weight: 700;
  font-family: "DM Sans", sans-serif;
  color: var(--white);
}

.header-1 .header-right .header-contact .info-items .content h6 a {
  color: var(--white);
}

.header-1 .header-right .sidebar__toggle {
  width: 51px;
  height: 51px;
  line-height: 51px;
  background: rgba(255, 255, 255, 0.14);
  border-radius: 5px;
  text-align: center;
}

.header-2 {
  border-right: 12px solid #0A031F;
  border-bottom: 12px solid #0A031F;
  background: #FFF;
  margin: 30px 40px 0;
  width: calc(100% - 80px);
}

@media (max-width: 1899px) {
  .header-2 {
    margin: 0;
    width: 100%;
  }
}

.header-2 .container-fluid {
  padding: 0 50px;
}

@media (max-width: 1600px) {
  .header-2 .container-fluid {
    padding: 0 40px;
  }
}

@media (max-width: 1199px) {
  .header-2 .container-fluid {
    padding: 0 30px;
  }
}

.header-2 .header-main {
  padding: 10px 0;
}

.header-2 .main-menu ul li a {
  color: var(--header);
}

.header-2 .main-menu ul li a:hover {
  color: var(--theme-color-2) !important;
}

.header-2 .main-menu ul li:hover > a {
  color: var(--theme-color-2);
}

.header-2 .main-menu ul li:hover > a::after {
  color: var(--theme-color-2);
}

.header-2 .sidebar__toggle {
  color: var(--header);
}

.header-2 .theme-btn.style-2 {
  background: #AF49E5;
  color: var(--white);
}

.header-2 .theme-btn.style-2 i {
  background-color: var(--white);
  color: #af49e5;
}

@media (max-width: 1399px) {
  .header-2 .theme-btn {
    display: none;
  }
}

.header-2 .sidebar__toggle {
  background-color: #FFC116 !important;
  font-size: 24px;
  color: var(--header) !important;
}

.header-2 .search-toggle {
  color: var(--header);
}

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

.header-3 .header-main {
  padding: 10px 0;
}

.header-4 {
  border-top: 1px solid #0A031F;
  border-right: 12px solid #0A031F;
  border-bottom: 12px solid #0A031F;
  border-left: 1px solid #0A031F;
  background: #FFF;
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 999;
  -webkit-transition: all 0.9s;
  transition: all 0.9s;
  background-color: var(--white);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: var(---box-shadow);
          box-shadow: var(---box-shadow);
}

.sticky.header-1 .header-logo {
  display: none;
}

.sticky.header-1 .header-logo-2 {
  display: block;
}

.sticky.header-1 .header-main .main-menu ul li a {
  color: var(--header);
}

.sticky.header-1 .header-main .main-menu ul li a:hover {
  color: var(--theme-color-2) !important;
}

.sticky.header-1 .header-main .main-menu ul li:hover > a {
  color: var(--theme-color-2);
}

.sticky.header-1 .header-main .main-menu ul li:hover > a::after {
  color: var(--theme-color-2);
}

.sticky.header-1 .header-main .sidebar__toggle {
  color: var(--header);
}

.sticky.header-1 .header-right .header-contact .search-toggle {
  color: var(--header);
}

.sticky.header-1 .header-right .header-contact .info-items .icon {
  background-color: #FFC394;
}

.sticky.header-1 .header-right .header-contact .info-items .content span {
  color: var(--header);
}

.sticky.header-1 .header-right .header-contact .info-items .content h6 {
  color: var(--header);
}

.sticky.header-1 .header-right .header-contact .info-items .content h6 a {
  color: var(--header);
}

.sticky.header-1 .header-right .sidebar__toggle {
  background-color: var(--bg);
}

.sticky.header-2 {
  margin: 0;
}

.offcanvas__info {
  background: var(--white) none repeat scroll 0 0;
  border-left: 2px solid var(--theme-color-2);
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -webkit-transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  z-index: 99999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}

.offcanvas__info.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.offcanvas__logo a img {
  width: 150px;
}

.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}

.offcanvas__wrapper .offcanvas-title {
  font-size: 28px;
  margin-bottom: 15px;
}

.offcanvas__wrapper .offcanvas__content p {
  color: var(--header);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__close {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color-2);
  position: relative;
  z-index: 9;
  cursor: pointer;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
  color: var(--white);
}

.offcanvas__wrapper .offcanvas__content .social-icon {
  margin-top: 30px;
  gap: 10px;
  margin-bottom: 30px;
}

.offcanvas__wrapper .offcanvas__content .social-icon a {
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 16px;
  display: block;
  background: transparent;
  color: var(--header);
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.offcanvas__wrapper .offcanvas__content .social-icon a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
  border: 1px solid var(--theme-color-2);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
  margin-top: 20px;
  margin-bottom: 40px;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact h3 {
  font-size: 28px;
  margin-bottom: 15px;
  font-weight: 400;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li {
  font-size: 16px;
  color: var(--header);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li:not(:last-child) {
  margin-bottom: 10px;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li span {
  font-weight: 400;
  color: var(--header);
  font-size: 18px;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li a {
  font-size: 16px;
  color: var(--header);
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
  text-transform: initial;
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.offcanvas__wrapper .offcanvas__content .theme-btn {
  width: 100%;
  text-align: center;
  background-color: var(--theme-color-2);
  color: var(--white);
  padding: 22px 36px 22px;
}

.offcanvas__wrapper .offcanvas__content .theme-btn i {
  background-color: var(--white);
  color: var(--header);
  position: absolute;
  bottom: 5px;
  right: 10px;
  top: 10px;
  margin-left: 0;
}

.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

@media (max-width: 450px) {
  .offcanvas__info {
    width: 350px;
  }
}

@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}

.breadcrumb-section {
  position: relative;
}

.page-heading {
  padding: 190px 0 120px;
  position: relative;
}

@media (max-width: 1199px) {
  .page-heading {
    padding: 140px 0 105px;
    text-align: center;
  }
}

.page-heading .breadcrumb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .page-heading .breadcrumb-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.page-heading .breadcrumb-list li {
  color: var(--white);
  font-weight: 600;
  position: relative;
  font-size: 18px;
  text-transform: capitalize;
}

.page-heading .breadcrumb-list li a {
  color: var(--white);
}

.page-heading .breadcrumb-list li a:hover {
  color: var(--theme-color-2);
}

.page-heading h2 {
  color: var(--white);
  font-size: 64px;
  font-weight: 400;
  text-transform: uppercase;
}

@media (max-width: 575px) {
  .page-heading h2 {
    font-size: 48px;
  }
}

.error-wrapper {
  max-width: 780px;
  margin: 0 auto;
}

.error-wrapper .thumb img {
  width: 100%;
  height: 100%;
}

.error-wrapper .content {
  max-width: 520px;
  margin: 40px auto 0;
  text-align: center;
}

.error-wrapper .content h2 {
  margin-bottom: 20px;
}

.error-wrapper .content p {
  margin-bottom: 40px;
}

.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: var(--header);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}

.mean-container .mean-nav ul li a.border-none {
  border: none;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--theme-color);
}

.mean-container .mean-nav ul li a .head-icon {
  display: none;
}

.mean-container .mean-nav ul li a:last-child {
  border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--theme-color);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
  height: 200px;
  width: 100%;
  padding: 0;
  border-top: 0;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .mean-container .mean-nav ul li.menu-thumb {
    display: none;
  }
}

.hero-1 {
  position: relative;
  padding: 150px 0 50px;
  z-index: 9;
}

@media (max-width: 1199px) {
  .hero-1 {
    padding: 210px 0 100px;
  }
}

@media (max-width: 991px) {
  .hero-1 {
    padding: 190px 0 100px;
  }
}

@media (max-width: 767px) {
  .hero-1 {
    padding: 150px 0 100px;
  }
}

@media (max-width: 575px) {
  .hero-1 {
    padding: 130px 0 100px;
  }
}

.hero-1 .container-fluid {
  padding: 0 120px;
}

@media (max-width: 1600px) {
  .hero-1 .container-fluid {
    padding: 0 50px;
  }
}

@media (max-width: 1399px) {
  .hero-1 .container-fluid {
    padding: 0 40px;
  }
}

@media (max-width: 1199px) {
  .hero-1 .container-fluid {
    padding: 0 30px;
  }
}

.hero-1::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.hero-1 .shape-1 {
  position: absolute;
  left: 0;
  top: 130px;
}

.hero-1 .shape-2 {
  position: absolute;
  right: 0;
  top: 28%;
}

@media (max-width: 1199px) {
  .hero-1 .shape-2 {
    display: none;
  }
}

.hero-1 .shape-3 {
  position: absolute;
  top: 30%;
  left: 29%;
  z-index: 99;
  border-radius: 56px;
  border: 2px solid #000;
  background: #F7CFFF;
  padding: 12px 22px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  line-height: 1;
  z-index: -1;
}

.hero-1 .shape-3 span {
  color: #0A031F;
  font-family: "Anton", sans-serif;
  font-size: 24px;
  font-weight: 400;
}

@media (max-width: 1199px) {
  .hero-1 .shape-3 {
    top: 22%;
    left: 37%;
  }
}

@media (max-width: 767px) {
  .hero-1 .shape-3 {
    top: 19%;
    left: 61%;
  }
}

.hero-1 .shape-4 {
  position: absolute;
  bottom: 26%;
  left: 48px;
}

@media (max-width: 1199px) {
  .hero-1 .shape-4 {
    display: none;
  }
}

.hero-1 .hero-content {
  position: relative;
  z-index: 9;
}

@media (max-width: 767px) {
  .hero-1 .hero-content {
    text-align: center;
  }
}

.hero-1 .hero-content h1 {
  color: var(--white);
  line-height: 1;
  font-size: 4em;
}

.hero-1 .hero-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.31);
  padding-top: 20px;
  margin-top: 20px;
}

@media (max-width: 1399px) {
  .hero-1 .hero-bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}

@media (max-width: 767px) {
  .hero-1 .hero-bottom {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

.hero-1 .hero-bottom p {
  color: var(--white);
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 1199px) {
  .hero-1 .hero-bottom p {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .hero-1 .hero-bottom p {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .hero-1 .hero-bottom p {
    font-size: 16px;
  }
}

.hero-1 .hero-bottom .hero-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

@media (max-width: 1199px) {
  .hero-1 .hero-bottom .hero-button {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .hero-1 .hero-bottom .hero-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.hero-1 .hero-bottom .hero-button .theme-btn.style-2 {
  background-color: transparent;
  border: 1px solid #FFC394;
  color: #FFC394;
}



.hero-1 .hero-bottom .hero-button .theme-btn.style-2 i {
  background-color: #ffc394;
  color: var(--header);
}



.hero-1 .hero-bottom .hero-button .theme-btn.style-2::after {
  background-color: var(--theme-color);
}




.hero-1 .hero-bottom .hero-button .theme-btn.style-2:hover {
  background-color: var(--header);
  color: var(--header);
  border: 1px solid var(--theme-color);
}


.hero-1 .hero-bottom .hero-button .theme-btn.style-2:hover i {
  background-color: var(--header);
  color: var(--white);
}



.hero-2 {
  position: relative;
  padding: 150px 0 0;
}

@media (max-width: 991px) {
  .hero-2 {
    padding-top: 200px;
  }
}

.hero-2 .circle-box {
  width: 173px;
  min-width: 173px;
  height: 173px;
  text-align: center;
  border-radius: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  background-color: #A0FFC2;
  font-size: 16px;
  font-weight: 700;
  color: var(--header);
  position: relative;
  font-family: "DM Sans", sans-serif;
  border: 2px solid var(--header);
  position: absolute;
  left: 44%;
  bottom: 25%;
  z-index: 99;
}

@media (max-width: 767px) {
  .hero-2 .circle-box {
    width: 120px;
    min-width: 120px;
    height: 120px;
  }
}

.hero-2 .circle-box span {
  position: relative;
  z-index: 9;
}

.hero-2 .circle-box span .icon {
  display: block;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.hero-2 .circle-box::before {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background: #0a031f;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 0;
  opacity: 0;
}

.hero-2 .circle-box::after {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  content: "";
  background: #FFA762;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 1.8s;
  transition: all 1.8s;
  z-index: 0;
  opacity: 0;
}

.hero-2 .circle-box:hover {
  border: 1px transparent;
}

.hero-2 .circle-box:hover::before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hero-2 .circle-box:hover::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hero-2 .circle-box:hover span {
  color: var(--white);
}

.hero-2 .container-fluid {
  padding: 0 130px;
}

@media (max-width: 1600px) {
  .hero-2 .container-fluid {
    padding: 0 50px;
  }
}

@media (max-width: 1399px) {
  .hero-2 .container-fluid {
    padding: 0 40px;
  }
}

@media (max-width: 1199px) {
  .hero-2 .container-fluid {
    padding: 0 30px;
  }
}

.hero-2 .hero-content {
  position: relative;
  z-index: 9;
}

.hero-2 .hero-content span {
  font-size: 90px;
  text-decoration: none;
  font-family: "Anton", sans-serif;
  color: transparent;
  -webkit-text-stroke: 1px var(--white);
  line-height: 1;
  margin-bottom: 15px;
  display: inline-block;
}

@media (max-width: 1399px) {
  .hero-2 .hero-content span {
    font-size: 90px;
  }
}

@media (max-width: 1199px) {
  .hero-2 .hero-content span {
    font-size: 70px;
  }
}

@media (max-width: 991px) {
  .hero-2 .hero-content span {
    font-size: 90px;
  }
}

@media (max-width: 767px) {
  .hero-2 .hero-content span {
    font-size: 70px;
  }
}

@media (max-width: 575px) {
  .hero-2 .hero-content span {
    font-size: 60px;
  }
}

@media (max-width: 470px) {
  .hero-2 .hero-content span {
    font-size: 45px;
  }
}

.hero-2 .hero-content h1 {
  font-size: 130px;
  text-shadow: 5px 7px 0px #5F4F98;
  margin-bottom: 30px;
  color: var(--white);
  line-height: 124%;
}

@media (max-width: 1600px) {
  .hero-2 .hero-content h1 {
    font-size: 90px;
  }
}

@media (max-width: 1199px) {
  .hero-2 .hero-content h1 {
    font-size: 70px;
  }
}

@media (max-width: 991px) {
  .hero-2 .hero-content h1 {
    font-size: 90px;
  }
}

@media (max-width: 767px) {
  .hero-2 .hero-content h1 {
    font-size: 70px;
  }
}

@media (max-width: 575px) {
  .hero-2 .hero-content h1 {
    font-size: 60px;
  }
}

@media (max-width: 470px) {
  .hero-2 .hero-content h1 {
    font-size: 45px;
  }
}

.hero-2 .hero-content .hero-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 45px;
}

@media (max-width: 1199px) {
  .hero-2 .hero-content .hero-meta {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}

.hero-2 .hero-content .hero-meta li {
  font-size: 26px;
  color: var(--white);
  font-family: "Anton", sans-serif;
}

@media (max-width: 1399px) {
  .hero-2 .hero-content .hero-meta li {
    font-size: 22px;
  }
}

.hero-2 .hero-content .hero-meta li i {
  margin-right: 8px;
  color: var(--white);
}

.hero-2 .hero-image img {
  width: 100%;
  height: 100%;
}

.hero-3 {
  padding: 195px 0 300px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 1600px) {
  .hero-3 {
    padding: 220px 250px;
  }
}

@media (max-width: 1399px) {
  .hero-3 {
    padding: 230px 190px;
  }
}

@media (max-width: 991px) {
  .hero-3 {
    padding: 190px 150px;
  }
}

@media (max-width: 767px) {
  .hero-3 {
    padding: 200px 90px;
  }
}

@media (max-width: 575px) {
  .hero-3 {
    padding: 170px 30px;
  }
}

.hero-3 .hero-content .coming-soon-timer {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}

@media (max-width: 1199px) {
  .hero-3 .hero-content .coming-soon-timer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}

.hero-3 .hero-content .coming-soon-timer .timer-content {
  width: 132px;
  height: 132px;
  border-radius: 50%;
  border: 2px solid #A0FFC2;
  text-align: center;
  padding-top: 35px;
}

.hero-3 .hero-content .coming-soon-timer .timer-content.border-2s {
  border: 2px solid #FFC394;
}

.hero-3 .hero-content .coming-soon-timer .timer-content.border-3s {
  border: 2px solid #ACAAFF;
}

.hero-3 .hero-content .coming-soon-timer .timer-content.border-4s {
  border: 2px solid #C1FFA0;
}

.hero-3 .hero-content .coming-soon-timer .timer-content h3 {
  font-size: 32px;
  font-weight: 400;
  color: var(--white);
  line-height: 1;
}

.hero-3 .hero-content .coming-soon-timer .timer-content p {
  font-size: 20px;
  font-weight: 400;
  color: var(--white);
}

.hero-3 .hero-content h1 {
  color: var(--white);
  text-shadow: 3px 4px 0px #748BFF;
  font-size: 116px;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
}

@media (max-width: 1399px) {
  .hero-3 .hero-content h1 {
    font-size: 90px;
  }
}

@media (max-width: 1199px) {
  .hero-3 .hero-content h1 {
    font-size: 70px;
  }
}

@media (max-width: 991px) {
  .hero-3 .hero-content h1 {
    font-size: 90px;
  }
}

@media (max-width: 767px) {
  .hero-3 .hero-content h1 {
    font-size: 70px;
  }
}

@media (max-width: 575px) {
  .hero-3 .hero-content h1 {
    font-size: 60px;
  }
}

@media (max-width: 470px) {
  .hero-3 .hero-content h1 {
    font-size: 45px;
  }
}

.hero-3 .hero-content .location-items {
  border-radius: 98px;
  border: 3px solid var(--white);
  padding: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 500px;
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px auto 0;
}

@media (max-width: 1199px) {
  .hero-3 .hero-content .location-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-radius: 5px;
  }
}

@media (max-width: 767px) {
  .hero-3 .hero-content .location-items {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

.hero-3 .hero-content .location-items .icon {
  width: 104px;
  height: 104px;
  line-height: 104px;
  border-radius: 50%;
  background: #FFB84C;
  text-align: center;
  font-size: 40px;
  color: var(--white);
}

.hero-3 .hero-content .location-items .content h3 {
  font-size: 36px;
  color: var(--white);
}

.hero-3 .hero-content .location-items .content h4 {
  font-size: 22px;
  text-transform: uppercase;
  color: var(--white);
}

.hero-3 .hero-content .hero-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 35px;
}

@media (max-width: 1199px) {
  .hero-3 .hero-content .hero-button {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .hero-3 .hero-content .hero-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.hero-3 .hero-content .hero-button .theme-btn.style-2 {
  background-color: transparent;
  border: 1px solid #FFC394;
  color: #FFC394;
}

.hero-3 .hero-content .hero-button .theme-btn.style-2 i {
  background-color: #ffc394;
  color: var(--header);
}

.hero-3 .hero-content .hero-button .theme-btn.style-2::after {
  background-color: var(--theme-color);
}

.hero-3 .hero-content .hero-button .theme-btn.style-2:hover {
  background-color: var(--header);
  color: var(--header);
  border: 1px solid var(--theme-color);
}

.hero-3 .hero-content .hero-button .theme-btn.style-2:hover i {
  background-color: var(--header);
  color: var(--white);
}

.hero-4 {
  margin-bottom: 60px;
}

.hero-4 .container-fluid {
  padding-left: 40px;
  padding-right: 0;
}

@media (max-width: 1399px) {
  .hero-4 .container-fluid {
    padding-left: 25px;
  }
}

@media (max-width: 1199px) {
  .hero-4 .container-fluid {
    padding: 0 20px;
  }
}

.hero-4 .hero-content {
  max-width: 840px;
  padding-top: 120px;
}

@media (max-width: 1199px) {
  .hero-4 .hero-content {
    padding-top: 140px;
  }
}

@media (max-width: 767px) {
  .hero-4 .hero-content {
    text-align: center;
  }
}

.hero-4 .hero-content h1 {
  font-size: 116px;
  font-weight: 400;
  line-height: 120%;
}

@media (max-width: 1600px) {
  .hero-4 .hero-content h1 {
    font-size: 80px;
  }
}

@media (max-width: 1199px) {
  .hero-4 .hero-content h1 {
    font-size: 70px;
  }
}

@media (max-width: 991px) {
  .hero-4 .hero-content h1 {
    font-size: 65px;
  }
}

@media (max-width: 767px) {
  .hero-4 .hero-content h1 {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .hero-4 .hero-content h1 {
    font-size: 38px;
  }
}

.hero-4 .hero-content .hero-box-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 33px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1600px) {
  .hero-4 .hero-content .hero-box-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .hero-4 .hero-content .hero-box-items {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.hero-4 .hero-content .hero-box-items .box-items {
  border-radius: 2px;
  background: #A0FFC2;
  padding: 20px;
  margin-top: 30px;
  display: block;
}

.hero-4 .hero-content .hero-box-items .box-items span {
  font-size: 16px;
  font-weight: 500;
  color: #0A031F;
}

.hero-4 .hero-content .hero-box-items .box-items h3 {
  font-size: 26px;
  margin-top: 20px;
}

.hero-4 .hero-content .hero-box-items p {
  max-width: 555px;
}

.hero-4 .hero-content .client-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 57px;
}

@media (max-width: 1199px) {
  .hero-4 .hero-content .client-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .hero-4 .hero-content .client-info {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
    text-align: left;
  }
}

.hero-4 .hero-content .client-info p {
  font-size: 22px;
  font-weight: 600;
}

.hero-4 .hero-content .client-info p b {
  color: #F2556C;
  font-size: 22px;
  font-weight: 800;
}

.hero-4 .hero-img {
  height: 962px;
  position: relative;
}

@media (max-width: 991px) {
  .hero-4 .hero-img {
    height: initial;
  }
}

.hero-4 .hero-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-4 .hero-img .box-items {
  background: #A8A0F6;
  padding: 25px;
  display: inline-block;
  min-width: 200px;
  position: absolute;
  bottom: 70px;
  left: -150px;
}

@media (max-width: 1399px) {
  .hero-4 .hero-img .box-items {
    display: none;
  }
}

.hero-4 .hero-img .box-items p {
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 40px;
}

.hero-4 .hero-img .box-items a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hero-4 .hero-img .box-items a span {
  font-size: 32px;
  font-weight: 400;
  font-family: "Anton", sans-serif;
  color: var(--white);
  line-height: 1.4;
}

.hero-4 .hero-img .box-items a i {
  font-size: 32px;
  color: var(--white);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.scrolling-wrap {
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.scrolling-wrap .comm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: scroll 60s linear infinite;
          animation: scroll 60s linear infinite;
  gap: 30px;
  cursor: pointer;
}

.scrolling-wrap .comm .cmn-textslide {
  font-size: 100px;
  font-weight: 400;
  line-height: 90px;
  text-transform: uppercase;
  color: var(--header);
  font-family: "Anton", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

@media (max-width: 575px) {
  .scrolling-wrap .comm .cmn-textslide {
    font-size: 70px;
  }
}

.scrolling-wrap:hover .comm {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@media (max-width: 1399px) {
  .scrolling-wrap .comm {
    gap: 20px;
  }
}

@media (max-width: 991px) {
  .scrolling-wrap {
    gap: 14px;
  }
  .scrolling-wrap .comm {
    gap: 14px;
  }
}

@media (max-width: 575px) {
  .scrolling-wrap .comm {
    gap: 12px;
  }
}

.scrolling-wrap.style-2 .comm .cmn-textslide {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0A031F;
  color: transparent;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.scrolling-wrap.style-2 .comm .cmn-textslide:hover {
  color: var(--header);
}

.scrolling-wrap-2 {
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding: 15px 0;
}

.scrolling-wrap-2 .comm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: scroll 20s linear infinite;
          animation: scroll 20s linear infinite;
  gap: 30px;
  cursor: pointer;
}

.scrolling-wrap-2 .comm .cmn-textslide {
  font-size: 26px;
  font-weight: 400;
  line-height: 78px;
  text-transform: uppercase;
  color: var(--header);
  font-family: "Anton", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.scrolling-wrap-2:hover .comm {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@media (max-width: 1399px) {
  .scrolling-wrap-2 .comm {
    gap: 20px;
  }
}

@media (max-width: 991px) {
  .scrolling-wrap-2 {
    gap: 14px;
  }
  .scrolling-wrap-2 .comm {
    gap: 14px;
  }
}

@media (max-width: 575px) {
  .scrolling-wrap-2 .comm {
    gap: 12px;
  }
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes scrolly {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
  }
}

@keyframes scrolly {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
  }
}

@-webkit-keyframes scrolls {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes scrolls {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.feature-conference-wrapper {
  margin-top: 70px;
}

@media (max-width: 1199px) {
  .feature-conference-wrapper {
    margin-top: 0;
  }
}

.feature-conference-wrapper .feature-conference-content .coming-soon-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-top: 60px;
  margin-bottom: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 991px) {
  .feature-conference-wrapper .feature-conference-content .coming-soon-timer {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .feature-conference-wrapper .feature-conference-content .coming-soon-timer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.feature-conference-wrapper .feature-conference-content .coming-soon-timer .timer-content {
  border-radius: 4px;
  background-color: var(--theme-color);
  min-width: 102px;
  padding: 10px 0;
}

.feature-conference-wrapper .feature-conference-content .coming-soon-timer .timer-content h3 {
  color: var(--header);
  font-size: 32px;
  font-weight: 400;
  text-align: center;
}

.feature-conference-wrapper .feature-conference-content .coming-soon-timer .timer-content p {
  font-size: 20px;
  text-transform: capitalize;
  color: var(--header);
  font-weight: 400;
  text-align: center;
}

.feature-conference-wrapper .feature-conference-content .coming-soon-timer .timer-content.style-2 {
  background: #FFC394;
}

.feature-conference-wrapper .feature-conference-content .coming-soon-timer .timer-content.style-3 {
  background: #C7C6FF;
}

.feature-conference-wrapper .feature-conference-content .coming-soon-timer .timer-content.style-4 {
  background: #C1FFA0;
}

.feature-conference-wrapper .feature-conference-image {
  margin-left: 52px;
  position: relative;
}

@media (max-width: 1199px) {
  .feature-conference-wrapper .feature-conference-image {
    margin-left: 0;
    max-width: initial;
  }
}

.feature-conference-wrapper .feature-conference-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

.feature-conference-wrapper .feature-conference-image .feature-conference-image-2 {
  max-width: 279px;
  position: absolute;
  top: -70px;
  left: -120px;
  border: 4px solid var(--white);
  border-radius: 12px;
}

@media (max-width: 1199px) {
  .feature-conference-wrapper .feature-conference-image .feature-conference-image-2 {
    left: 0;
    bottom: 0;
    top: initial;
  }
}

@media (max-width: 575px) {
  .feature-conference-wrapper .feature-conference-image .feature-conference-image-2 {
    max-width: 200px;
  }
}

.feature-conference-wrapper .feature-conference-image .feature-conference-image-2 img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

.feature-conference-wrapper .feature-conference-image .circle-box {
  width: 173px;
  min-width: 173px;
  height: 173px;
  text-align: center;
  border-radius: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  background-color: var(--theme-color-2);
  font-size: 16px;
  font-weight: 700;
  color: var(--white);
  position: relative;
  font-family: "DM Sans", sans-serif;
  border: 2px solid var(--white);
  position: absolute;
  left: -22%;
  bottom: 37%;
}

@media (max-width: 1199px) {
  .feature-conference-wrapper .feature-conference-image .circle-box {
    left: 50%;
    bottom: initial;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media (max-width: 767px) {
  .feature-conference-wrapper .feature-conference-image .circle-box {
    width: 120px;
    min-width: 120px;
    height: 120px;
  }
}

.feature-conference-wrapper .feature-conference-image .circle-box span {
  position: relative;
  z-index: 9;
}

.feature-conference-wrapper .feature-conference-image .circle-box span .icon {
  display: block;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.feature-conference-wrapper .feature-conference-image .circle-box::before {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background: #0a031f;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 0;
  opacity: 0;
}

.feature-conference-wrapper .feature-conference-image .circle-box::after {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  content: "";
  background: #FFA762;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 1.8s;
  transition: all 1.8s;
  z-index: 0;
  opacity: 0;
}

.feature-conference-wrapper .feature-conference-image .circle-box:hover {
  border: 1px transparent;
}

.feature-conference-wrapper .feature-conference-image .circle-box:hover::before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.feature-conference-wrapper .feature-conference-image .circle-box:hover::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.feature-conference-wrapper .feature-conference-image .circle-box:hover span {
  color: var(--white);
}

.counter-wrapper-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1199px) {
  .counter-wrapper-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}

.counter-wrapper-3 .icon-items {
  max-width: 265px;
  margin: 0 auto;
  text-align: center;
}

.counter-wrapper-3 .icon-items .icon {
  font-size: 80px;
  color: var(--header);
}

.counter-wrapper-3 .icon-items .content {
  margin-top: 20px;
}

.counter-wrapper-3 .icon-items .content h2 {
  color: #FFB84C;
  margin-bottom: 15px;
  font-size: 64px;
}

.counter-wrapper-3 .icon-items .content h2.color-2 {
  color: #FF94FF;
}

.counter-wrapper-3 .icon-items .content h2.color-3 {
  color: #3BD0FF;
}

.counter-wrapper-3 .icon-items .content h2.color-4 {
  color: #77DCB1;
}

.counter-wrapper-3 .icon-items .content h3 {
  margin-bottom: 10px;
}

.about-wrapper-4 {
  margin-top: 40px;
}

.about-wrapper-4 .about-image {
  position: relative;
}

@media (max-width: 991px) {
  .about-wrapper-4 .about-image {
    height: 600px;
  }
}

@media (max-width: 575px) {
  .about-wrapper-4 .about-image {
    height: 450px;
  }
}

.about-wrapper-4 .about-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-wrapper-4 .about-image.style-2 {
  margin-top: -150px;
}

@media (max-width: 1199px) {
  .about-wrapper-4 .about-image.style-2 {
    margin-top: 0;
  }
}

.about-wrapper-4 .about-image .circle-shape {
  position: absolute;
  bottom: 27px;
  left: -120px;
}

@media (max-width: 1199px) {
  .about-wrapper-4 .about-image .circle-shape {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 50%;
    bottom: initial;
  }
}

.about-wrapper-4 .about-image .circle-shape img {
  width: initial;
  height: initial;
}

.about-wrapper-4 .about-image .circle-shape .video-btn {
  color: #ACAAFF;
  display: inline-block;
  font-size: 24px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  z-index: 999;
}

.about-wrapper-4 .about-image .circle-shape .circle-image {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
}

.about-wrapper-4 .about-image .circle-shape .circle-image img {
  -webkit-animation: cir36 10s linear infinite;
          animation: cir36 10s linear infinite;
}

.about-wrapper-4 .about-content {
  margin-left: 50px;
  position: relative;
}

@media (max-width: 1199px) {
  .about-wrapper-4 .about-content {
    margin-left: 0;
  }
}

.about-wrapper-4 .about-content h3 {
  font-size: 32px;
  margin-bottom: 20px;
}

@media (max-width: 575px) {
  .about-wrapper-4 .about-content h3 {
    font-size: 20px;
  }
}

.about-wrapper-4 .about-content p {
  max-width: 494px;
}

.about-wrapper-4 .about-content .theme-btn {
  background: #FF94FF;
  margin-top: 50px;
}

@media (max-width: 1199px) {
  .about-wrapper-4 .about-content .theme-btn {
    margin-top: 30px;
  }
}

.about-wrapper-4 .about-content .theme-btn i {
  color: #FF94FF;
}

.about-wrapper-4 .about-content .theme-btn:hover i {
  background-color: var(--white);
}

.about-section-4 {
  position: relative;
}

.about-section-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #DDFFF5;
}

.about-section-4 .left-shape {
  position: absolute;
  left: 26%;
  top: 10%;
}

@media (max-width: 1199px) {
  .about-section-4 .left-shape {
    display: none;
  }
}

.about-section-4 .right-shape {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1199px) {
  .about-section-4 .right-shape {
    display: none;
  }
}


.event-card-item .event-image {
  position: relative;
}

.event-card-item .event-image.style-4 {
  height: 808px;
}

@media (max-width: 1600px) {
  .event-card-item .event-image.style-4 {
    height: 615px;
  }
}

@media (max-width: 1199px) {
  .event-card-item .event-image.style-4 {
    height: 765px;
  }
}

@media (max-width: 991px) {
  .event-card-item .event-image.style-4 {
    height: 615px;
  }
}

.event-card-item .event-image.small-height {
  height: 360px;
}

@media (max-width: 1600px) {
  .event-card-item .event-image.small-height {
    height: 265px;
  }
}

@media (max-width: 1399px) {
  .event-card-item .event-image.small-height {
    height: 220px;
  }
}

@media (max-width: 1199px) {
  .event-card-item .event-image.small-height {
    height: 300px;
  }
}

.event-card-item .event-image.small-height img {
  -o-object-fit: cover;
     object-fit: cover;
}

.event-card-item .event-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}

.event-card-item .event-image::before {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  content: "";
  position: absolute;
  background: rgba(255, 184, 76, 0.85);
  z-index: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
}

.event-card-item .event-image .icon {
  position: absolute;
  font-size: 28px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99;
  color: var(--white);
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.event-card-item .event-image.style-height-4 {
  height: 678px;
}

@media (max-width: 1600px) {
  .event-card-item .event-image.style-height-4 {
    height: 530px;
  }
}

@media (max-width: 1199px) {
  .event-card-item .event-image.style-height-4 {
    height: 430px;
  }
}

.event-card-item .event-image.style-height-4 img {
  -o-object-fit: cover;
     object-fit: cover;
}

.event-card-item:hover .event-image::before {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.event-card-item:hover .event-image .icon {
  opacity: 1;
}

.event-section .container-fluid {
  padding: 0 50px;
}

@media (max-width: 1600px) {
  .event-section .container-fluid {
    padding: 0 45px;
  }
}

@media (max-width: 1399px) {
  .event-section .container-fluid {
    padding: 0 35px;
  }
}

@media (max-width: 1199px) {
  .event-section .container-fluid {
    padding: 0 25px;
  }
}

.event-shedule-wrapper .event-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #a0dfff;
  padding-bottom: 60px;
  margin-bottom: 60px;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .event-shedule-wrapper .event-timer {
    padding-bottom: 30px;
    margin-bottom: 30px;
    gap: 20px;
  }
}

.event-shedule-wrapper .event-timer .time {
  text-align: center;
}

.event-shedule-wrapper .event-timer .time .date {
  font-size: 30px;
  border-radius: 56px;
  border: 2px solid var(--black);
  padding: 8px 16px;
  line-height: 1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 767px) {
  .event-shedule-wrapper .event-timer .time .date {
    font-size: 20px;
  }
}

.event-shedule-wrapper .event-timer .time .date:hover {
  background-color: var(--theme-color);
}

.event-shedule-wrapper .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 3px solid #A0DFFF;
  padding-bottom: 40px;
  margin-bottom: 50px;
}

@media (max-width: 1199px) {
  .event-shedule-wrapper .nav {
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 30px;
  }
}

.event-shedule-wrapper .nav .nav-item .nav-link {
  font-size: 20px;
  color: #0A031F;
  font-weight: 400;
  font-family: "Anton", sans-serif;
  text-align: center;
}

.event-shedule-wrapper .nav .nav-item .nav-link span {
  display: block;
  font-size: 30px;
  border-radius: 56px;
  border: 2px solid var(--black);
  padding: 8px 16px;
  line-height: 1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin-top: 15px;
}

@media (max-width: 767px) {
  .event-shedule-wrapper .nav .nav-item .nav-link span {
    font-size: 20px;
  }
}

.event-shedule-wrapper .nav .nav-item .nav-link span:hover {
  background-color: var(--theme-color);
}

.event-shedule-wrapper .nav .nav-item .nav-link.active span {
  background: #A0FFC2;
}

.event-shedule-wrapper .event-box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .event-shedule-wrapper .event-box-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.event-shedule-wrapper .event-box-item .event-image {
  position: relative;
}

@media (max-width: 1399px) {
  .event-shedule-wrapper .event-box-item .event-image {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
  }
}

@media (max-width: 991px) {
  .event-shedule-wrapper .event-box-item .event-image {
    -ms-flex-preferred-size: 42%;
        flex-basis: 42%;
  }
}

@media (max-width: 767px) {
  .event-shedule-wrapper .event-box-item .event-image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.event-shedule-wrapper .event-box-item .event-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(69.08%, rgba(0, 0, 0, 0.77)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.77) 69.08%);
}

.event-shedule-wrapper .event-box-item .event-image img {
  width: 100%;
  height: 100%;
}

.event-shedule-wrapper .event-box-item .event-image .content {
  position: absolute;
  bottom: 20px;
  left: 60px;
  right: 60px;
  text-align: center;
}

.event-shedule-wrapper .event-box-item .event-image .content span {
  font-size: 14px;
  font-weight: 500;
  color: #A0FFC2;
}

.event-shedule-wrapper .event-box-item .event-image .content h4 a {
  color: var(--white);
}

.event-shedule-wrapper .event-box-item .event-image .content h4 a:hover {
  color: var(--theme-color);
}

.event-shedule-wrapper .event-box-item .event-content {
  background: #EEF4FF;
  padding: 36px 54px;
  position: relative;
}

@media (max-width: 1399px) {
  .event-shedule-wrapper .event-box-item .event-content {
    position: relative;
    -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
    padding: 53px 40px;
  }
}

@media (max-width: 991px) {
  .event-shedule-wrapper .event-box-item .event-content {
    padding: 30px;
    -ms-flex-preferred-size: 58%;
        flex-basis: 58%;
    padding: 23px 30px;
  }
}

@media (max-width: 767px) {
  .event-shedule-wrapper .event-box-item .event-content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.event-shedule-wrapper .event-box-item .event-content.bg-2 {
  background: #EEFFEF;
}

.event-shedule-wrapper .event-box-item .event-content.bg-3 {
  background: #FFF3EE;
}

.event-shedule-wrapper .event-box-item .event-content.bg-4 {
  background: #F7EEFF;
}

.event-shedule-wrapper .event-box-item .event-content.bg-5 {
  background: #DDFFF5;
}

.event-shedule-wrapper .event-box-item .event-content.bg-6 {
  background: #FFFCE4;
}

.event-shedule-wrapper .event-box-item .event-content .event-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .event-shedule-wrapper .event-box-item .event-content .event-list {
    gap: 10px;
  }
}

@media (max-width: 767px) {
  .event-shedule-wrapper .event-box-item .event-content .event-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }
}

.event-shedule-wrapper .event-box-item .event-content .event-list li {
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
  padding: 8px 16px;
  background-color: var(--white);
  border-radius: 40px;
  line-height: 1;
}

@media (max-width: 991px) {
  .event-shedule-wrapper .event-box-item .event-content .event-list li {
    padding: 8px 12px;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .event-shedule-wrapper .event-box-item .event-content .event-list li {
    font-size: 14px;
  }
}

.event-shedule-wrapper .event-box-item .event-content .event-list li i {
  margin-right: 4px;
}

.event-shedule-wrapper .event-box-item .event-content h3 {
  margin-bottom: 15px;
}

.event-shedule-wrapper .event-box-item .event-content h3 a:hover {
  color: #AF49E5;
}

.event-shedule-wrapper .event-box-item .event-content p {
  max-width: 973px;
}

.event-shedule-section {
  position: relative;
}

.event-shedule-section .left-shape {
  position: absolute;
  left: 0;
  top: 280px;
}

@media (max-width: 1199px) {
  .event-shedule-section .left-shape {
    display: none;
  }
}

.event-shedule-section .right-shape {
  position: absolute;
  right: 100px;
  top: 450px;
}

.event-shedule-section .right-shape img {
  -webkit-animation: cir36 10s linear infinite;
          animation: cir36 10s linear infinite;
}

@media (max-width: 1199px) {
  .event-shedule-section .right-shape {
    display: none;
  }
}

.event-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.event-perticipate-section {
  position: relative;
}

.event-perticipate-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(84deg, rgba(0, 0, 0, 0.8) 30.66%, rgba(0, 0, 0, 0.46) 85.87%);
}

.event-perticipate-section::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--white);
  z-index: 1;
  bottom: -68%;
  top: initial;
}

.event-perticipate-section .coming-soon-timer {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

@media (max-width: 767px) {
  .event-perticipate-section .coming-soon-timer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.event-perticipate-section .coming-soon-timer .timer-content {
  width: 132px;
  height: 132px;
  border-radius: 50%;
  border: 2px solid #A0FFC2;
  text-align: center;
  padding-top: 35px;
}

@media (max-width: 767px) {
  .event-perticipate-section .coming-soon-timer .timer-content {
    width: 90px;
    height: 90px;
    padding-top: 20px;
  }
}

.event-perticipate-section .coming-soon-timer .timer-content.border-2s {
  border: 2px solid #FFC394;
}

.event-perticipate-section .coming-soon-timer .timer-content.border-3s {
  border: 2px solid #ACAAFF;
}

.event-perticipate-section .coming-soon-timer .timer-content.border-4s {
  border: 2px solid #C1FFA0;
}

.event-perticipate-section .coming-soon-timer .timer-content h3 {
  font-size: 32px;
  font-weight: 400;
  color: var(--white);
  line-height: 1;
}

@media (max-width: 767px) {
  .event-perticipate-section .coming-soon-timer .timer-content h3 {
    font-size: 24px;
  }
}

.event-perticipate-section .coming-soon-timer .timer-content p {
  font-size: 20px;
  font-weight: 400;
  color: var(--white);
}

@media (max-width: 767px) {
  .event-perticipate-section .coming-soon-timer .timer-content p {
    font-size: 16px;
  }
}

.event-perticipate-section.style-2::before {
  display: none;
}

.event-perticipate-section.style-2::after {
  display: none;
}

.event-perticipate-section.style-2 .timer-content h3 {
  color: var(--header);
}

.event-perticipate-section.style-2 .timer-content p {
  color: var(--text);
}

.business-conference-wrapper {
  border-bottom: 2px solid #a0dfff;
  padding-bottom: 70px;
  margin-bottom: 70px;
}

@media (max-width: 1199px) {
  .business-conference-wrapper {
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
}

.business-conference-wrapper .business-conference-item {
  text-align: center;
}

.business-conference-wrapper .business-conference-item p {
  max-width: 669px;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .business-conference-wrapper .business-conference-item p {
    margin-top: 30px;
  }
}

.business-conference-wrapper .business-conference-item .event-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}

@media (max-width: 1199px) {
  .business-conference-wrapper .business-conference-item .event-button {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}

.business-conference-wrapper .business-conference-item .event-button .theme-btn.style-2 {
  background: #AF49E5;
  color: var(--white);
}

.business-conference-wrapper .business-conference-item .event-button .theme-btn.style-2 i {
  background-color: var(--white);
  color: #af49e5;
}

.business-conference-section {
  position: relative;
}

.business-conference-section .shape-1 {
  position: absolute;
  top: 200px;
  left: 200px;
}

@media (max-width: 1199px) {
  .business-conference-section .shape-1 {
    display: none;
  }
}

.business-conference-section .shape-2 {
  position: absolute;
  top: 50%;
  left: 19%;
}

@media (max-width: 1199px) {
  .business-conference-section .shape-2 {
    display: none;
  }
}

.business-conference-section .shape-3 {
  position: absolute;
  right: 125px;
  top: 280px;
}

@media (max-width: 1199px) {
  .business-conference-section .shape-3 {
    display: none;
  }
}

.event-shedule-wrapper-2 .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}

.event-shedule-wrapper-2 .nav .nav-item .nav-link {
  border-radius: 3px;
  border: 1px solid rgba(10, 3, 31, 0.51);
  background-color: transparent;
  padding: 20px 35px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  font-family: "Anton", sans-serif;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  line-height: 1;
  color: var(--header);
}

.event-shedule-wrapper-2 .nav .nav-item .nav-link span {
  font-size: 16px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
  color: #4E5154;
}

.event-shedule-wrapper-2 .nav .nav-item .nav-link.active {
  background: #A0FFC2;
  color: var(--header);
  border: 1px solid #A0FFC2;
}

.event-shedule-wrapper-2 .nav .nav-item .nav-link.active span {
  color: #4E5154;
}

.event-shedule-wrapper-2 .event-main-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-radius: 12px;
  background: #EEF4FF;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .event-shedule-wrapper-2 .event-main-item {
    display: block;
  }
}

.event-shedule-wrapper-2 .event-main-item.style-2 {
  background: #EEFFEF;
}

.event-shedule-wrapper-2 .event-main-item.style-3 {
  background: #FFF3EE;
}

.event-shedule-wrapper-2 .event-main-item.style-4 {
  background: #DDFFF5;
}

.event-shedule-wrapper-2 .event-main-item .event-image {
  position: relative;
}

.event-shedule-wrapper-2 .event-main-item .event-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.event-shedule-wrapper-2 .event-main-item .event-image .post {
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
  padding: 8px 16px;
  background-color: var(--theme-color);
  border-radius: 40px;
  line-height: 1;
  display: inline-block;
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.event-shedule-wrapper-2 .event-main-item .event-image .post i {
  margin-right: 4px;
}

@media (max-width: 1199px) {
  .event-shedule-wrapper-2 .event-main-item .event-content {
    padding: 30px;
    padding-bottom: 0;
  }
}

.event-shedule-wrapper-2 .event-main-item .event-content h3 {
  font-size: 32px;
}

@media (max-width: 991px) {
  .event-shedule-wrapper-2 .event-main-item .event-content h3 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .event-shedule-wrapper-2 .event-main-item .event-content h3 {
    font-size: 25px;
  }
}

@media (max-width: 575px) {
  .event-shedule-wrapper-2 .event-main-item .event-content h3 {
    font-size: 22px;
  }
}

.event-shedule-wrapper-2 .event-main-item .event-content h3 a:hover {
  color: var(--theme-color-2);
}

.event-shedule-wrapper-2 .event-main-item .event-content .client-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  margin-top: 40px;
}

@media (max-width: 1399px) {
  .event-shedule-wrapper-2 .event-main-item .event-content .client-info-item {
    border-right: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .event-shedule-wrapper-2 .event-main-item .event-content .client-info-item {
    margin-top: 30px;
  }
}

.event-shedule-wrapper-2 .event-main-item .event-content .client-info-item .client-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  border-right: 1px solid rgba(10, 3, 31, 0.46);
  padding-right: 40px;
}

@media (max-width: 1399px) {
  .event-shedule-wrapper-2 .event-main-item .event-content .client-info-item .client-info {
    border-right: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.event-shedule-wrapper-2 .event-main-item .event-content .client-info-item .client-info .info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.event-shedule-wrapper-2 .event-main-item .event-content .client-info-item p {
  max-width: 376px;
}

.event-ticket-section-11 {
  position: relative;
  z-index: 9;
  margin: 0 100px;
}

@media (max-width: 1600px) {
  .event-ticket-section-11 {
    margin: 0 40px;
  }
}

@media (max-width: 1399px) {
  .event-ticket-section-11 {
    margin: 0 30px;
  }
}

@media (max-width: 1199px) {
  .event-ticket-section-11 {
    margin: 0 15px;
  }
}

.event-ticket-section-11::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #F8EBFF;
  z-index: -1;
  border-radius: 12px;
  height: 85%;
}

@media (max-width: 1199px) {
  .event-ticket-section-11::before {
    height: 90%;
  }
}

@media (max-width: 767px) {
  .event-ticket-section-11::before {
    height: 95%;
  }
}

.event-ticket-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 9;
}

.event-ticket-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #F8EBFF;
  top: initial;
  bottom: 14%;
  border-radius: 12px;
  z-index: -1;
}

.event-ticket-wrapper .event-ticket-item {
  padding: 40px 50px 40px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #FF94FF;
  border-radius: 12px;
  position: relative;
  margin-top: 20px;
}

@media (max-width: 1600px) {
  .event-ticket-wrapper .event-ticket-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .event-ticket-wrapper .event-ticket-item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

.event-ticket-wrapper .event-ticket-item.style-2 {
  background-color: #A8A0F6;
}

.event-ticket-wrapper .event-ticket-item.style-3 {
  background-color: #FFC394;
}

.event-ticket-wrapper .event-ticket-item::before {
  position: absolute;
  content: "";
  left: -51px;
  top: 100px;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  background: #F8EBFF;
}

@media (max-width: 1600px) {
  .event-ticket-wrapper .event-ticket-item::before {
    display: none;
  }
}

.event-ticket-wrapper .event-ticket-item::after {
  position: absolute;
  content: "";
  right: -51px;
  top: 100px;
  width: 82px;
  height: 82px;
  border-radius: 100%;
  background: #F8EBFF;
}

@media (max-width: 1600px) {
  .event-ticket-wrapper .event-ticket-item::after {
    display: none;
  }
}

.event-ticket-wrapper .event-ticket-item button.quantityDecrement {
  padding: 0 12px;
}

.event-ticket-wrapper .event-ticket-item button.quantityIncrement {
  padding: 0 12px;
}

@media (max-width: 767px) {
  .event-ticket-wrapper .event-ticket-item .mask-image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.event-ticket-wrapper .event-ticket-item .mask-image img {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .event-ticket-wrapper .event-ticket-item .content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.event-ticket-wrapper .event-ticket-item .content h3 a {
  color: var(--white);
}

.event-ticket-wrapper .event-ticket-item .content p {
  color: var(--white);
  margin-bottom: 20px;
}

.event-ticket-wrapper .event-ticket-item .content h2 {
  font-size: 64px;
  color: var(--white);
}

.event-ticket-wrapper .event-ticket-item .content h2.style-2 {
  font-size: 56px;
}

.event-ticket-wrapper .event-ticket-item .content h2 span {
  font-size: 16px;
  font-weight: 400;
  color: var(--white);
  font-family: "DM Sans", sans-serif;
}

.event-ticket-wrapper .event-ticket-item .quantity {
  border-radius: 4px;
  border: 1.3px dashed rgba(255, 255, 255, 0.65);
}

@media (max-width: 767px) {
  .event-ticket-wrapper .event-ticket-item .quantity {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.event-ticket-wrapper .event-ticket-item .quantity button i {
  font-size: 16px;
  color: var(--white);
}

.event-ticket-wrapper .event-ticket-item .quantity .quantityValue {
  width: 40px;
  text-align: center;
  padding: 0;
  color: var(--white);
  border: unset;
  background: transparent;
}

.event-ticket-wrapper .event-ticket-item .circle-box {
  width: 135px;
  min-width: 135px;
  height: 135px;
  text-align: center;
  border-radius: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  background-color: #A0FFC2;
  font-size: 16px;
  font-weight: 700;
  color: var(--header);
  position: relative;
  font-family: "DM Sans", sans-serif;
  border: 1px solid var(--white);
}

.event-ticket-wrapper .event-ticket-item .circle-box span {
  position: relative;
  z-index: 9;
}

.event-ticket-wrapper .event-ticket-item .circle-box span .icon {
  display: block;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.event-ticket-wrapper .event-ticket-item .circle-box::before {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background: #0a031f;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 0;
  opacity: 0;
}

.event-ticket-wrapper .event-ticket-item .circle-box::after {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  content: "";
  background: var(--white);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 1.8s;
  transition: all 1.8s;
  z-index: 0;
  opacity: 0;
}

.event-ticket-wrapper .event-ticket-item .circle-box:hover {
  border: 1px solid var(--white);
}

.event-ticket-wrapper .event-ticket-item .circle-box:hover::before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.event-ticket-wrapper .event-ticket-item .circle-box:hover::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.event-ticket-wrapper .event-ticket-item .circle-box:hover span {
  color: var(--header);
}

.event-ticket-wrapper .event-ticket-item .event-ticket-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 95px;
}

@media (max-width: 1600px) {
  .event-ticket-wrapper .event-ticket-item .event-ticket-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 40px;
  }
}

.event-ticket-section .container-fluid {
  padding: 0 80px;
}

@media (max-width: 1399px) {
  .event-ticket-section .container-fluid {
    padding: 0 50px;
  }
}

@media (max-width: 1399px) {
  .event-ticket-section .container-fluid {
    padding: 0 40px;
  }
}

@media (max-width: 1199px) {
  .event-ticket-section .container-fluid {
    padding: 0 0;
  }
}

.event-attended-item {
  border-radius: 12px;
  background: #F8EBFF;
  padding: 50px;
    transition: all .5s ease;
}


.event-attended-item .icon {
  margin-bottom: 20px;
  color: var(--header);
}

.event-attended-item .icon img {
  height: 90px;
  transition: all .5s ease;
}

.event-attended-item:hover .icon img {
  transform: scale(1.1);
}

.event-attended-item .content h3 {
  margin-bottom: 20px;
  font-size: 32px;
    transition: all .5s ease;
}


.event-attended-item .content p {
  font-size: 18px;
    transition: all .5s ease;
}

.event-attended-item:hover * {

  color: #fff;

}

.event-attended-item .content .link-btn {
  margin-top: 30px;
}

.event-attended-item.style-2 {
  background: #FFFAD6;
}

.event-attended-item.style-3 {
  background: #DDFFF5;
}

.event-attended-item.style-4 {

    background: #ebf9ff;

}

.event-attended-item.style-5 {

    background: #dcf1ee;

}

.event-attended-item:hover {

  background:  var(--header);

}

.event-attended-section {
  position: relative;
}

.event-attended-section .left-shape {
  position: absolute;
  left: 12%;
  top: 8%;
}

.event-attended-section .left-shape img {
  -webkit-animation: cir36 10s linear infinite;
          animation: cir36 10s linear infinite;
}

@media (max-width: 1199px) {
  .event-attended-section .left-shape {
    display: none;
  }
}

.event-attended-section .right-shape {
  position: absolute;
  right: -22px;
  top: -90px;
}

@media (max-width: 1199px) {
  .event-attended-section .right-shape {
    display: none;
  }
}

.event-schedul-3 {
  position: relative;
}

.event-schedul-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(../img/event-schedul/bg-3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 392px;
}

@media (max-width: 1399px) {
  .event-schedul-3::before {
    height: 343px;
  }
}

@media (max-width: 1199px) {
  .event-schedul-3::before {
    height: 100%;
  }
}

.event-schedul-wrapper-3 {
  position: relative;
  z-index: 9;
}

.event-schedul-wrapper-3 .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: 67px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1199px) {
  .event-schedul-wrapper-3 .nav {
    margin-top: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.event-schedul-wrapper-3 .nav .nav-item .nav-link {
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.15);
  padding: 30px 85px;
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  font-family: "Anton", sans-serif;
  color: var(--white);
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media (max-width: 1399px) {
  .event-schedul-wrapper-3 .nav .nav-item .nav-link {
    padding: 22px 30px;
    font-size: 20px;
    line-height: 1;
  }
}

.event-schedul-wrapper-3 .nav .nav-item .nav-link span {
  font-size: 16px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
}

.event-schedul-wrapper-3 .nav .nav-item .nav-link.active {
  background: #A0FFC2;
  color: var(--header);
}

.event-schedul-wrapper-3 .nav .nav-item .nav-link.active span {
  color: #4E5154;
}

.event-schedul-wrapper-3 .event-schedul-items {
  border-left: 1px dashed rgba(0, 0, 0, 0.2);
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  border-right: 1px dashed rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1199px) {
  .event-schedul-wrapper-3 .event-schedul-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
    border: none;
    margin-top: 40px;
  }
  .event-schedul-wrapper-3 .event-schedul-items .event-cont h3 a {
    color: var(--white);
  }
  .event-schedul-wrapper-3 .event-schedul-items .event-cont p {
    color: var(--white);
  }
  .event-schedul-wrapper-3 .event-schedul-items .event-schedul-left {
    padding: 60px 38px;
    border-right: 1px dashed rgba(0, 0, 0, 0.2);
    -ms-flex-preferred-size: 37%;
        flex-basis: 37%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
}

@media (max-width: 1199px) and (max-width: 1199px) {
  .event-schedul-wrapper-3 .event-schedul-items .event-schedul-left {
    padding: 0;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

@media (max-width: 1199px) {
  .event-schedul-wrapper-3 .event-schedul-items .event-schedul-left .client-info .content h6 {
    color: var(--white);
  }
  .event-schedul-wrapper-3 .event-schedul-items .event-schedul-left .client-info .content p {
    color: var(--white);
  }
  .event-schedul-wrapper-3 .event-schedul-items .event-schedul-left span {
    color: var(--white) !important;
  }
}

.event-schedul-wrapper-3 .event-schedul-items .event-schedul-left {
  padding: 60px 38px;
  border-right: 1px dashed rgba(0, 0, 0, 0.2);
  -ms-flex-preferred-size: 37%;
      flex-basis: 37%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 1399px) {
  .event-schedul-wrapper-3 .event-schedul-items .event-schedul-left {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
  }
}

@media (max-width: 1199px) {
  .event-schedul-wrapper-3 .event-schedul-items .event-schedul-left {
    padding: 0;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

.event-schedul-wrapper-3 .event-schedul-items .event-schedul-left .client-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.event-schedul-wrapper-3 .event-schedul-items .event-schedul-left .client-info .content h6 {
  font-size: 16px;
  margin-bottom: 5px;
}

.event-schedul-wrapper-3 .event-schedul-items .event-schedul-left span {
  display: inline-block;
  border-radius: 39px;
  border: 1px solid #4E5154;
  padding: 8px 16px;
  line-height: 1;
  color: #4E5154;
  font-weight: 500;
  margin-top: 15px;
}

.event-schedul-wrapper-3 .event-schedul-items .event-schedul-right-items {
  padding: 60px 45px;
  position: relative;
  z-index: 9;
}

@media (max-width: 1199px) {
  .event-schedul-wrapper-3 .event-schedul-items .event-schedul-right-items {
    padding: 0;
    text-align: center;
  }
}

.event-schedul-wrapper-3 .event-schedul-items .event-schedul-right-items .event-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.event-schedul-wrapper-3 .event-schedul-items .event-schedul-right-items .event-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(10, 3, 31, 0.87);
}

.event-schedul-wrapper-3 .event-schedul-items .event-schedul-right-items .event-cont h3 {
  font-size: 32px;
  margin-bottom: 10px;
}

.event-schedul-wrapper-3 .event-schedul-items .event-schedul-right-items .event-cont h3 a:hover {
  color: #FF94FF;
}

.event-schedul-wrapper-3 .event-schedul-items:hover .event-schedul-left {
  background: #A0FFC2;
}

@media (max-width: 1199px) {
  .event-schedul-wrapper-3 .event-schedul-items:hover .event-schedul-left {
    background-color: transparent;
  }
}

.event-schedul-wrapper-3 .event-schedul-items:hover .event-schedul-right-items .event-bg {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1199px) {
  .event-schedul-wrapper-3 .event-schedul-items:hover .event-schedul-right-items .event-bg {
    opacity: 0;
    visibility: hidden;
  }
}

.event-schedul-wrapper-3 .event-schedul-items:hover .event-schedul-right-items .event-cont h3 a {
  color: var(--white);
}

.event-schedul-wrapper-3 .event-schedul-items:hover .event-schedul-right-items .event-cont p {
  color: var(--white);
}

.event-schedul-wrapper-3 .event-schedul-items.active .event-schedul-left {
  background: #A0FFC2;
}

@media (max-width: 1199px) {
  .event-schedul-wrapper-3 .event-schedul-items.active .event-schedul-left {
    background-color: transparent;
  }
}

.event-schedul-wrapper-3 .event-schedul-items.active .event-schedul-right-items .event-bg {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1199px) {
  .event-schedul-wrapper-3 .event-schedul-items.active .event-schedul-right-items .event-bg {
    opacity: 0;
    visibility: hidden;
  }
}

.event-schedul-wrapper-3 .event-schedul-items.active .event-schedul-right-items .event-cont h3 a {
  color: var(--white);
}

.event-schedul-wrapper-3 .event-schedul-items.active .event-schedul-right-items .event-cont p {
  color: var(--white);
}

.event-schedul-wrapper-3.style-spekar-wrapper .event-schedul-items .event-schedul-left {
  padding: 65px 30px;
  border-right: 1px dashed rgba(0, 0, 0, 0.2);
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 1399px) {
  .event-schedul-wrapper-3.style-spekar-wrapper .event-schedul-items .event-schedul-left {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
}

@media (max-width: 1199px) {
  .event-schedul-wrapper-3.style-spekar-wrapper .event-schedul-items .event-schedul-left {
    padding: 0;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

.event-schedul-wrapper-3.style-spekar-wrapper .event-schedul-items .event-schedul-right-items {
  padding: 60px 30px;
}

.event-schedul-wrapper-3.style-spekar-wrapper .event-schedul-items .event-schedul-right-items .event-cont h3 {
  font-size: 26px;
}

.speakar-details-wrapper .speakar-details-left .thumb {
  text-align: center;
}

@media (max-width: 1199px) {
  .speakar-details-wrapper .speakar-details-left .thumb img {
    width: 100%;
    height: 100%;
  }
}

.speakar-details-wrapper .speakar-details-left .content {
  margin-top: 20px;
  text-align: center;
}

.speakar-details-wrapper .speakar-details-left .content span {
  color: #FF94FF;
  display: inline-block;
  margin-bottom: 5px;
}

.speakar-details-wrapper .speakar-details-left .content h3 {
  font-size: 28px;
}

.speakar-details-wrapper .speakar-details-left .content p {
  font-size: 18px;
  margin-top: 10px;
}

.speakar-details-wrapper .speakar-details-left .content .social-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.speakar-details-wrapper .speakar-details-left .content .social-icon a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border: 1px solid rgba(10, 3, 31, 0.16);
  text-align: center;
  color: var(--header);
}

.speakar-details-wrapper .speakar-details-left .content .social-icon a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}

@media (max-width: 1199px) {
  .speakar-details-wrapper .event-schedul-wrapper-3 {
    background: rgba(10, 3, 31, 0.87);
    padding: 50px 0;
  }
  .speakar-details-wrapper .event-schedul-right-items {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.event-venue-wrapper-area .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.event-venue-wrapper-area .content h2 {
  margin-bottom: 25px;
}

.event-venue-wrapper-area .content .contact-list {
  margin-top: 40px;
}

@media (max-width: 1199px) {
  .event-venue-wrapper-area .content .contact-list {
    margin-top: 30px;
  }
}

.event-venue-wrapper-area .content .contact-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1399px) {
  .event-venue-wrapper-area .content .contact-list .list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}

.event-venue-wrapper-area .content .contact-list .list li {
  font-size: 18px;
  color: var(--header);
  font-weight: 400;
  font-family: "Anton", sans-serif;
}

.event-venue-wrapper-area .content .contact-list .list li i {
  margin-right: 10px;
}

.event-shedule-wrapper-4 .shedule .event-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 60px;
  margin-top: 50px;
}

.event-shedule-wrapper-4 .shedule .event-timer .time {
  border-radius: 3px;
  border: 1px solid rgba(10, 3, 31, 0.51);
  text-align: center;
  padding: 8px 30px;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.event-shedule-wrapper-4 .shedule .event-timer .time::before {
  position: absolute;
  content: "";
  width: 21px;
  height: 15px;
  background-color: #A0FFC2;
  left: 35%;
  top: 100%;
  -webkit-clip-path: polygon(16% 0, 49% 100%, 85% 0);
          clip-path: polygon(16% 0, 49% 100%, 85% 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.event-shedule-wrapper-4 .shedule .event-timer .time:hover {
  background: #A0FFC2;
  border: 1px solid #a0ffc2;
}

.event-shedule-wrapper-4 .shedule .event-timer .time:hover::before {
  opacity: 1;
  visibility: visible;
}

.event-shedule-wrapper-4 .event-main-item-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 55px;
  padding: 20px;
  border-radius: 12px;
  background: #403C53;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .event-shedule-wrapper-4 .event-main-item-4 {
    display: block;
  }
}

.event-shedule-wrapper-4 .event-main-item-4 .event-image {
  position: relative;
}

.event-shedule-wrapper-4 .event-main-item-4 .event-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(69.08%, rgba(0, 0, 0, 0.77)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.77) 69.08%);
}

.event-shedule-wrapper-4 .event-main-item-4 .event-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

.event-shedule-wrapper-4 .event-main-item-4 .event-image .post {
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
  padding: 8px 16px;
  background-color: var(--white);
  border-radius: 40px;
  line-height: 1;
  display: inline-block;
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.event-shedule-wrapper-4 .event-main-item-4 .event-image .post i {
  margin-right: 4px;
}

@media (max-width: 991px) {
  .event-shedule-wrapper-4 .event-main-item-4 .event-content {
    margin-top: 30px;
  }
}

.event-shedule-wrapper-4 .event-main-item-4 .event-content h3 {
  font-size: 32px;
  margin-bottom: 15px;
}

@media (max-width: 991px) {
  .event-shedule-wrapper-4 .event-main-item-4 .event-content h3 {
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  .event-shedule-wrapper-4 .event-main-item-4 .event-content h3 {
    font-size: 24px;
  }
}

.event-shedule-wrapper-4 .event-main-item-4 .event-content h3 a {
  color: var(--white);
}

.event-shedule-wrapper-4 .event-main-item-4 .event-content h3 a:hover {
  color: var(--theme-color);
}

.event-shedule-wrapper-4 .event-main-item-4 .event-content p {
  max-width: 737px;
  color: var(--white);
}

.event-shedule-wrapper-4 .event-main-item-4 .event-content .client-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  margin-top: 40px;
}

@media (max-width: 991px) {
  .event-shedule-wrapper-4 .event-main-item-4 .event-content .client-info-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
  }
}

.event-shedule-wrapper-4 .event-main-item-4 .event-content .client-info-item .client-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

@media (max-width: 1199px) {
  .event-shedule-wrapper-4 .event-main-item-4 .event-content .client-info-item .client-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }
}

.event-shedule-wrapper-4 .event-main-item-4 .event-content .client-info-item .client-info .info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.event-shedule-wrapper-4 .event-main-item-4 .event-content .client-info-item .client-info .info-item .text h6 {
  color: var(--white);
}

.event-shedule-wrapper-4 .event-main-item-4 .event-content .client-info-item .client-info .info-item .text p {
  color: rgba(255, 255, 255, 0.54);
}

.event-shedule-section-4 {
  position: relative;
  z-index: 9;
}

.event-shedule-section-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: rgba(10, 3, 31, 0.85);
}

.event-shedule-section-4 .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1399px) {
  .event-shedule-section-4 .nav {
    margin-bottom: 40px;
  }
}

.event-shedule-section-4 .nav .nav-item .nav-link {
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.28);
  padding: 35px 20px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  font-family: "Anton", sans-serif;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  line-height: 1;
  color: var(--white);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1399px) {
  .event-shedule-section-4 .nav .nav-item .nav-link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
            writing-mode: initial;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    padding: 22px 20px;
  }
}

.event-shedule-section-4 .nav .nav-item .nav-link span {
  font-size: 16px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
  color: #fff;
}

.event-shedule-section-4 .nav .nav-item .nav-link.active {
  background: #A0FFC2;
  color: var(--header);
}

.event-shedule-section-4 .nav .nav-item .nav-link.active span {
  color: #4E5154;
}

.event-shedule-section-4 .section-title {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .event-shedule-section-4 .section-title {
    margin-bottom: 30px;
  }
}

.speakar-announce-wrapper .announce-content {
  max-width: 650px;
  margin: 0 auto;
}

.speakar-announce-wrapper .announce-content .coming-soon-timer {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}

@media (max-width: 1199px) {
  .speakar-announce-wrapper .announce-content .coming-soon-timer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}

.speakar-announce-wrapper .announce-content .coming-soon-timer .timer-content {
  width: 132px;
  height: 132px;
  border-radius: 50%;
  border: 2px solid #A0FFC2;
  text-align: center;
  padding-top: 35px;
}

.speakar-announce-wrapper .announce-content .coming-soon-timer .timer-content.border-2s {
  border: 2px solid #FFC394;
}

.speakar-announce-wrapper .announce-content .coming-soon-timer .timer-content.border-3s {
  border: 2px solid #ACAAFF;
}

.speakar-announce-wrapper .announce-content .coming-soon-timer .timer-content.border-4s {
  border: 2px solid #C1FFA0;
}

.speakar-announce-wrapper .announce-content .coming-soon-timer .timer-content h3 {
  font-size: 32px;
  font-weight: 400;
  color: var(--white);
  line-height: 1;
}

.speakar-announce-wrapper .announce-content .coming-soon-timer .timer-content p {
  font-size: 20px;
  font-weight: 400;
  color: var(--white);
}

.speakar-announce-wrapper .announce-content h2 {
  color: var(--white);
  font-size: 64px;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
}

@media (max-width: 767px) {
  .speakar-announce-wrapper .announce-content h2 {
    font-size: 60px;
  }
}

@media (max-width: 575px) {
  .speakar-announce-wrapper .announce-content h2 {
    font-size: 50px;
  }
}

@media (max-width: 470px) {
  .speakar-announce-wrapper .announce-content h2 {
    font-size: 45px;
  }
}

.speakar-announce-wrapper .announce-content .announce-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 35px;
}

@media (max-width: 1199px) {
  .speakar-announce-wrapper .announce-content .announce-button {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .speakar-announce-wrapper .announce-content .announce-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.speakar-announce-wrapper .announce-content .announce-button .theme-btn.style-2 {
  background-color: transparent;
  border: 1px solid #FFC394;
  color: #FFC394;
}

.speakar-announce-wrapper .announce-content .announce-button .theme-btn.style-2 i {
  background-color: #ffc394;
  color: var(--header);
}

.speakar-announce-wrapper .announce-content .announce-button .theme-btn.style-2::after {
  background-color: var(--theme-color);
}

.speakar-announce-wrapper .announce-content .announce-button .theme-btn.style-2:hover {
  background-color: var(--header);
  color: var(--header);
  border: 1px solid var(--theme-color);
}

.speakar-announce-wrapper .announce-content .announce-button .theme-btn.style-2:hover i {
  background-color: var(--header);
  color: var(--white);
}

.cta-newsletter-wrapper-4 {
  position: relative;
  z-index: 9;
  border-radius: 6px;
  padding: 120px 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 0;
  padding-top: 0;
  overflow: hidden;
}

@media (max-width: 1399px) {
  .cta-newsletter-wrapper-4 {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (max-width: 991px) {
  .cta-newsletter-wrapper-4 {
    padding: 50px 40px;
    text-align: center;
  }
}

.cta-newsletter-wrapper-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(255, 167, 98, 0.88);
  border-radius: 6px;
  top: 50px;
  height: initial;
}

@media (max-width: 991px) {
  .cta-newsletter-wrapper-4::before {
    top: 0;
  }
}

.cta-newsletter-wrapper-4::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/cta-newsetter.jpg);
  content: "";
  top: 50px;
  z-index: -1;
  height: initial;
}

@media (max-width: 991px) {
  .cta-newsletter-wrapper-4::after {
    top: 0;
  }
}

.cta-newsletter-wrapper-4 .newsletter-content {
  position: relative;
  z-index: 9;
  max-width: 550px;
  width: 100%;
}

.cta-newsletter-wrapper-4 .newsletter-content h3 {
  font-size: 32px;
  color: var(--white);
}

.cta-newsletter-wrapper-4 .newsletter-content .search-widget {
  position: relative;
  max-width: 550px;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .cta-newsletter-wrapper-4 .newsletter-content .search-widget {
    margin-top: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.cta-newsletter-wrapper-4 .newsletter-content .search-widget input {
  width: 100%;
  border: none;
  background-color: var(--white);
  position: relative;
  font-size: 15px;
  font-weight: 500;
  padding: 25px 30px;
  color: var(--text);
  border-radius: 40px;
  text-transform: capitalize;
  padding: 20px 30px;
  line-height: 1;
}

@media (max-width: 575px) {
  .cta-newsletter-wrapper-4 .newsletter-content .search-widget input {
    font-size: 16px;
    padding: 22px 30px;
  }
}

.cta-newsletter-wrapper-4 .newsletter-content .search-widget input::-webkit-input-placeholder {
  color: var(--text);
}

.cta-newsletter-wrapper-4 .newsletter-content .search-widget input:-ms-input-placeholder {
  color: var(--text);
}

.cta-newsletter-wrapper-4 .newsletter-content .search-widget input::-ms-input-placeholder {
  color: var(--text);
}

.cta-newsletter-wrapper-4 .newsletter-content .search-widget input::placeholder {
  color: var(--text);
}

.cta-newsletter-wrapper-4 .newsletter-content .search-widget button {
  position: absolute;
  right: 8px;
  top: 8px;
  bottom: 8px;
}

@media (max-width: 575px) {
  .cta-newsletter-wrapper-4 .newsletter-content .search-widget button {
    position: static;
    width: 100%;
    margin-top: 10px;
  }
}

.cta-newsletter-wrapper-4 .newsletter-content .search-widget button.icon-btn {
  width: 44px;
  height: 44px;
  line-height: 44px;
  background: #ffa762;
  color: var(--header);
  text-align: center;
  border-radius: 50%;
}

.cta-newsletter-wrapper-4 .man-image {
  position: relative;
  z-index: 9;
}

@media (max-width: 991px) {
  .cta-newsletter-wrapper-4 .man-image {
    display: none;
  }
}

.speakar-announce-section {
  position: relative;
  z-index: 9;
}

.speakar-announce-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--white);
  z-index: -1;
  top: 85%;
  height: initial;
}

.pricing-card-item {
  padding: 50px;
  position: relative;
  z-index: 99;
  margin-top: 30px;
  background-color: #DDFFF5;
  max-width: 415px;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 424 667"><path fill-rule="evenodd" clip-rule="evenodd"  d="M389 27C399.493 27 408 18.4934 408 8C408 7.33039 407.965 6.66886 407.898 6.01712C407.596 3.10882 409.585 0 412.509 0H420C422.209 0 424 1.79086 424 4V663C424 665.209 422.209 667 420 667H403C400.791 667 399.044 665.189 398.584 663.028C396.758 654.441 389.131 648 380 648C370.869 648 363.242 654.441 361.416 663.028C360.956 665.189 359.209 667 357 667H336C333.791 667 332.044 665.189 331.584 663.028C329.758 654.441 322.131 648 313 648C303.869 648 296.242 654.441 294.416 663.028C293.956 665.189 292.209 667 290 667H269C266.791 667 265.044 665.189 264.584 663.028C262.758 654.441 255.131 648 246 648C236.869 648 229.242 654.441 227.416 663.028C226.956 665.189 225.209 667 223 667H202C199.791 667 198.044 665.189 197.584 663.028C195.758 654.441 188.131 648 179 648C169.869 648 162.242 654.441 160.416 663.028C159.956 665.189 158.209 667 156 667H135C132.791 667 131.044 665.189 130.584 663.028C128.758 654.441 121.131 648 112 648C102.869 648 95.242 654.441 93.4158 663.028C92.9562 665.189 91.2091 667 89 667H68C65.7909 667 64.0438 665.189 63.5842 663.028C61.758 654.441 54.1312 648 45 648C35.8688 648 28.242 654.441 26.4158 663.028C25.9562 665.189 24.2091 667 22 667H4C1.79086 667 0 665.209 0 663V4C0 1.79086 1.79087 0 4.00001 0H30.4908C33.4147 0 35.4038 3.10884 35.1022 6.01715C35.0346 6.66888 35 7.33039 35 8C35 18.4934 43.5066 27 54 27C64.4934 27 73 18.4934 73 8C73 7.33039 72.9654 6.66887 72.8978 6.01714C72.5962 3.10884 74.5853 0 77.5092 0H97.4908C100.415 0 102.404 3.10884 102.102 6.01714C102.035 6.66887 102 7.33039 102 8C102 18.4934 110.507 27 121 27C131.493 27 140 18.4934 140 8C140 7.3304 139.965 6.66888 139.898 6.01716C139.596 3.10885 141.585 0 144.509 0H164.491C167.415 0 169.404 3.10885 169.102 6.01716C169.035 6.66888 169 7.3304 169 8C169 18.4934 177.507 27 188 27C198.493 27 207 18.4934 207 8C207 7.3304 206.965 6.66888 206.898 6.01716C206.596 3.10885 208.585 0 211.509 0H231.491C234.415 0 236.404 3.10885 236.102 6.01716C236.035 6.66888 236 7.3304 236 8C236 18.4934 244.507 27 255 27C265.493 27 274 18.4934 274 8C274 7.33039 273.965 6.66886 273.898 6.01712C273.596 3.10882 275.585 0 278.509 0H298.491C301.415 0 303.404 3.10882 303.102 6.01712C303.035 6.66886 303 7.33039 303 8C303 18.4934 311.507 27 322 27C332.493 27 341 18.4934 341 8C341 7.33039 340.965 6.66886 340.898 6.01712C340.596 3.10882 342.585 0 345.509 0H365.491C368.415 0 370.404 3.10882 370.102 6.01712C370.035 6.66886 370 7.33039 370 8C370 18.4934 378.507 27 389 27Z" /></svg>');
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 424 667"><path fill-rule="evenodd" clip-rule="evenodd"  d="M389 27C399.493 27 408 18.4934 408 8C408 7.33039 407.965 6.66886 407.898 6.01712C407.596 3.10882 409.585 0 412.509 0H420C422.209 0 424 1.79086 424 4V663C424 665.209 422.209 667 420 667H403C400.791 667 399.044 665.189 398.584 663.028C396.758 654.441 389.131 648 380 648C370.869 648 363.242 654.441 361.416 663.028C360.956 665.189 359.209 667 357 667H336C333.791 667 332.044 665.189 331.584 663.028C329.758 654.441 322.131 648 313 648C303.869 648 296.242 654.441 294.416 663.028C293.956 665.189 292.209 667 290 667H269C266.791 667 265.044 665.189 264.584 663.028C262.758 654.441 255.131 648 246 648C236.869 648 229.242 654.441 227.416 663.028C226.956 665.189 225.209 667 223 667H202C199.791 667 198.044 665.189 197.584 663.028C195.758 654.441 188.131 648 179 648C169.869 648 162.242 654.441 160.416 663.028C159.956 665.189 158.209 667 156 667H135C132.791 667 131.044 665.189 130.584 663.028C128.758 654.441 121.131 648 112 648C102.869 648 95.242 654.441 93.4158 663.028C92.9562 665.189 91.2091 667 89 667H68C65.7909 667 64.0438 665.189 63.5842 663.028C61.758 654.441 54.1312 648 45 648C35.8688 648 28.242 654.441 26.4158 663.028C25.9562 665.189 24.2091 667 22 667H4C1.79086 667 0 665.209 0 663V4C0 1.79086 1.79087 0 4.00001 0H30.4908C33.4147 0 35.4038 3.10884 35.1022 6.01715C35.0346 6.66888 35 7.33039 35 8C35 18.4934 43.5066 27 54 27C64.4934 27 73 18.4934 73 8C73 7.33039 72.9654 6.66887 72.8978 6.01714C72.5962 3.10884 74.5853 0 77.5092 0H97.4908C100.415 0 102.404 3.10884 102.102 6.01714C102.035 6.66887 102 7.33039 102 8C102 18.4934 110.507 27 121 27C131.493 27 140 18.4934 140 8C140 7.3304 139.965 6.66888 139.898 6.01716C139.596 3.10885 141.585 0 144.509 0H164.491C167.415 0 169.404 3.10885 169.102 6.01716C169.035 6.66888 169 7.3304 169 8C169 18.4934 177.507 27 188 27C198.493 27 207 18.4934 207 8C207 7.3304 206.965 6.66888 206.898 6.01716C206.596 3.10885 208.585 0 211.509 0H231.491C234.415 0 236.404 3.10885 236.102 6.01716C236.035 6.66888 236 7.3304 236 8C236 18.4934 244.507 27 255 27C265.493 27 274 18.4934 274 8C274 7.33039 273.965 6.66886 273.898 6.01712C273.596 3.10882 275.585 0 278.509 0H298.491C301.415 0 303.404 3.10882 303.102 6.01712C303.035 6.66886 303 7.33039 303 8C303 18.4934 311.507 27 322 27C332.493 27 341 18.4934 341 8C341 7.33039 340.965 6.66886 340.898 6.01712C340.596 3.10882 342.585 0 345.509 0H365.491C368.415 0 370.404 3.10882 370.102 6.01712C370.035 6.66886 370 7.33039 370 8C370 18.4934 378.507 27 389 27Z" /></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: cover;
          mask-size: cover;
}

@media (max-width: 1600px) {
  .pricing-card-item {
    padding: 45px 50px;
  }
}

@media (max-width: 1199px) {
  .pricing-card-item {
    max-width: initial;
    padding: 35px;
  }
}

.pricing-card-item .shape-1 {
  position: absolute;
  top: 40px;
  right: 20px;
}

.pricing-card-item .shape-2 {
  position: absolute;
  right: 40px;
  top: 170px;
}

.pricing-card-item.style-2 {
  background: #FFFAD6;
}

.pricing-card-item.style-3 {
  background: #F7EEFF;
}

.pricing-card-item .pricing-header h3 {
  margin-bottom: 10px;
}

.pricing-card-item .pricing-header p {
  margin-bottom: 15px;
}

.pricing-card-item .pricing-header h2 {
  font-size: 56px;
  border-bottom: 1px solid var(--header);
  padding-bottom: 5px;
  margin-bottom: 30px;
}

.pricing-card-item .pricing-header h2 span {
  font-size: 16px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
  color: var(--text);
}

.pricing-card-item h6 {
  margin-bottom: 25px;
}

.pricing-card-item .pricing-list li {
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding-left: 15px;
  color: var(--header);
}

.pricing-card-item .pricing-list li::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 30px;
  background-color: var(--header);
  left: 0;
  top: 10px;
}

.pricing-card-item .pricing-list li.style-2::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 30px;
  border: 1px solid var(--header);
  left: 0;
  top: 10px;
}

.pricing-card-item .pricing-list li:not(:last-child) {
  margin-bottom: 10px;
}

.pricing-card-item .pricing-list li del {
  color: rgba(10, 3, 31, 0.44);
}


.bonfeatures {

  display: flex;
  flex-wrap: wrap;
  grid-gap: 5px;

}


.bonfeatures li {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: .5em .5em;
  line-height: 1;
  color: var(--header);
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 12px;
}

.bonfeatures.style-2 {
  display: inline-flex;
}


.bonfeatures.style-2 li {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding: .5em .5em;
  line-height: 1;
  color: var(--header);
  border: 0;
  background: #F7EEFF;
  border-radius: 12px;
}


.bonfeatures.style-2 li.bonrat {

  background: #fff1de;

}


.pricing-card-item .pricing-button {
  margin-top: 40px;
}

.pricing-card-item .pricing-button .theme-btn {
  background: #62ABFF;
}

.pricing-card-item .pricing-button .theme-btn.style-2 {
  background: #80F8AB;
}

.theme-btn.style-3 {
  background: #FFA762;
}

.theme-btn.style-3 i {
  color: #FFA762;
}

.theme-btn.style-2 {
  background: #AF49E5;
}

.theme-btn.style-2 i {
  color: #AF49E5;
}

.pricing-card-items-3 {
  padding: 40px 30px;
  padding-top: 0;
  z-index: 9;
  text-align: center;
  position: relative;
  max-width: 425px;
  z-index: 9;
}

@media (max-width: 1199px) {
  .pricing-card-items-3 {
    max-width: initial;
  }
}

.pricing-card-items-3::before {
  background-color: #FFFAD6;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 424 512"><path fill-rule="evenodd" clip-rule="evenodd"  d="M380 19C389.131 19 396.758 12.5586 398.584 3.97183C399.044 1.81102 400.791 0 403 0H420C422.209 0 424 1.79086 424 4V508C424 510.209 422.209 512 420 512H403C400.791 512 399.044 510.189 398.584 508.028C396.758 499.441 389.131 493 380 493C370.869 493 363.242 499.441 361.416 508.028C360.956 510.189 359.209 512 357 512H336C333.791 512 332.044 510.189 331.584 508.028C329.758 499.441 322.131 493 313 493C303.869 493 296.242 499.441 294.416 508.028C293.956 510.189 292.209 512 290 512H269C266.791 512 265.044 510.189 264.584 508.028C262.758 499.441 255.131 493 246 493C236.869 493 229.242 499.441 227.416 508.028C226.956 510.189 225.209 512 223 512H202C199.791 512 198.044 510.189 197.584 508.028C195.758 499.441 188.131 493 179 493C169.869 493 162.242 499.441 160.416 508.028C159.956 510.189 158.209 512 156 512H135C132.791 512 131.044 510.189 130.584 508.028C128.758 499.441 121.131 493 112 493C102.869 493 95.242 499.441 93.4158 508.028C92.9562 510.189 91.2091 512 89 512H68C65.7909 512 64.0438 510.189 63.5842 508.028C61.758 499.441 54.1312 493 45 493C35.8688 493 28.242 499.441 26.4158 508.028C25.9562 510.189 24.2091 512 22 512H4C1.79086 512 0 510.209 0 508V4C0 1.79086 1.79086 0 4 0H22C24.2091 0 25.9562 1.81102 26.4158 3.97183C28.242 12.5586 35.8688 19 45 19C54.1312 19 61.758 12.5586 63.5842 3.97183C64.0438 1.81102 65.7909 0 68 0H89C91.2091 0 92.9562 1.81102 93.4158 3.97183C95.242 12.5586 102.869 19 112 19C121.131 19 128.758 12.5586 130.584 3.97183C131.044 1.81102 132.791 0 135 0H156C158.209 0 159.956 1.81102 160.416 3.97183C162.242 12.5586 169.869 19 179 19C188.131 19 195.758 12.5586 197.584 3.97183C198.044 1.81102 199.791 0 202 0H223C225.209 0 226.956 1.81102 227.416 3.97183C229.242 12.5586 236.869 19 246 19C255.131 19 262.758 12.5586 264.584 3.97183C265.044 1.81102 266.791 0 269 0H290C292.209 0 293.956 1.81102 294.416 3.97183C296.242 12.5586 303.869 19 313 19C322.131 19 329.758 12.5586 331.584 3.97183C332.044 1.81102 333.791 0 336 0H357C359.209 0 360.956 1.81102 361.416 3.97183C363.242 12.5586 370.869 19 380 19Z" /></svg>');
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 424 512"><path fill-rule="evenodd" clip-rule="evenodd"  d="M380 19C389.131 19 396.758 12.5586 398.584 3.97183C399.044 1.81102 400.791 0 403 0H420C422.209 0 424 1.79086 424 4V508C424 510.209 422.209 512 420 512H403C400.791 512 399.044 510.189 398.584 508.028C396.758 499.441 389.131 493 380 493C370.869 493 363.242 499.441 361.416 508.028C360.956 510.189 359.209 512 357 512H336C333.791 512 332.044 510.189 331.584 508.028C329.758 499.441 322.131 493 313 493C303.869 493 296.242 499.441 294.416 508.028C293.956 510.189 292.209 512 290 512H269C266.791 512 265.044 510.189 264.584 508.028C262.758 499.441 255.131 493 246 493C236.869 493 229.242 499.441 227.416 508.028C226.956 510.189 225.209 512 223 512H202C199.791 512 198.044 510.189 197.584 508.028C195.758 499.441 188.131 493 179 493C169.869 493 162.242 499.441 160.416 508.028C159.956 510.189 158.209 512 156 512H135C132.791 512 131.044 510.189 130.584 508.028C128.758 499.441 121.131 493 112 493C102.869 493 95.242 499.441 93.4158 508.028C92.9562 510.189 91.2091 512 89 512H68C65.7909 512 64.0438 510.189 63.5842 508.028C61.758 499.441 54.1312 493 45 493C35.8688 493 28.242 499.441 26.4158 508.028C25.9562 510.189 24.2091 512 22 512H4C1.79086 512 0 510.209 0 508V4C0 1.79086 1.79086 0 4 0H22C24.2091 0 25.9562 1.81102 26.4158 3.97183C28.242 12.5586 35.8688 19 45 19C54.1312 19 61.758 12.5586 63.5842 3.97183C64.0438 1.81102 65.7909 0 68 0H89C91.2091 0 92.9562 1.81102 93.4158 3.97183C95.242 12.5586 102.869 19 112 19C121.131 19 128.758 12.5586 130.584 3.97183C131.044 1.81102 132.791 0 135 0H156C158.209 0 159.956 1.81102 160.416 3.97183C162.242 12.5586 169.869 19 179 19C188.131 19 195.758 12.5586 197.584 3.97183C198.044 1.81102 199.791 0 202 0H223C225.209 0 226.956 1.81102 227.416 3.97183C229.242 12.5586 236.869 19 246 19C255.131 19 262.758 12.5586 264.584 3.97183C265.044 1.81102 266.791 0 269 0H290C292.209 0 293.956 1.81102 294.416 3.97183C296.242 12.5586 303.869 19 313 19C322.131 19 329.758 12.5586 331.584 3.97183C332.044 1.81102 333.791 0 336 0H357C359.209 0 360.956 1.81102 361.416 3.97183C363.242 12.5586 370.869 19 380 19Z" /></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: cover;
          mask-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  top: 70px;
  height: initial;
}

.pricing-card-items-3 .icon {
  background-color: #64EF96;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 148"><path fill-rule="evenodd" clip-rule="evenodd"  d="M70.4377 3.61694C72.3963 1.62833 75.6037 1.62832 77.5623 3.61694L78.914 4.98929C80.5599 6.66051 83.1464 6.96283 85.1335 5.71625L86.7651 4.6926C89.1295 3.20927 92.2506 3.94896 93.6978 6.33566L94.6965 7.98272C95.9127 9.98849 98.3597 10.8791 100.581 10.1244L102.404 9.50463C105.047 8.60655 107.913 10.0461 108.771 12.7022L109.363 14.5352C110.084 16.7673 112.26 18.1983 114.595 17.9761L116.512 17.7936C119.291 17.5292 121.748 19.5909 121.97 22.3733L122.124 24.2934C122.31 26.6316 124.097 28.5258 126.421 28.8481L128.329 29.1127C131.093 29.4962 133.009 32.069 132.583 34.8276L132.29 36.7313C131.932 39.0495 133.234 41.3047 135.42 42.1542L137.216 42.8517C139.818 43.8625 141.088 46.8076 140.038 49.3937L139.313 51.1783C138.43 53.3516 139.177 55.8463 141.109 57.1771L142.695 58.2699C144.994 59.8534 145.551 63.0122 143.932 65.2863L142.816 66.8557C141.456 68.7669 141.607 71.3666 143.18 73.107L144.471 74.5361C146.342 76.607 146.156 79.8091 144.057 81.6487L142.608 82.9183C140.844 84.4643 140.392 87.0288 141.521 89.085L142.448 90.7734C143.791 93.2201 142.871 96.2928 140.405 97.5988L138.702 98.5C136.629 99.5975 135.598 101.989 136.222 104.25L136.735 106.106C137.478 108.797 135.874 111.575 133.172 112.277L131.308 112.761C129.038 113.351 127.483 115.44 127.569 117.784L127.639 119.709C127.742 122.498 125.541 124.831 122.75 124.891L120.824 124.932C118.479 124.983 116.484 126.657 116.028 128.957L115.652 130.847C115.109 133.584 112.429 135.347 109.7 134.762L107.816 134.358C105.523 133.866 103.196 135.035 102.221 137.168L101.42 138.92C100.26 141.459 97.2456 142.556 94.7249 141.357L92.9854 140.53C90.8671 139.522 88.3332 140.123 86.8924 141.974L85.7092 143.494C83.9947 145.696 80.8089 146.069 78.6327 144.321L77.1309 143.115C75.302 141.646 72.698 141.646 70.8691 143.115L69.3673 144.321C67.1911 146.068 64.0053 145.696 62.2908 143.494L61.1076 141.974C59.6668 140.123 57.1329 139.522 55.0146 140.53L53.2751 141.357C50.7545 142.556 47.7404 141.459 46.5801 138.92L45.7793 137.168C44.8042 135.035 42.4771 133.866 40.1835 134.358L38.3002 134.762C35.571 135.347 32.8912 133.584 32.3476 130.847L31.9724 128.957C31.5156 126.657 29.5207 124.983 27.1756 124.932L25.2498 124.891C22.4593 124.831 20.2582 122.498 20.3606 119.709L20.4313 117.784C20.5173 115.44 18.9623 113.351 16.692 112.761L14.8277 112.277C12.1262 111.575 10.5224 108.797 11.2653 106.106L11.778 104.25C12.4023 101.989 11.3709 99.5975 9.29781 98.5L7.59545 97.5988C5.12864 96.2928 4.20873 93.2201 5.55208 90.7734L6.47913 89.085C7.60807 87.0288 7.15587 84.4643 5.39177 82.9183L3.94315 81.6487C1.84402 79.8091 1.65752 76.607 3.52889 74.5361L4.82033 73.107C6.39302 71.3666 6.54444 68.7669 5.18443 66.8557L4.06763 65.2863C2.44933 63.0122 3.0063 59.8534 5.30481 58.2699L6.89102 57.1771C8.82268 55.8463 9.56954 53.3516 8.68694 51.1783L7.96218 49.3937C6.91196 46.8076 8.18237 43.8625 10.7841 42.8517L12.5796 42.1542C14.7661 41.3047 16.0681 39.0495 15.7105 36.7313L15.4168 34.8276C14.9913 32.069 16.9067 29.4962 19.6714 29.1127L21.5793 28.8481C23.9028 28.5258 25.6898 26.6316 25.8765 24.2934L26.0297 22.3733C26.2518 19.5909 28.7089 17.5292 31.4875 17.7936L33.4051 17.9761C35.7402 18.1983 37.9159 16.7673 38.6368 14.5352L39.2287 12.7022C40.0865 10.0461 42.9528 8.60655 45.5956 9.50463L47.4193 10.1244C49.6403 10.8791 52.0873 9.98849 53.3035 7.98273L54.3022 6.33566C55.7494 3.94896 58.8704 3.20927 61.2349 4.6926L62.8665 5.71625C64.8536 6.96283 67.4401 6.66052 69.086 4.9893L70.4377 3.61694Z" /></svg>');
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 148"><path fill-rule="evenodd" clip-rule="evenodd"  d="M70.4377 3.61694C72.3963 1.62833 75.6037 1.62832 77.5623 3.61694L78.914 4.98929C80.5599 6.66051 83.1464 6.96283 85.1335 5.71625L86.7651 4.6926C89.1295 3.20927 92.2506 3.94896 93.6978 6.33566L94.6965 7.98272C95.9127 9.98849 98.3597 10.8791 100.581 10.1244L102.404 9.50463C105.047 8.60655 107.913 10.0461 108.771 12.7022L109.363 14.5352C110.084 16.7673 112.26 18.1983 114.595 17.9761L116.512 17.7936C119.291 17.5292 121.748 19.5909 121.97 22.3733L122.124 24.2934C122.31 26.6316 124.097 28.5258 126.421 28.8481L128.329 29.1127C131.093 29.4962 133.009 32.069 132.583 34.8276L132.29 36.7313C131.932 39.0495 133.234 41.3047 135.42 42.1542L137.216 42.8517C139.818 43.8625 141.088 46.8076 140.038 49.3937L139.313 51.1783C138.43 53.3516 139.177 55.8463 141.109 57.1771L142.695 58.2699C144.994 59.8534 145.551 63.0122 143.932 65.2863L142.816 66.8557C141.456 68.7669 141.607 71.3666 143.18 73.107L144.471 74.5361C146.342 76.607 146.156 79.8091 144.057 81.6487L142.608 82.9183C140.844 84.4643 140.392 87.0288 141.521 89.085L142.448 90.7734C143.791 93.2201 142.871 96.2928 140.405 97.5988L138.702 98.5C136.629 99.5975 135.598 101.989 136.222 104.25L136.735 106.106C137.478 108.797 135.874 111.575 133.172 112.277L131.308 112.761C129.038 113.351 127.483 115.44 127.569 117.784L127.639 119.709C127.742 122.498 125.541 124.831 122.75 124.891L120.824 124.932C118.479 124.983 116.484 126.657 116.028 128.957L115.652 130.847C115.109 133.584 112.429 135.347 109.7 134.762L107.816 134.358C105.523 133.866 103.196 135.035 102.221 137.168L101.42 138.92C100.26 141.459 97.2456 142.556 94.7249 141.357L92.9854 140.53C90.8671 139.522 88.3332 140.123 86.8924 141.974L85.7092 143.494C83.9947 145.696 80.8089 146.069 78.6327 144.321L77.1309 143.115C75.302 141.646 72.698 141.646 70.8691 143.115L69.3673 144.321C67.1911 146.068 64.0053 145.696 62.2908 143.494L61.1076 141.974C59.6668 140.123 57.1329 139.522 55.0146 140.53L53.2751 141.357C50.7545 142.556 47.7404 141.459 46.5801 138.92L45.7793 137.168C44.8042 135.035 42.4771 133.866 40.1835 134.358L38.3002 134.762C35.571 135.347 32.8912 133.584 32.3476 130.847L31.9724 128.957C31.5156 126.657 29.5207 124.983 27.1756 124.932L25.2498 124.891C22.4593 124.831 20.2582 122.498 20.3606 119.709L20.4313 117.784C20.5173 115.44 18.9623 113.351 16.692 112.761L14.8277 112.277C12.1262 111.575 10.5224 108.797 11.2653 106.106L11.778 104.25C12.4023 101.989 11.3709 99.5975 9.29781 98.5L7.59545 97.5988C5.12864 96.2928 4.20873 93.2201 5.55208 90.7734L6.47913 89.085C7.60807 87.0288 7.15587 84.4643 5.39177 82.9183L3.94315 81.6487C1.84402 79.8091 1.65752 76.607 3.52889 74.5361L4.82033 73.107C6.39302 71.3666 6.54444 68.7669 5.18443 66.8557L4.06763 65.2863C2.44933 63.0122 3.0063 59.8534 5.30481 58.2699L6.89102 57.1771C8.82268 55.8463 9.56954 53.3516 8.68694 51.1783L7.96218 49.3937C6.91196 46.8076 8.18237 43.8625 10.7841 42.8517L12.5796 42.1542C14.7661 41.3047 16.0681 39.0495 15.7105 36.7313L15.4168 34.8276C14.9913 32.069 16.9067 29.4962 19.6714 29.1127L21.5793 28.8481C23.9028 28.5258 25.6898 26.6316 25.8765 24.2934L26.0297 22.3733C26.2518 19.5909 28.7089 17.5292 31.4875 17.7936L33.4051 17.9761C35.7402 18.1983 37.9159 16.7673 38.6368 14.5352L39.2287 12.7022C40.0865 10.0461 42.9528 8.60655 45.5956 9.50463L47.4193 10.1244C49.6403 10.8791 52.0873 9.98849 53.3035 7.98273L54.3022 6.33566C55.7494 3.94896 58.8704 3.20927 61.2349 4.6926L62.8665 5.71625C64.8536 6.96283 67.4401 6.66052 69.086 4.9893L70.4377 3.61694Z" /></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: cover;
          mask-size: cover;
  max-width: 148px;
  font-size: 70px;
  color: var(--white);
  height: 148px;
  text-align: center;
  line-height: 165px;
  margin: 0 auto;
}

.topbonuslogo {

  background-color: #141215;

  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 148"><path fill-rule="evenodd" clip-rule="evenodd"  d="M70.4377 3.61694C72.3963 1.62833 75.6037 1.62832 77.5623 3.61694L78.914 4.98929C80.5599 6.66051 83.1464 6.96283 85.1335 5.71625L86.7651 4.6926C89.1295 3.20927 92.2506 3.94896 93.6978 6.33566L94.6965 7.98272C95.9127 9.98849 98.3597 10.8791 100.581 10.1244L102.404 9.50463C105.047 8.60655 107.913 10.0461 108.771 12.7022L109.363 14.5352C110.084 16.7673 112.26 18.1983 114.595 17.9761L116.512 17.7936C119.291 17.5292 121.748 19.5909 121.97 22.3733L122.124 24.2934C122.31 26.6316 124.097 28.5258 126.421 28.8481L128.329 29.1127C131.093 29.4962 133.009 32.069 132.583 34.8276L132.29 36.7313C131.932 39.0495 133.234 41.3047 135.42 42.1542L137.216 42.8517C139.818 43.8625 141.088 46.8076 140.038 49.3937L139.313 51.1783C138.43 53.3516 139.177 55.8463 141.109 57.1771L142.695 58.2699C144.994 59.8534 145.551 63.0122 143.932 65.2863L142.816 66.8557C141.456 68.7669 141.607 71.3666 143.18 73.107L144.471 74.5361C146.342 76.607 146.156 79.8091 144.057 81.6487L142.608 82.9183C140.844 84.4643 140.392 87.0288 141.521 89.085L142.448 90.7734C143.791 93.2201 142.871 96.2928 140.405 97.5988L138.702 98.5C136.629 99.5975 135.598 101.989 136.222 104.25L136.735 106.106C137.478 108.797 135.874 111.575 133.172 112.277L131.308 112.761C129.038 113.351 127.483 115.44 127.569 117.784L127.639 119.709C127.742 122.498 125.541 124.831 122.75 124.891L120.824 124.932C118.479 124.983 116.484 126.657 116.028 128.957L115.652 130.847C115.109 133.584 112.429 135.347 109.7 134.762L107.816 134.358C105.523 133.866 103.196 135.035 102.221 137.168L101.42 138.92C100.26 141.459 97.2456 142.556 94.7249 141.357L92.9854 140.53C90.8671 139.522 88.3332 140.123 86.8924 141.974L85.7092 143.494C83.9947 145.696 80.8089 146.069 78.6327 144.321L77.1309 143.115C75.302 141.646 72.698 141.646 70.8691 143.115L69.3673 144.321C67.1911 146.068 64.0053 145.696 62.2908 143.494L61.1076 141.974C59.6668 140.123 57.1329 139.522 55.0146 140.53L53.2751 141.357C50.7545 142.556 47.7404 141.459 46.5801 138.92L45.7793 137.168C44.8042 135.035 42.4771 133.866 40.1835 134.358L38.3002 134.762C35.571 135.347 32.8912 133.584 32.3476 130.847L31.9724 128.957C31.5156 126.657 29.5207 124.983 27.1756 124.932L25.2498 124.891C22.4593 124.831 20.2582 122.498 20.3606 119.709L20.4313 117.784C20.5173 115.44 18.9623 113.351 16.692 112.761L14.8277 112.277C12.1262 111.575 10.5224 108.797 11.2653 106.106L11.778 104.25C12.4023 101.989 11.3709 99.5975 9.29781 98.5L7.59545 97.5988C5.12864 96.2928 4.20873 93.2201 5.55208 90.7734L6.47913 89.085C7.60807 87.0288 7.15587 84.4643 5.39177 82.9183L3.94315 81.6487C1.84402 79.8091 1.65752 76.607 3.52889 74.5361L4.82033 73.107C6.39302 71.3666 6.54444 68.7669 5.18443 66.8557L4.06763 65.2863C2.44933 63.0122 3.0063 59.8534 5.30481 58.2699L6.89102 57.1771C8.82268 55.8463 9.56954 53.3516 8.68694 51.1783L7.96218 49.3937C6.91196 46.8076 8.18237 43.8625 10.7841 42.8517L12.5796 42.1542C14.7661 41.3047 16.0681 39.0495 15.7105 36.7313L15.4168 34.8276C14.9913 32.069 16.9067 29.4962 19.6714 29.1127L21.5793 28.8481C23.9028 28.5258 25.6898 26.6316 25.8765 24.2934L26.0297 22.3733C26.2518 19.5909 28.7089 17.5292 31.4875 17.7936L33.4051 17.9761C35.7402 18.1983 37.9159 16.7673 38.6368 14.5352L39.2287 12.7022C40.0865 10.0461 42.9528 8.60655 45.5956 9.50463L47.4193 10.1244C49.6403 10.8791 52.0873 9.98849 53.3035 7.98273L54.3022 6.33566C55.7494 3.94896 58.8704 3.20927 61.2349 4.6926L62.8665 5.71625C64.8536 6.96283 67.4401 6.66052 69.086 4.9893L70.4377 3.61694Z" /></svg>');

  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 148"><path fill-rule="evenodd" clip-rule="evenodd"  d="M70.4377 3.61694C72.3963 1.62833 75.6037 1.62832 77.5623 3.61694L78.914 4.98929C80.5599 6.66051 83.1464 6.96283 85.1335 5.71625L86.7651 4.6926C89.1295 3.20927 92.2506 3.94896 93.6978 6.33566L94.6965 7.98272C95.9127 9.98849 98.3597 10.8791 100.581 10.1244L102.404 9.50463C105.047 8.60655 107.913 10.0461 108.771 12.7022L109.363 14.5352C110.084 16.7673 112.26 18.1983 114.595 17.9761L116.512 17.7936C119.291 17.5292 121.748 19.5909 121.97 22.3733L122.124 24.2934C122.31 26.6316 124.097 28.5258 126.421 28.8481L128.329 29.1127C131.093 29.4962 133.009 32.069 132.583 34.8276L132.29 36.7313C131.932 39.0495 133.234 41.3047 135.42 42.1542L137.216 42.8517C139.818 43.8625 141.088 46.8076 140.038 49.3937L139.313 51.1783C138.43 53.3516 139.177 55.8463 141.109 57.1771L142.695 58.2699C144.994 59.8534 145.551 63.0122 143.932 65.2863L142.816 66.8557C141.456 68.7669 141.607 71.3666 143.18 73.107L144.471 74.5361C146.342 76.607 146.156 79.8091 144.057 81.6487L142.608 82.9183C140.844 84.4643 140.392 87.0288 141.521 89.085L142.448 90.7734C143.791 93.2201 142.871 96.2928 140.405 97.5988L138.702 98.5C136.629 99.5975 135.598 101.989 136.222 104.25L136.735 106.106C137.478 108.797 135.874 111.575 133.172 112.277L131.308 112.761C129.038 113.351 127.483 115.44 127.569 117.784L127.639 119.709C127.742 122.498 125.541 124.831 122.75 124.891L120.824 124.932C118.479 124.983 116.484 126.657 116.028 128.957L115.652 130.847C115.109 133.584 112.429 135.347 109.7 134.762L107.816 134.358C105.523 133.866 103.196 135.035 102.221 137.168L101.42 138.92C100.26 141.459 97.2456 142.556 94.7249 141.357L92.9854 140.53C90.8671 139.522 88.3332 140.123 86.8924 141.974L85.7092 143.494C83.9947 145.696 80.8089 146.069 78.6327 144.321L77.1309 143.115C75.302 141.646 72.698 141.646 70.8691 143.115L69.3673 144.321C67.1911 146.068 64.0053 145.696 62.2908 143.494L61.1076 141.974C59.6668 140.123 57.1329 139.522 55.0146 140.53L53.2751 141.357C50.7545 142.556 47.7404 141.459 46.5801 138.92L45.7793 137.168C44.8042 135.035 42.4771 133.866 40.1835 134.358L38.3002 134.762C35.571 135.347 32.8912 133.584 32.3476 130.847L31.9724 128.957C31.5156 126.657 29.5207 124.983 27.1756 124.932L25.2498 124.891C22.4593 124.831 20.2582 122.498 20.3606 119.709L20.4313 117.784C20.5173 115.44 18.9623 113.351 16.692 112.761L14.8277 112.277C12.1262 111.575 10.5224 108.797 11.2653 106.106L11.778 104.25C12.4023 101.989 11.3709 99.5975 9.29781 98.5L7.59545 97.5988C5.12864 96.2928 4.20873 93.2201 5.55208 90.7734L6.47913 89.085C7.60807 87.0288 7.15587 84.4643 5.39177 82.9183L3.94315 81.6487C1.84402 79.8091 1.65752 76.607 3.52889 74.5361L4.82033 73.107C6.39302 71.3666 6.54444 68.7669 5.18443 66.8557L4.06763 65.2863C2.44933 63.0122 3.0063 59.8534 5.30481 58.2699L6.89102 57.1771C8.82268 55.8463 9.56954 53.3516 8.68694 51.1783L7.96218 49.3937C6.91196 46.8076 8.18237 43.8625 10.7841 42.8517L12.5796 42.1542C14.7661 41.3047 16.0681 39.0495 15.7105 36.7313L15.4168 34.8276C14.9913 32.069 16.9067 29.4962 19.6714 29.1127L21.5793 28.8481C23.9028 28.5258 25.6898 26.6316 25.8765 24.2934L26.0297 22.3733C26.2518 19.5909 28.7089 17.5292 31.4875 17.7936L33.4051 17.9761C35.7402 18.1983 37.9159 16.7673 38.6368 14.5352L39.2287 12.7022C40.0865 10.0461 42.9528 8.60655 45.5956 9.50463L47.4193 10.1244C49.6403 10.8791 52.0873 9.98849 53.3035 7.98273L54.3022 6.33566C55.7494 3.94896 58.8704 3.20927 61.2349 4.6926L62.8665 5.71625C64.8536 6.96283 67.4401 6.66052 69.086 4.9893L70.4377 3.61694Z" /></svg>');

  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: cover;
          mask-size: cover;

          max-width: 170px;
          color: var(--white);
          text-align: center;
          margin: 0 auto;
          padding: 20px;
          aspect-ratio: 1/1;
          border-radius: 50%;
          position: relative;


}

.topbonuslogo0 {

  position: relative;
  display: inline-block;
  aspect-ratio: 1/1;

}

.topbonuslogo0::before {

  content: " ";
  position: absolute;
  background: #fff;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 50%;

  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 148"><path fill-rule="evenodd" clip-rule="evenodd"  d="M70.4377 3.61694C72.3963 1.62833 75.6037 1.62832 77.5623 3.61694L78.914 4.98929C80.5599 6.66051 83.1464 6.96283 85.1335 5.71625L86.7651 4.6926C89.1295 3.20927 92.2506 3.94896 93.6978 6.33566L94.6965 7.98272C95.9127 9.98849 98.3597 10.8791 100.581 10.1244L102.404 9.50463C105.047 8.60655 107.913 10.0461 108.771 12.7022L109.363 14.5352C110.084 16.7673 112.26 18.1983 114.595 17.9761L116.512 17.7936C119.291 17.5292 121.748 19.5909 121.97 22.3733L122.124 24.2934C122.31 26.6316 124.097 28.5258 126.421 28.8481L128.329 29.1127C131.093 29.4962 133.009 32.069 132.583 34.8276L132.29 36.7313C131.932 39.0495 133.234 41.3047 135.42 42.1542L137.216 42.8517C139.818 43.8625 141.088 46.8076 140.038 49.3937L139.313 51.1783C138.43 53.3516 139.177 55.8463 141.109 57.1771L142.695 58.2699C144.994 59.8534 145.551 63.0122 143.932 65.2863L142.816 66.8557C141.456 68.7669 141.607 71.3666 143.18 73.107L144.471 74.5361C146.342 76.607 146.156 79.8091 144.057 81.6487L142.608 82.9183C140.844 84.4643 140.392 87.0288 141.521 89.085L142.448 90.7734C143.791 93.2201 142.871 96.2928 140.405 97.5988L138.702 98.5C136.629 99.5975 135.598 101.989 136.222 104.25L136.735 106.106C137.478 108.797 135.874 111.575 133.172 112.277L131.308 112.761C129.038 113.351 127.483 115.44 127.569 117.784L127.639 119.709C127.742 122.498 125.541 124.831 122.75 124.891L120.824 124.932C118.479 124.983 116.484 126.657 116.028 128.957L115.652 130.847C115.109 133.584 112.429 135.347 109.7 134.762L107.816 134.358C105.523 133.866 103.196 135.035 102.221 137.168L101.42 138.92C100.26 141.459 97.2456 142.556 94.7249 141.357L92.9854 140.53C90.8671 139.522 88.3332 140.123 86.8924 141.974L85.7092 143.494C83.9947 145.696 80.8089 146.069 78.6327 144.321L77.1309 143.115C75.302 141.646 72.698 141.646 70.8691 143.115L69.3673 144.321C67.1911 146.068 64.0053 145.696 62.2908 143.494L61.1076 141.974C59.6668 140.123 57.1329 139.522 55.0146 140.53L53.2751 141.357C50.7545 142.556 47.7404 141.459 46.5801 138.92L45.7793 137.168C44.8042 135.035 42.4771 133.866 40.1835 134.358L38.3002 134.762C35.571 135.347 32.8912 133.584 32.3476 130.847L31.9724 128.957C31.5156 126.657 29.5207 124.983 27.1756 124.932L25.2498 124.891C22.4593 124.831 20.2582 122.498 20.3606 119.709L20.4313 117.784C20.5173 115.44 18.9623 113.351 16.692 112.761L14.8277 112.277C12.1262 111.575 10.5224 108.797 11.2653 106.106L11.778 104.25C12.4023 101.989 11.3709 99.5975 9.29781 98.5L7.59545 97.5988C5.12864 96.2928 4.20873 93.2201 5.55208 90.7734L6.47913 89.085C7.60807 87.0288 7.15587 84.4643 5.39177 82.9183L3.94315 81.6487C1.84402 79.8091 1.65752 76.607 3.52889 74.5361L4.82033 73.107C6.39302 71.3666 6.54444 68.7669 5.18443 66.8557L4.06763 65.2863C2.44933 63.0122 3.0063 59.8534 5.30481 58.2699L6.89102 57.1771C8.82268 55.8463 9.56954 53.3516 8.68694 51.1783L7.96218 49.3937C6.91196 46.8076 8.18237 43.8625 10.7841 42.8517L12.5796 42.1542C14.7661 41.3047 16.0681 39.0495 15.7105 36.7313L15.4168 34.8276C14.9913 32.069 16.9067 29.4962 19.6714 29.1127L21.5793 28.8481C23.9028 28.5258 25.6898 26.6316 25.8765 24.2934L26.0297 22.3733C26.2518 19.5909 28.7089 17.5292 31.4875 17.7936L33.4051 17.9761C35.7402 18.1983 37.9159 16.7673 38.6368 14.5352L39.2287 12.7022C40.0865 10.0461 42.9528 8.60655 45.5956 9.50463L47.4193 10.1244C49.6403 10.8791 52.0873 9.98849 53.3035 7.98273L54.3022 6.33566C55.7494 3.94896 58.8704 3.20927 61.2349 4.6926L62.8665 5.71625C64.8536 6.96283 67.4401 6.66052 69.086 4.9893L70.4377 3.61694Z" /></svg>');

  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 148"><path fill-rule="evenodd" clip-rule="evenodd"  d="M70.4377 3.61694C72.3963 1.62833 75.6037 1.62832 77.5623 3.61694L78.914 4.98929C80.5599 6.66051 83.1464 6.96283 85.1335 5.71625L86.7651 4.6926C89.1295 3.20927 92.2506 3.94896 93.6978 6.33566L94.6965 7.98272C95.9127 9.98849 98.3597 10.8791 100.581 10.1244L102.404 9.50463C105.047 8.60655 107.913 10.0461 108.771 12.7022L109.363 14.5352C110.084 16.7673 112.26 18.1983 114.595 17.9761L116.512 17.7936C119.291 17.5292 121.748 19.5909 121.97 22.3733L122.124 24.2934C122.31 26.6316 124.097 28.5258 126.421 28.8481L128.329 29.1127C131.093 29.4962 133.009 32.069 132.583 34.8276L132.29 36.7313C131.932 39.0495 133.234 41.3047 135.42 42.1542L137.216 42.8517C139.818 43.8625 141.088 46.8076 140.038 49.3937L139.313 51.1783C138.43 53.3516 139.177 55.8463 141.109 57.1771L142.695 58.2699C144.994 59.8534 145.551 63.0122 143.932 65.2863L142.816 66.8557C141.456 68.7669 141.607 71.3666 143.18 73.107L144.471 74.5361C146.342 76.607 146.156 79.8091 144.057 81.6487L142.608 82.9183C140.844 84.4643 140.392 87.0288 141.521 89.085L142.448 90.7734C143.791 93.2201 142.871 96.2928 140.405 97.5988L138.702 98.5C136.629 99.5975 135.598 101.989 136.222 104.25L136.735 106.106C137.478 108.797 135.874 111.575 133.172 112.277L131.308 112.761C129.038 113.351 127.483 115.44 127.569 117.784L127.639 119.709C127.742 122.498 125.541 124.831 122.75 124.891L120.824 124.932C118.479 124.983 116.484 126.657 116.028 128.957L115.652 130.847C115.109 133.584 112.429 135.347 109.7 134.762L107.816 134.358C105.523 133.866 103.196 135.035 102.221 137.168L101.42 138.92C100.26 141.459 97.2456 142.556 94.7249 141.357L92.9854 140.53C90.8671 139.522 88.3332 140.123 86.8924 141.974L85.7092 143.494C83.9947 145.696 80.8089 146.069 78.6327 144.321L77.1309 143.115C75.302 141.646 72.698 141.646 70.8691 143.115L69.3673 144.321C67.1911 146.068 64.0053 145.696 62.2908 143.494L61.1076 141.974C59.6668 140.123 57.1329 139.522 55.0146 140.53L53.2751 141.357C50.7545 142.556 47.7404 141.459 46.5801 138.92L45.7793 137.168C44.8042 135.035 42.4771 133.866 40.1835 134.358L38.3002 134.762C35.571 135.347 32.8912 133.584 32.3476 130.847L31.9724 128.957C31.5156 126.657 29.5207 124.983 27.1756 124.932L25.2498 124.891C22.4593 124.831 20.2582 122.498 20.3606 119.709L20.4313 117.784C20.5173 115.44 18.9623 113.351 16.692 112.761L14.8277 112.277C12.1262 111.575 10.5224 108.797 11.2653 106.106L11.778 104.25C12.4023 101.989 11.3709 99.5975 9.29781 98.5L7.59545 97.5988C5.12864 96.2928 4.20873 93.2201 5.55208 90.7734L6.47913 89.085C7.60807 87.0288 7.15587 84.4643 5.39177 82.9183L3.94315 81.6487C1.84402 79.8091 1.65752 76.607 3.52889 74.5361L4.82033 73.107C6.39302 71.3666 6.54444 68.7669 5.18443 66.8557L4.06763 65.2863C2.44933 63.0122 3.0063 59.8534 5.30481 58.2699L6.89102 57.1771C8.82268 55.8463 9.56954 53.3516 8.68694 51.1783L7.96218 49.3937C6.91196 46.8076 8.18237 43.8625 10.7841 42.8517L12.5796 42.1542C14.7661 41.3047 16.0681 39.0495 15.7105 36.7313L15.4168 34.8276C14.9913 32.069 16.9067 29.4962 19.6714 29.1127L21.5793 28.8481C23.9028 28.5258 25.6898 26.6316 25.8765 24.2934L26.0297 22.3733C26.2518 19.5909 28.7089 17.5292 31.4875 17.7936L33.4051 17.9761C35.7402 18.1983 37.9159 16.7673 38.6368 14.5352L39.2287 12.7022C40.0865 10.0461 42.9528 8.60655 45.5956 9.50463L47.4193 10.1244C49.6403 10.8791 52.0873 9.98849 53.3035 7.98273L54.3022 6.33566C55.7494 3.94896 58.8704 3.20927 61.2349 4.6926L62.8665 5.71625C64.8536 6.96283 67.4401 6.66052 69.086 4.9893L70.4377 3.61694Z" /></svg>');

  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: cover;
          mask-size: cover;

}

.color-1 .topbonuslogo0::before {

  background: #FFFAD6;

}

.color-2 .topbonuslogo0::before {

  background: #F7EEFF;

}

.color-3 .topbonuslogo0::before {

  background: #DDFFF5;

}



.topbonuslogo img {

  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 100px;

}

.pricing-card-items-3 .theme-btn {

  font-size: 1.4em;

}

@media (max-width: 1199px) {
  .pricing-card-items-3 .theme-btn {

    font-size: 1.2em;

  }
}




.pricing-card-items-3 .pricing-header {
  border-bottom: 1px dashed rgba(10, 3, 31, 0.44);
}

.pricing-card-items-3 .pricing-header h3.deal-1 {
  margin-bottom: 5px;
  background: #fff18d;
  padding: .3em .5em;
  line-height: 1.4;
  display: inline-block;
  font-size: 1.4em;
}

.pricing-card-items-3.color-2 .pricing-header h3.deal-1 {
  background: #e8ceff;
}

.pricing-card-items-3.color-3 .pricing-header h3.deal-1 {
  background: #8eedd1;
}

.pricing-card-items-3 .pricing-header h2.deal-2 {
  font-size: 2em;
  margin-top: 5px;
}

.pricing-card-items-3 p {
  margin-top: 20px;
  margin-bottom: 30px;
}


.tctxt p {

  font-size: .7em;
  line-height: 1.4;
  text-align: left;
  margin: 0;

}


.vip-value {

  background: #ffd10c;
  color: #111;
  position: absolute;
  top: 100px;
  right: 10px;
  padding: .5em .5em;
  line-height: 1;
  font-weight: bold;
  font-size: .7em;
  border-radius: 8px;

}

.vip-value.style-2 {

  top: 10px;
  right: 10px;

}


.numbadge {

  background: #333;
  color: #fff;
  position: absolute;
  top: 100px;
  left: 10px;
  padding: .5em 1em;
  line-height: 1;
  font-weight: bold;
  font-size: .7em;
  border-radius: 8px;

}

.numbadge.style-2 {

  top: 10px;
  left: 10px;

}

.pricing-card-items-3.color-2::before {
  background-color: #F7EEFF;
}

.pricing-card-items-3.color-2 .icon {
  background-color: #FFA762;
}

.pricing-card-items-3.color-2 .theme-btn {
  background-color: #FFA762;
}

.pricing-card-items-3.color-2 .theme-btn i {
  background-color: var(--white);
  color: var(--header);
}

.pricing-card-items-3.color-3::before {
  background-color: #DDFFF5;
}

.pricing-card-items-3.color-3 .icon {
  background-color: #62ABFF;
}

.pricing-card-items-3.color-3 .theme-btn {
  background-color: #62ABFF;
}

.pricing-card-items-3.color-3 .theme-btn i {
  background-color: var(--white);
  color: var(--header);
}

.pricing-section-3 {
  position: relative;
}

.pricing-section-3::before {
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 86%;
  background-image: url(../img/pricing/pricing-bg-3.png);
  content: "";
}

.pricing-box-items-4 {
  border-radius:20px;
  border: 1px solid rgba(10, 3, 31, 0.12);
  padding: 35px;
  transition: all .5s ease;
  background: #fff;
}

.pricing-box-items-4:hover {

  border-color:#A8A0F6;

}

@media (max-width: 1199px) {
  .pricing-box-items-4 {
    padding: 25px;
  }
}

.pricing-box-items-4 .pricing-header .icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #0A031F1F;
  padding-bottom: 18px;
}

.pricing-box-items-4 .pricing-header .icon-box .icon {
  font-size: 56px;
  color: #FF94FF;
}

.pricing-box-items-4 .pricing-header h2 {
  font-size: 56px;
  font-weight: 400;
  margin-top: 20px;
}

@media (max-width: 991px) {
  .pricing-box-items-4 .pricing-header h2 {
    font-size: 45px;
  }
}

@media (max-width: 575px) {
  .pricing-box-items-4 .pricing-header h2 {
    font-size: 38px;
  }
}

.pricing-box-items-4 .pricing-header h2 sub {
  font-size: 16px;
  font-weight: 400;
  color: #4E5154;
  font-family: "DM Sans", sans-serif;
}

.pricing-box-items-4 .theme-btn {
  background-color: #FF94FF;
  margin-top: 30px;
  width: 100%;
  padding: 20px 30px;
}

.pricing-box-items-4 .theme-btn i {
  color: #FF94FF;
  position: absolute;
  right: 9px;
  top: 9px;
  bottom: 9px;
}

.pricing-box-items-4 .theme-btn:hover i {
  background-color: #FF94FF;
  color: #0A031F;
}




.pricing-box-items-4 h4 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 25px;
}

.pricing-box-items-4 .pricing-list {
  margin-top: 20px;
}

.pricing-box-items-4 .pricing-list li {
  font-size: 16px;
  font-weight: 500;
  color: #0A031F;
  font-family: "DM Sans", sans-serif;
  position: relative;
  padding-left: 20px;
}

.pricing-box-items-4 .pricing-list li:not(:last-child) {
  margin-bottom: 10px;
}

.pricing-box-items-4 .pricing-list li del {
  color: #0A031F70;
}

.pricing-box-items-4 .pricing-list li::before {
  position: absolute;
  top: 11px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #0A031F;
  content: "";
  border-radius: 6px;
}

.pricing-box-items-4.active i {
  color: #FFC394;
}

.pricing-box-items-4.active .theme-btn {
  background-color: #FFC394;
}

.pricing-box-items-4.active .theme-btn i {
  color: #FFC394;
}

.pricing-box-items-4.active .theme-btn:hover i {
  background-color: #FFC394;
  color: #0A031F;
}

.pricing-box-items-4.active-2 i {
  color: #62ABFF;
}

.pricing-box-items-4.active-2 .theme-btn {
  background-color: #A8A0F6;
}

.pricing-box-items-4.active-2 .theme-btn i {
  color: #A8A0F6;
}

.pricing-box-items-4.active-2 .theme-btn:hover i {
  background-color: #A8A0F6;
  color: #0A031F;
}

::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px var(--header);
          box-shadow: inset 0 0 5px var(--header);
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--theme-color-2);
  border-radius: 10px;
}

.fix {
  overflow: hidden;
}

.ralt {
  position: relative;
}

.ripple {
  position: relative;
}

.ripple::before, .ripple::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
  -webkit-animation: rippleOne 3s infinite;
          animation: rippleOne 3s infinite;
}

.ripple::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.ripple::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.swiper-dot {
  text-align: center;
  margin-top: 60px;
}

.swiper-dot .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  background: transparent;
  border: 1px solid var(--header);
  opacity: 1;
  border-radius: 50%;
}

.swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 10px;
}

.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #62abff;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  position: relative;
  border: 1px solid #62abff;
}

.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  width: 26px;
  height: 26px;
  line-height: 26px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #62abff;
  content: "";
}

.swiper-dot3 {
  text-align: center;
}

.swiper-dot3 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  background-color: var(--header);
  border: 1px solid var(--text);
  border-radius: 0;
  opacity: 1;
  position: relative;
}

.swiper-dot3 .swiper-pagination-bullet:not(:last-child) {
  margin-right: 15px;
}

.swiper-dot3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
  -webkit-transition: 0.6s;
  transition: 0.6s;
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 0;
}

.swiper-dot3 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid var(--theme-color);
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.array-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}

.array-buttons .array-prev {
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid #0a031f;
  color: var(--header);
  transition: all 0.4s ease-in-out;
}

.array-buttons .array-prev:hover {
  background-color: var(--theme-color);
  color: var(--white);
  border: 1px solid var(--theme-color);
}

.array-buttons .array-next {
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 50%;
  background-color: #A0FFC2;
  color: var(--header);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.array-buttons .array-next:hover {
  background-color: var(--header);
  color: var(--white);
}

@media (max-width: 575px) {
  br {
    display: none;
  }
}

/* background */
.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
}

.sticky-style {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 100px;
}

.box-shadow {
  -webkit-box-shadow: var(---box-shadow);
          box-shadow: var(---box-shadow);
}

.slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.brand-slide-element {
  width: auto;
  display: inline-block;
}

.custom-container {
  max-width: 1637px;
  margin: 0 auto;
}

.team-wrapper .team-content {
  margin-top: 30px;
  margin-right: 40px;
}

@media (max-width: 1199px) {
  .team-wrapper .team-content {
    margin-right: 0;
  }
}

.team-wrapper .team-content .name-list {
  margin-top: 30px;
}

.team-wrapper .team-content .name-list li {
  font-size: 24px;
  font-weight: 400;
  font-family: "Anton", sans-serif;
}

.team-wrapper .team-content .name-list li:not(:last-child) {
  margin-bottom: 20px;
}

.team-wrapper .team-content .name-list li a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}

.team-wrapper .team-content .name-list li a:hover {
  color: var(--theme-color-2);
  background-size: 100% 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color-2)), to(var(--theme-color-2)));
  background-image: linear-gradient(180deg, var(--theme-color-2) 0%, var(--theme-color-2) 100%);
}

.team-wrapper .team-content .name-list li span {
  color: #4E5154;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  padding-left: 15px;
}

.team-wrapper .team-content h3 {
  font-size: 42px;
  font-weight: 400;
  border-bottom: 3px solid #FFC394;
  padding-bottom: 20px;
}

.team-wrapper .team-card-items {
  margin-top: 30px;
}

.team-wrapper .team-card-items .team-image {
  position: relative;
  overflow: hidden;
}

.team-wrapper .team-card-items .team-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-wrapper .team-card-items .team-image .social-icon {
  padding: 18px 15px;
  border: 2px solid var(--black);
  background: #F7CFFF;
  position: absolute;
  right: -110px;
  bottom: 110px;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
}

.team-wrapper .team-card-items .team-image .social-icon li:not(:last-child) {
  margin-bottom: 7px;
}

.team-wrapper .team-card-items .team-image .social-icon li a {
  color: #af49e5;
  display: block;
}

.team-wrapper .team-image.hovered .social-icon {
  opacity: 1;
  visibility: visible;
  right: -5px;
}

.team-wrapper .team-image.hovered img {
  border-radius: 50%;
}

.team-section .container-fluid {
  padding: 0 120px;
}

@media (max-width: 1600px) {
  .team-section .container-fluid {
    padding: 0 50px;
  }
}

@media (max-width: 1399px) {
  .team-section .container-fluid {
    padding: 0 40px;
  }
}

@media (max-width: 1199px) {
  .team-section .container-fluid {
    padding: 0 30px;
  }
}

@media (max-width: 1199px) {
  .team-section .shape-image {
    display: none;
  }
}

.speakar-card-item {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .speakar-card-item {
    margin-top: 30px;
  }
}

.speakar-card-item .speakar-image {
  position: relative;
  overflow: hidden;
  z-index: 9;
  max-width: 325px;
  margin: 0 auto;
}

.speakar-card-item .speakar-image img {
  width: 100%;
  height: 100%;
}

.speakar-card-item .speakar-image .glow-shape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.speakar-card-item .speakar-image .speakar-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 25px;
  position: absolute;
  left: 30px;
  right: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.speakar-card-item .speakar-image .speakar-social li a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: var(--white);
  display: inline-block;
}

.speakar-card-item .speakar-image .speakar-social li a:hover {
  background-color: #FF94FF;
  color: #fff;
}

.speakar-card-item .speakar-content {
  padding: 22px 20px;
  border-radius: 4px;
  background-color: var(--white);
  margin-top: -2px;
  z-index: 10;
  position: relative;
  margin: -2px auto 0;
  text-align: center;
  max-width: 300px;
}

.speakar-card-item .speakar-content h3 a:hover {
  color: #FF94FF;
}

.speakar-card-item:hover .speakar-image .speakar-social {
  opacity: 1;
  visibility: visible;
}

.speaker-card-items .speaker-image {
  position: relative;
}

.speaker-card-items .speaker-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(63, 31, 159, 0.84);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 575px) {
  .speaker-card-items .speaker-image {
    height: 300px;
  }
  .speaker-card-items .speaker-image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.speaker-card-items .speaker-image img {
  width: 100%;
  height: 100%;
}

.speaker-card-items .speaker-image .social-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  position: absolute;
  top: 20px;
  left: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.speaker-card-items .speaker-image .social-icon a i {
  color: var(--white);
  font-size: 20px;
}

.speaker-card-items .speaker-image .speaker-content {
  position: absolute;
  left: 20px;
  bottom: -50px;
  right: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 1600px) {
  .speaker-card-items .speaker-image .speaker-content {
    bottom: -70px;
  }
}

@media (max-width: 1399px) {
  .speaker-card-items .speaker-image .speaker-content {
    bottom: -50px;
  }
}

@media (max-width: 767px) {
  .speaker-card-items .speaker-image .speaker-content {
    bottom: -50px;
  }
}

@media (max-width: 575px) {
  .speaker-card-items .speaker-image .speaker-content {
    bottom: -80px;
  }
}

.speaker-card-items .speaker-image .speaker-content span {
  color: #A0FFC2;
}

.speaker-card-items .speaker-image .speaker-content h3 a {
  color: var(--white);
}

.speaker-card-items .speaker-image .speaker-content h3 a:hover {
  color: #FF94FF;
}

.speaker-card-items .speaker-image .speaker-content p {
  max-width: 324px;
  color: var(--white);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin-top: 5px;
}

.speaker-card-items:hover .speaker-image::before {
  opacity: 1;
  visibility: visible;
}

.speaker-card-items:hover .speaker-image .social-icon {
  opacity: 1;
  visibility: visible;
}

.speaker-card-items:hover .speaker-image .speaker-content {
  bottom: 20px;
}

.speaker-card-items:hover .speaker-image .speaker-content p {
  opacity: 1;
  visibility: visible;
}

.team-title:hover + .team-image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  /* Zoom kore 10% */
}

.team-items {
  text-align: center;
  margin-top: 30px;
}

.team-items .team-img {
  position: relative;
  overflow: hidden;
}

.team-items .team-img img {
  width: 100%;
  height: 100%;
}

.team-items .team-img .social-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: absolute;
  left: 50%;
  bottom: -80px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-items .team-img .social-icon a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: var(--white);
  color: var(--header);
  display: inline-block;
  border-radius: 3px;
}

.team-items .team-img .social-icon a:hover {
  background-color: #FF94FF;
  color: var(--white);
}

.team-items .team-content {
  margin-top: 20px;
  text-align: center;
}

.team-items .team-content p {
  font-family: "DM Sans", sans-serif;
  color: #FF94FF;
  font-size: 16px;
  font-weight: 400;
}

.team-items .team-content h3 {
  font-size: 28px;
  font-weight: 400;
}

.team-items .team-content h3 a:hover {
  color: #FF94FF;
}

.team-items:hover .team-img .social-icon {
  opacity: 1;
  visibility: visible;
  bottom: 80px;
}

.faq-wrapper.style-top {
  margin-top: 30px;
}

.faq-wrapper .faq-image {
  margin-right: 70px;
  max-width: 644px;
}

@media (max-width: 1399px) {
  .faq-wrapper .faq-image {
    margin-right: 0;
  }
}

.faq-wrapper .faq-image img {
  width: 100%;
  height: 100%;
}

.faq-wrapper .faq-image.style-inner {
  margin-left: 70px;
  margin-right: 0;
}

@media (max-width: 1399px) {
  .faq-wrapper .faq-image.style-inner {
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .faq-items.style-2 {
    margin-top: 30px;
  }
}

.faq-items .accordion-item {
  border: 0;
  background-color: var(--white);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.faq-items .accordion-item .accordion-header {
  border: none;
}

.faq-items .accordion-item .accordion-header .accordion-button {
  font-size: 20px;
  font-weight: 400;
  color: var(--header);
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: var(--white);
  padding: 22px 22px 0;
  text-transform: capitalize;
}

.faq-items .accordion-item .accordion-header .accordion-button::after {
  content: "\f078";
  background: transparent;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  color: var(--header);
}

.faq-items .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "\f077";
  background: transparent;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  color: var(--header);
}

.faq-items .accordion-item .accordion-header .accordion-button.collapsed {
  background-color: transparent;
  padding: 25px 30px;
  color: var(--header);
}

.faq-items .accordion-item .accordion-collapse .accordion-body {
  padding-left: 22px;
  padding-top: 15px;
  color: #504E4E;
  background: var(--white);
}

.faq-items .accordion-item.style-3 .accordion-header .accordion-button {
  padding-left: 35px;
}

.faq-items .accordion-item.style-3 .accordion-body {
  padding-right: 90px;
  padding-left: 35px;
}

.faq-section-3 {
  margin: 0 100px;
}

@media (max-width: 1600px) {
  .faq-section-3 {
    margin: 0 50px;
  }
}

@media (max-width: 1399px) {
  .faq-section-3 {
    margin: 0 40px;
  }
}

@media (max-width: 1199px) {
  .faq-section-3 {
    margin: 0 0;
  }
}

.counter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1199px) {
  .counter-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}

.counter-wrapper .counter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

.counter-wrapper .counter-item .icon {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: var(--header);
  text-align: center;
  background-color: #ddfff5;
}

.counter-wrapper .counter-item .icon img {

  height: 66px;

}

.counter-wrapper .counter-item .icon.bg-2 {
  background-color: #f7eeff;
}

.counter-wrapper .counter-item .icon.bg-3 {
  background-color: #fffad6;
}

.counter-wrapper .counter-item .content h2 {
  margin-bottom: 10px;
  color: #fff;
}

@media (max-width: 767px) {
  .counter-wrapper .counter-item .content h2 {
    font-size: 50px;
  }
}

.counter-wrapper .counter-item .content p {
  font-size: 24px;
  color: #fff;
  font-family: "Anton", sans-serif;
}

.vedio-wrapper {
  padding: 280px 0;
  text-align: center;
  position: relative;
}

@media (max-width: 1399px) {
  .vedio-wrapper {
    padding: 190px 0;
  }
}

@media (max-width: 767px) {
  .vedio-wrapper {
    padding: 150px 0;
  }
}

@media (max-width: 575px) {
  .vedio-wrapper {
    padding: 120px 0;
  }
}

.vedio-wrapper .video {
  position: relative;
}

.vedio-wrapper .video .circle-shape {
  position: relative;
}

.vedio-wrapper .video .circle-shape .video-btn {
  color: #ACAAFF;
  display: inline-block;
  font-size: 24px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  z-index: 999;
}

.vedio-wrapper .video .circle-shape .circle-image {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
}

.vedio-wrapper .video .circle-shape .circle-image img {
  -webkit-animation: cir36 10s linear infinite;
          animation: cir36 10s linear infinite;
}

.vedio-bg-section {
  background-attachment: fixed;
}

.video-image {
  position: relative;
  margin-top: 30px;
}

.video-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.video-image .video-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 92px;
  height: 92px;
  line-height: 92px;
  text-align: center;
  border-radius: 100%;
  background-color: var(--white);
  border: 1px solid var(--header);
  color: var(--header);
}

.video-section {
  position: relative;
}

.video-section .left-image-1 {
  position: absolute;
  top: 255px;
  left: 40px;
}

@media (max-width: 1199px) {
  .video-section .left-image-1 {
    display: none;
  }
}

.video-section .left-image-1 img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.video-section .left-image-2 {
  position: absolute;
  bottom: 125px;
  left: 200px;
}

@media (max-width: 1199px) {
  .video-section .left-image-2 {
    display: none;
  }
}

.video-section .left-image-2 img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.video-section .right-image {
  position: absolute;
  top: 290px;
  right: 70px;
}

@media (max-width: 1199px) {
  .video-section .right-image {
    display: none;
  }
}

.video-section .right-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.video-section .shape-image {
  position: absolute;
  bottom: 150px;
  right: 260px;
}

@media (max-width: 1199px) {
  .video-section .shape-image {
    display: none;
  }
}

.video-section .shape-image img {
  -webkit-animation: cir36 10s linear infinite;
          animation: cir36 10s linear infinite;
}

.video-section .top-shape {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
}

@media (max-width: 1199px) {
  .video-section .top-shape {
    display: none;
  }
}

.cta-wrapper {
  padding: 100px 30px;
  border-radius: 12px;
  background-color: var(--theme-color);
  position: relative;
  z-index: 9;
}

@media (max-width: 767px) {
  .cta-wrapper {
    padding: 40px 30px;
  }
}

.cta-wrapper .shape-image {
  position: absolute;
  top: 90px;
  left: 190px;
}

@media (max-width: 991px) {
  .cta-wrapper .shape-image {
    display: none;
  }
}

.cta-wrapper .cta-image {
  position: absolute;
  right: 60px;
  top: 80px;
}

@media (max-width: 991px) {
  .cta-wrapper .cta-image {
    display: none;
  }
}

.cta-wrapper .cta-image img {
  width: 100%;
  height: 100%;
}

.cta-wrapper .cta-item {
  text-align: center;
  position: relative;
  z-index: 99;
  max-width: 870px;
  margin: 0 auto;
}

.cta-wrapper .cta-item .search-widget {
  position: relative;
  max-width: 872px;
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .cta-wrapper .cta-item .search-widget {
    margin-top: 30px;
  }
}

.cta-wrapper .cta-item .search-widget input {
  width: 100%;
  border: none;
  background-color: var(--white);
  position: relative;
  font-size: 15px;
  font-weight: 500;
  padding: 25px 30px;
  color: var(--text);
  border-radius: 40px;
  text-transform: capitalize;
  padding: 28px 30px;
  line-height: 1;
}

@media (max-width: 575px) {
  .cta-wrapper .cta-item .search-widget input {
    font-size: 16px;
    padding: 22px 30px;
  }
}

.cta-wrapper .cta-item .search-widget input::-webkit-input-placeholder {
  color: var(--text);
}

.cta-wrapper .cta-item .search-widget input:-ms-input-placeholder {
  color: var(--text);
}

.cta-wrapper .cta-item .search-widget input::-ms-input-placeholder {
  color: var(--text);
}

.cta-wrapper .cta-item .search-widget input::placeholder {
  color: var(--text);
}

.cta-wrapper .cta-item .search-widget button {
  position: absolute;
  right: 8px;
  top: 8px;
  bottom: 8px;
}

@media (max-width: 575px) {
  .cta-wrapper .cta-item .search-widget button {
    position: static;
    width: 100%;
    margin-top: 10px;
  }
}

.cta-wrapper .cta-item .search-widget button.theme-btn {
  padding: 10px 24px;
  background: #ffa762;
  padding-right: 8px;
}

@media (max-width: 575px) {
  .cta-wrapper .cta-item .search-widget button.theme-btn {
    padding: 24px 24px;
    position: relative;
  }
}

.cta-wrapper .cta-item .search-widget button.theme-btn i {
  color: var(--header);
  background-color: var(--white);
}

@media (max-width: 575px) {
  .cta-wrapper .cta-item .search-widget button.theme-btn i {
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
  }
}

.cta-section {
  margin-bottom: -158px;
  position: relative;
  z-index: 99;
}

.vedio-wrapper-2 {
  border-radius: 10px;
}

.vedio-wrapper-2 .video {
  padding: 280px 0;
  text-align: center;
}

@media (max-width: 1199px) {
  .vedio-wrapper-2 .video {
    padding: 190px 0;
  }
}

@media (max-width: 991px) {
  .vedio-wrapper-2 .video {
    padding: 160px 0;
  }
}

@media (max-width: 767px) {
  .vedio-wrapper-2 .video {
    padding: 130px 0;
  }
}

@media (max-width: 575px) {
  .vedio-wrapper-2 .video {
    padding: 100px 0;
  }
}

.vedio-wrapper-2 .video .video-btn {
  text-align: center;
  margin: 0 auto;
  width: 125px;
  height: 125px;
  line-height: 125px;
  text-align: center;
  border-radius: 100%;
  background-color: var(--theme-color-2);
  border: 1px solid var(--white);
  display: inline-block;
  color: var(--white);
  font-size: 24px;
}

@media (max-width: 767px) {
  .vedio-wrapper-2 .video .video-btn {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}

.vedio-bg-section-2 .container-fluid {
  padding: 0 90px;
}

@media (max-width: 1199px) {
  .vedio-bg-section-2 .container-fluid {
    padding: 0 60px;
  }
}

@media (max-width: 991px) {
  .vedio-bg-section-2 .container-fluid {
    padding: 0 50px;
  }
}

@media (max-width: 767px) {
  .vedio-bg-section-2 .container-fluid {
    padding: 0 40px;
  }
}

@media (max-width: 575px) {
  .vedio-bg-section-2 .container-fluid {
    padding: 0 30px;
  }
}

.cta-bg-wrapper {
  position: relative;
  padding: 90px 100px;
  border-radius: 12px;
}

@media (max-width: 1199px) {
  .cta-bg-wrapper {
    padding: 80px 60px;
  }
}

@media (max-width: 991px) {
  .cta-bg-wrapper {
    padding: 70px 50px;
  }
}

@media (max-width: 767px) {
  .cta-bg-wrapper {
    padding: 60px 40px;
  }
}

@media (max-width: 575px) {
  .cta-bg-wrapper {
    padding: 50px 30px;
  }
}

.cta-bg-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 12px;
  background: linear-gradient(88deg, rgba(10, 3, 31, 0.33) 10.95%, rgba(10, 3, 31, 0) 98.63%);
}

.cta-bg-wrapper .cta-content {
  position: relative;
}

.cta-bg-wrapper .cta-content .theme-btn {
  margin-top: 30px;
}

.cta-section-2 {
  position: relative;
}

.cta-section-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #FFFAD6;
  top: -50%;
}

.instagram-wrapper {
  padding: 20px 0;
  background: #F8EBFF;
  margin-right: -50px;
  margin-left: -50px;
}

.instagram-wrapper .instagram-banner-items .banner-image {
  position: relative;
}

.instagram-wrapper .instagram-banner-items .banner-image img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.instagram-wrapper .instagram-banner-items .banner-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: rgba(255, 184, 76, 0.85);
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  z-index: 1;
}

.instagram-wrapper .instagram-banner-items .banner-image .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99;
  color: var(--white);
  opacity: 0;
  font-size: 30px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.instagram-wrapper .instagram-banner-items:hover .banner-image::before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: top center;
          transform-origin: top center;
}

.instagram-wrapper .instagram-banner-items:hover .banner-image .icon {
  opacity: 1;
}

.cta-wrapper-2 {
  padding: 60px 100px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 120px;
}

@media (max-width: 1399px) {
  .cta-wrapper-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding: 40px 40px;
  }
}

@media (max-width: 1199px) {
  .cta-wrapper-2 {
    margin-top: 100px;
  }
}

@media (max-width: 991px) {
  .cta-wrapper-2 {
    margin-top: 80px;
  }
}

.cta-wrapper-2 .cta-image img {
  width: 100%;
  height: 100%;
}

.cta-wrapper-2 .cta-content {
  max-width: 500px;
  width: 100%;
}

.cta-wrapper-2 .cta-content h3 {
  font-size: 32px;
  color: var(--white);
}

.cta-wrapper-2 .cta-content .search-widget {
  position: relative;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

.cta-wrapper-2 .cta-content .search-widget input {
  width: 100%;
  border: none;
  background-color: var(--white);
  position: relative;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 30px;
  color: var(--text);
  border-radius: 40px;
  text-transform: capitalize;
  max-width: 500px;
}

@media (max-width: 575px) {
  .cta-wrapper-2 .cta-content .search-widget input {
    font-size: 16px;
  }
}

.cta-wrapper-2 .cta-content .search-widget input::-webkit-input-placeholder {
  color: var(--text);
}

.cta-wrapper-2 .cta-content .search-widget input:-ms-input-placeholder {
  color: var(--text);
}

.cta-wrapper-2 .cta-content .search-widget input::-ms-input-placeholder {
  color: var(--text);
}

.cta-wrapper-2 .cta-content .search-widget input::placeholder {
  color: var(--text);
}

.cta-wrapper-2 .cta-content .search-widget button {
  position: absolute;
  right: 8px;
  top: 7px;
}

.cta-wrapper-2 .cta-content .search-widget button.icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
  text-align: center;
  background-color: #FFA762;
}

.cta-wrapper-2 .cta-content p {
  color: var(--white);
}

.cta-wrapper-3 {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1199px) {
  .cta-wrapper-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

@media (max-width: 1199px) {
  .cta-wrapper-3 .section-title {
    text-align: left;
  }
}

.cta-wrapper-3 .cta-content h2 {
  font-size: 64px;
  color: var(--white);
}

@media (max-width: 1199px) {
  .cta-wrapper-3 .cta-content h2 {
    font-size: 60px;
  }
}

@media (max-width: 767px) {
  .cta-wrapper-3 .cta-content h2 {
    font-size: 52px;
    line-height: 140%;
  }
}

@media (max-width: 575px) {
  .cta-wrapper-3 .cta-content h2 {
    font-size: 44px;
  }
}

.cta-wrapper-3 .cta-content p {
  font-size: 18px;
  color: var(--white);
  max-width: 702px;
  margin-top: 30px;
}

.cta-wrapper-3 .circle-box {
  width: 151px;
  min-width: 151px;
  height: 151px;
  text-align: center;
  border-radius: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  background-color: #A0FFC2;
  font-size: 16px;
  font-weight: 700;
  color: var(--header);
  position: relative;
  font-family: "DM Sans", sans-serif;
}

@media (max-width: 767px) {
  .cta-wrapper-3 .circle-box {
    width: 120px;
    min-width: 120px;
    height: 120px;
  }
}

.cta-wrapper-3 .circle-box span {
  position: relative;
  z-index: 9;
}

.cta-wrapper-3 .circle-box span .icon {
  display: block;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.cta-wrapper-3 .circle-box::before {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background: #0a031f;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 0;
  opacity: 0;
}

.cta-wrapper-3 .circle-box::after {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  content: "";
  background: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 1.8s;
  transition: all 1.8s;
  z-index: 0;
  opacity: 0;
}

.cta-wrapper-3 .circle-box:hover::before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.cta-wrapper-3 .circle-box:hover::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.cta-wrapper-3 .circle-box:hover span {
  color: var(--header);
}

.cta-wrapper-3 .cta-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

@media (max-width: 1199px) {
  .cta-wrapper-3 .cta-right {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.cta-wrapper-3 .cta-right .icon-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
}

.cta-wrapper-3 .cta-right .icon-items .icon {
  width: 72px;
  height: 72px;
  line-height: 82px;
  border-radius: 50%;
  font-size: 30px;
  color: var(--header);
  background-color: #FFC394;
  text-align: center;
}

.cta-wrapper-3 .cta-right .icon-items .content span {
  color: var(--white);
  display: inline-block;
  margin-bottom: 5px;
}

.cta-wrapper-3 .cta-right .icon-items .content h5 {
  font-size: 22px;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}

.cta-wrapper-3 .cta-right .icon-items .content h5 a {
  color: var(--white);
}

.testimonial-wrapper {
  margin-top: 30px;
  margin-left: -13%;
  margin-right: -18%;
}

@media (max-width: 1600px) {
  .testimonial-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

.testimonial-wrapper .testimonial-main-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1600px) {
  .testimonial-wrapper .testimonial-main-item {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 1600px) {
  .testimonial-wrapper .testimonial-main-item .testimonial-image {
    max-width: 300px;
    margin: 0 auto;
  }
}

.testimonial-wrapper .testimonial-main-item .testimonial-image img {
  width: 100%;
  height: 100%;
}

.testimonial-wrapper .testimonial-main-item .testimonial-card-item {
  position: relative;
  margin-left: -27px;
  z-index: 1;
}

@media (max-width: 1600px) {
  .testimonial-wrapper .testimonial-main-item .testimonial-card-item {
    margin-left: 0;
  }
}

.testimonial-wrapper .testimonial-main-item .testimonial-card-item::before {
  position: absolute;
  content: "";
  border-radius: 10px;
  border: 1px solid #000;
  width: 100%;
  height: 74%;
  top: 90px;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: var(--white);
}

@media (max-width: 1600px) {
  .testimonial-wrapper .testimonial-main-item .testimonial-card-item::before {
    top: 0;
    height: 100%;
  }
}

.testimonial-wrapper .testimonial-main-item .testimonial-card-item .testimonial-content {
  padding: 50px 40px 30px;
}

@media (max-width: 767px) {
  .testimonial-wrapper .testimonial-main-item .testimonial-card-item .testimonial-content {
    padding: 30px;
  }
}

.testimonial-wrapper .testimonial-main-item .testimonial-card-item .testimonial-content .icon {
  width: 84px;
  height: 84px;
  line-height: 98px;
  border-radius: 100px;
  text-align: center;
  background-color: #FFC394;
  font-size: 36px;
  color: var(--header);
  margin-bottom: 30px;
}

.testimonial-wrapper .testimonial-main-item .testimonial-card-item .testimonial-content .icon.bg-2 {
  background-color: #62ABFF;
}

.testimonial-wrapper .testimonial-main-item .testimonial-card-item .testimonial-content .icon.bg-3 {
  background-color: #A0FFC2;
}

.testimonial-wrapper .testimonial-main-item .testimonial-card-item .testimonial-content p {
  font-size: 18px;
  max-width: 457px;
}

.testimonial-wrapper .testimonial-main-item .testimonial-card-item .testimonial-content .info-content {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.testimonial-section {
  position: relative;
  z-index: 9;
}

.testimonial-section .top-shape {
  position: absolute;
  top: -200px;
  left: 0;
  z-index: -1;
  display: none;
}

.testimonial-wrapper-2 {
  text-align: center;
  margin-top: 60px;
  position: relative;
}

@media (max-width: 767px) {
  .testimonial-wrapper-2 {
    margin-top: 30px;
  }
}

.testimonial-wrapper-2 .testimonial-item .client-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}

.testimonial-wrapper-2 .testimonial-item .client-info .icon {
  width: 84px;
  height: 84px;
  line-height: 96px;
  border-radius: 100px;
  text-align: center;
  background: #FFA762;
  font-size: 36px;
  color: var(--header);
  margin-left: -20px;
}

.testimonial-wrapper-2 .testimonial-item .content p {
  font-size: 22px;
  font-weight: 500;
  color: #4E5154;
  border-bottom: 1px solid #a0dfff;
  padding-bottom: 40px;
  line-height: 180%;
  max-width: 887px;
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 575px) {
  .testimonial-wrapper-2 .testimonial-item .content p {
    font-size: 18px;
  }
}

.testimonial-wrapper-2 .testimonial-item .content .info-text {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .testimonial-wrapper-2 .testimonial-item .content .info-text {
    margin-top: 30px;
  }
}

.testimonial-wrapper-2 .testimonial-item .content .info-text .star {
  color: #f6bc28;
  margin-bottom: 10px;
}

.testimonial-wrapper-2 .testimonial-item .content .info-text h5 {
  margin-bottom: 10px;
}

@media (max-width: 1199px) {
  .testimonial-wrapper-2 .array-buttons {
    display: none;
  }
}

.testimonial-wrapper-2 .array-buttons .array-prev {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.testimonial-wrapper-2 .array-buttons .array-next {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.testimonial-section-2 {
  position: relative;
  background: rgba(215, 205, 255,.1);
}

.testimonial-section-2 .top-shape {
  position: absolute;
  top: -150px;
  right: 0;
}

@media (max-width: 1199px) {
  .testimonial-section-2 .top-shape {
    display: none;
  }
}

.testimonial-section-2 .left-shape {
  position: absolute;
  top: 28%;
  left: 21%;
}

@media (max-width: 1199px) {
  .testimonial-section-2 .left-shape {
    display: none;
  }
}

.testimonial-section-2 .right-shape {
  position: absolute;
  top: 40%;
  right: 32%;
}

@media (max-width: 1199px) {
  .testimonial-section-2 .right-shape {
    display: none;
  }
}

.testimonial-box-3 {
  margin-top: 30px;
}

.testimonial-box-3 .icon-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin-left: 145px;
}

.testimonial-box-3 .icon-items .icon {
  width: 73px;
  height: 73px;
  line-height: 77px;
  background-color: #A0FFC2;
  text-align: center;
  font-size: 36px;
  color: var(--header);
}

.testimonial-box-3 .icon-items .star {
  color: #F6BC28;
}

.testimonial-box-3 .client-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}

.testimonial-box-3 .client-items .client-left {
  -ms-flex-preferred-size: 95%;
      flex-basis: 95%;
}

.testimonial-box-3 .client-items .client-left .content {
  margin-top: 30px;
}

.testimonial-box-3 .client-items .client-left .content h5 {
  font-size: 18px;
}

.testimonial-box-3 .client-items p {
  font-size: 18px;
}

.testimonial-section-3 .section-title-area .top-client-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .testimonial-section-3 .section-title-area .top-client-items {
    display: none;
  }
}

.testimonial-section-3 .section-title-area .top-client-items .client-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  border-right: 1px solid rgba(10, 3, 31, 0.34);
  margin-right: 20px;
}

.testimonial-section-3 .section-title-area .top-client-items .client-info p {
  font-size: 15px;
  font-weight: 600;
  color: var(--header);
  max-width: 170px;
}

.testimonial-section-3 .section-title-area .top-client-items .client-info p b {
  font-weight: 800;
  color: #F2556C;
}

.testimonial-section-4 .testimonial-right-items-4 {
  margin-right: -400px;
}

@media (max-width: 1199px) {
  .testimonial-section-4 .testimonial-right-items-4 {
    margin-right: 0;
  }
}

.testimonial-section-4 .testimonial-right-items-4 .testimonial-box-items {
  z-index: 9;
  padding: 40px;
  margin-top: 30px;
  padding-left: 0;
  padding-top: 25px;
  position: relative;
}

@media (max-width: 1199px) {
  .testimonial-section-4 .testimonial-right-items-4 .testimonial-box-items {
    padding: 30px;
  }
}

.testimonial-section-4 .testimonial-right-items-4 .testimonial-box-items::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #FFF;
  border-radius: 6px;
  z-index: -1;
  left: 40px;
  width: initial;
}

@media (max-width: 1199px) {
  .testimonial-section-4 .testimonial-right-items-4 .testimonial-box-items::before {
    left: 0;
  }
}

.testimonial-section-4 .testimonial-right-items-4 .testimonial-box-items .icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

@media (max-width: 1199px) {
  .testimonial-section-4 .testimonial-right-items-4 .testimonial-box-items .icon-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.testimonial-section-4 .testimonial-right-items-4 .testimonial-box-items .icon-box .icon {
  width: 73px;
  height: 73px;
  border-radius: 6px;
  background: #A0FFC2;
  line-height: 83px;
  text-align: center;
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
  color: var(--header);
}

@media (max-width: 1199px) {
  .testimonial-section-4 .testimonial-right-items-4 .testimonial-box-items .icon-box .icon {
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}

.testimonial-section-4 .testimonial-right-items-4 .testimonial-box-items .icon-box .icon i {
  font-size: 36px;
}

.testimonial-section-4 .testimonial-right-items-4 .testimonial-box-items .icon-box .content .star {
  color: #F6BC28;
}

.testimonial-section-4 .testimonial-right-items-4 .testimonial-box-items .icon-box .content p {
  font-size: 18px;
}

.testimonial-section-4 .testimonial-right-items-4 .testimonial-box-items .icon-box .content .client-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}

.testimonial-section-4 .swiper-dot {
  text-align: center;
  margin-top: 60px;
}

.testimonial-section-4 .swiper-dot .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  background: var(--white);
  border: 1px solid var(--white);
  opacity: 1;
  border-radius: 50%;
}

.testimonial-section-4 .swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 10px;
}

.testimonial-section-4 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #62abff;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  position: relative;
  border: 1px solid #62abff;
}

.testimonial-section-4 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  width: 26px;
  height: 26px;
  line-height: 26px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #62abff;
  content: "";
}

.brand-main-item {
  position: relative;
}

.brand-main-item::before {
  position: absolute;
  content: "";
  left: -7%;
  top: 36%;
  background-color: black;
  width: 1px;
  height: 63%;
}

@media (max-width: 1600px) {
  .brand-main-item::before {
    display: none;
  }
}

.brand-main-item.style-2::before {
  display: none;
}

.brand-main-item h3 {
  font-size: 44px;
  margin-bottom: 40px;
  text-align: center;
  line-height: 1;
}

@media (max-width: 767px) {
  .brand-main-item h3 {
    margin-bottom: 30px;
  }
}

.brand-main-item .brand-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
  max-width: 710px;
}

@media (max-width: 1399px) {
  .brand-main-item .brand-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}

@media (max-width: 991px) {
  .brand-main-item .brand-item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto 30px;
  }
}

.brand-main-item .brand-item .brand-image {
  min-width: 215px;
  height: 90px;
  line-height: 80px;
  border-radius: 10px;
  border-top: 1px solid var(--header);
  border-right: 3px solid var(--header);
  border-bottom: 3px solid var(--header);
  border-left: 1px solid var(--header);
  text-align: center;
  margin: 0 auto;
}

.brand-main-item.style-3 {
  margin-top: 30px;
}

.brand-main-item.style-3::before {
  display: none;
}

.brand-main-item.style-3 .brand-item {
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  max-width: none;
  margin-bottom: 0;
}

.brand-main-item.style-3 .brand-item .brand-image {
  min-width: 232px;
}

.brand-main-item.style-3 .brand-item .brand-image.style-3 {
  min-width: 240px;
}

.brand-section {
  position: relative;
}

.brand-section .shape {
  position: absolute;
  top: 100px;
  right: 100px;
}

.brand-wrapper-3 {
  border-radius: 10px;
  padding-left: 170px;
  padding-right: 170px;
}

@media (max-width: 1399px) {
  .brand-wrapper-3 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.brand-wrapper-3 .brand-image {
  padding: 35px;
  background-color: var(--white);
  border-radius: 10px;
  border-top: 1px solid #7490FF;
  border-right: 3px solid #7490FF;
  border-bottom: 3px solid #7490FF;
  border-left: 1px solid #7490FF;
  text-align: center;
  margin-top: 30px;
}

.brand-wrapper-3 .theme-btn::after {
  background-color: var(--white);
}

.brand-wrapper-3 .theme-btn:hover {
  color: var(--header);
}

.brand-section-3 {
  position: relative;
  z-index: 9;
}

.brand-section-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background-color: #FFFAD6;
  top: 50%;
}

.brand-image-4 {
  min-width: 215px;
  height: 127px;
  line-height: 127px;
  border-radius: 10px;
  border-top: 1px solid var(--header);
  border-right: 3px solid var(--header);
  border-bottom: 3px solid var(--header);
  border-left: 1px solid var(--header);
  text-align: center;
  margin: 30px auto 0;
}

@media (max-width: 1399px) {
  .brand-image-4 {
    min-width: 170px;
  }
}

@media (max-width: 1199px) {
  .brand-image-4 {
    min-width: 215px;
  }
}

.brand-image-4.style-border {
  margin-top: 60px;
}

@media (max-width: 1199px) {
  .brand-image-4.style-border {
    margin-top: 30px;
  }
}

.news-card-items {
  min-height: 400px;
}

.news-card-items .news-image {
  position: relative;
}

.news-card-items .news-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, color-stop(27.32%, rgba(10, 3, 31, 0)), color-stop(83.68%, rgba(10, 3, 31, 0.82)));
  background: linear-gradient(180deg, rgba(10, 3, 31, 0) 27.32%, rgba(10, 3, 31, 0.82) 83.68%);
  border-radius: 10px;
}

.news-card-items .news-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.news-card-items .news-image .news-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.news-card-items .news-image .news-content .news-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  margin-bottom: 10px;
}

.news-card-items .news-image .news-content .news-meta li {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  position: relative;
}

.news-card-items .news-image .news-content .news-meta li i {
  color: var(--white);
  margin-right: 5px;
}

.news-card-items .news-image .news-content .news-meta li:not(:last-child)::after {
  position: absolute;
  top: 13px;
  right: -16px;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 50%;
  background-color: var(--white);
}

.news-card-items .news-image .news-content h3 a {
  color: var(--white);
  display: inline;
  padding-bottom: 0;
  -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
}

.news-card-items .news-image .news-content h3 a:hover {
  color: var(--theme-color);
  background-size: 100% 2px;
}

.news-card-items.style-3 {
  position: relative;
}

.news-card-items.style-3 .news-image {
  position: relative;
}

.news-card-items.style-3 .news-image .post-date {
  width: 85px;
  height: 85px;
  border-radius: 4px;
  background-color: var(--white);
  position: absolute;
  top: 15px;
  left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.news-card-items.style-3 .news-image .post-date h2 {
  font-size: 32px;
  line-height: 1.3;
}

.news-card-items.style-3 .news-image .post-date h2 span {
  font-size: 16px;
  display: block;
  font-family: "DM Sans", sans-serif;
}

.news-card-items.style-3 .news-content {
  text-align: center;
  right: 30px;
  left: 30px;
}

.news-card-items.style-3 .news-content .news-meta {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.news-card-items.style-3 .news-content .link-btn {
  font-size: 16px;
  font-weight: 600;
  color: #FFB84C;
  display: inline-block;
  margin-top: 10px;
}

.news-section {
  position: relative;
}

.news-section .right-shape {
  position: absolute;
  right: 300px;
  top: 160px;
}

.news-section .right-shape img {
  -webkit-animation: cir36 10s linear infinite;
          animation: cir36 10s linear infinite;
}

@media (max-width: 1199px) {
  .news-section .right-shape {
    display: none;
  }
}

.news-card-items-2 {
  border-radius: 12px;
  background-color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 35px;
  padding: 15px;
  margin-bottom: 24px;
  position: relative;
  z-index: 9;
}

@media (max-width: 1199px) {
  .news-card-items-2 {
    display: block;
    padding-top: 15px;
  }
}

.news-card-items-2 .news-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

@media (max-width: 1199px) {
  .news-card-items-2 .news-content {
    margin-top: 15px;
  }
}

.news-card-items-2 .news-content .news-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin-bottom: 15px;
}

.news-card-items-2 .news-content .news-meta li {
  font-size: 14px;
  font-weight: 500;
  position: relative;
}

.news-card-items-2 .news-content .news-meta li:not(:last-child)::after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  line-height: 4px;
  top: 12px;
  background-color: var(--text);
  border-radius: 50px;
  right: -18px;
}

.news-card-items-2 .news-content h3 a {
  display: inline;
  padding-bottom: 0;
  -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  color: var(--header);
}

.news-card-items-2 .news-content h3 a:hover {
  color: #AF49E5;
  background-size: 100% 2px;
}

.news-section-2 {
  position: relative;
}

.news-section-2 .left-shape {
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 1199px) {
  .news-section-2 .left-shape {
    display: none;
  }
}

.news-section-2 .right-shape {
  position: absolute;
  right: 0;
  bottom: 100px;
}

@media (max-width: 1199px) {
  .news-section-2 .right-shape {
    display: none;
  }
}

.news-wrapper-4 .news-content-left .theme-btn {
  margin-top: 25px;
}

@media (max-width: 767px) {
  .news-wrapper-4 .news-content-left {
    text-align: center;
  }
}

.news-wrapper-4 .news-right-items .news-box-items-4 {

  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: var(--white);
}

@media (max-width: 1199px) {
  .news-wrapper-4 .news-right-items .news-box-items-4 {
    display: block;
    padding: 20px;
  }
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-image {
  position: relative;
}

@media (max-width: 1199px) {
  .news-wrapper-4 .news-right-items .news-box-items-4 .news-image {
    margin-bottom: 25px;
  }
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-image img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1199px) {
  .news-wrapper-4 .news-right-items .news-box-items-4 .news-image img {
    width: 100%;
    height: 100%;
  }
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-image .post-date {
  width: 85px;
  height: 85px;
  border-radius: 4px;
  background-color: var(--white);
  position: absolute;
  bottom: 15px;
  left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-image .post-date h2 {
  font-size: 32px;
  line-height: 1.3;
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-image .post-date h2 span {
  font-size: 16px;
  font-weight: 400;
  display: block;
  font-family: "DM Sans", sans-serif;
  color: #4E5154;
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-content{
  padding: 15px;
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-content .news-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-content .news-meta li {
  color: #4E5154;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-content .news-meta li i {
  color: #4E5154;
  margin-right: 5px;
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-content h3 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 15px;
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-content h3 a {
  display: inline;
  padding-bottom: 0;
  -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  color: var(--header);
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-content h3 a:hover {
  color: var(--theme-color-2);
  background-size: 100% 2px;
}

.news-wrapper-4 .news-right-items .news-box-items-4 .news-content p {
  margin-top: 10px;
}

.blog-wrapper .single-blog-post {
  margin-bottom: 40px;
  position: relative;
}

.blog-wrapper .single-blog-post .video__button {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

.blog-wrapper .single-blog-post .video__button .video__btn__wrp {
  margin-bottom: 0;
}

.blog-wrapper .single-blog-post.post-details.format-quote .post-content {
  position: relative;
  background: transparent;
  border: none;
}

.blog-wrapper .single-blog-post.post-details .post-content {
  border: none;
}



.blog-wrapper .single-blog-post.post-details .post-content .single-post-image {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.blog-wrapper .single-blog-post.post-details .post-content h1 {
  font-size: 36px;
  line-height: 1.4;
}

.blog-wrapper .single-blog-post.post-details .post-content h1, .blog-wrapper .single-blog-post.post-details .post-content h2, .blog-wrapper .single-blog-post.post-details .post-content h3, .blog-wrapper .single-blog-post.post-details .post-content h4, .blog-wrapper .single-blog-post.post-details .post-content h5, .blog-wrapper .single-blog-post.post-details .post-content h6 {
  margin-top: 10px;
}

.faq-items h5 {

  margin-top: 0!important;

}

.blog-wrapper .single-blog-post.post-details .post-content table {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .blog-wrapper .single-blog-post.post-details .post-content h1 {
    font-size: 28px;
  }
  .blog-wrapper .single-blog-post.post-details .post-content h3 {
    font-size: 20px;
  }
}

.blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote {
  background-color: #AF49E5;
  color: var(--white);
  font-size: 26px;
  line-height: 1.4;
  font-family: "Anton", sans-serif;
  font-weight: 400;
  padding: 60px;
  text-align: center;
  margin: 40px 0px;
  position: relative;
  z-index: 1;
  border-radius: 6px;
}

.blog-wrapper .single-blog-post.post-details blockquote a, .blog-wrapper .single-blog-post.post-details .wp-block-quote a {
  color: var(--white);
}

.blog-wrapper .single-blog-post.post-details blockquote a:hover, .blog-wrapper .single-blog-post.post-details .wp-block-quote a:hover {
  color: var(--text);
}

@media (max-width: 767px) {
  .blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote {
    padding: 30px 15px;
    font-size: 18px;
    line-height: 1.5;
  }
}

.blog-wrapper .single-blog-post.post-details blockquote::before, .blog-wrapper .single-blog-post.post-details .wp-block-quote::before {
  right: 30px;
  font-size: 110px;
  line-height: 1;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  content: "\f10d";
  bottom: -20px;
  color: var(--white);
  z-index: -1;
  opacity: .1;
  font-weight: 900;
}

.blog-wrapper .single-blog-post.format-video .post-featured-thumb, .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb {
  z-index: 1;
  position: relative;
}

.blog-wrapper .single-blog-post.format-video .post-featured-thumb::before, .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  background-color: #282835;
  opacity: .3;
  z-index: -1;
}

.blog-wrapper .single-blog-post.quote-post .post-content, .blog-wrapper .single-blog-post.format-quote .post-content {
  position: relative;
  background-color: #AF49E5;
  border: none;
  padding-top: 0;
  border-radius: 6px;
}

.blog-wrapper .single-blog-post.quote-post .post-content::before, .blog-wrapper .single-blog-post.format-quote .post-content::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(../img/quotepost.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.blog-wrapper .single-blog-post.quote-post .quote-content, .blog-wrapper .single-blog-post.format-quote .quote-content {
  overflow: hidden;
  padding: 50px;
  position: relative;
  z-index: 88;
}

@media (max-width: 585px) {
  .blog-wrapper .single-blog-post.quote-post .quote-content, .blog-wrapper .single-blog-post.format-quote .quote-content {
    text-align: center;
    font-size: 24px;
    padding: 30px;
  }
}

.blog-wrapper .single-blog-post.quote-post .quote-content .icon, .blog-wrapper .single-blog-post.format-quote .quote-content .icon {
  font-size: 70px;
  line-height: 80px;
  float: left;
  overflow: hidden;
  margin-right: 30px;
}

@media (max-width: 585px) {
  .blog-wrapper .single-blog-post.quote-post .quote-content .icon, .blog-wrapper .single-blog-post.format-quote .quote-content .icon {
    float: none;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 50px;
    line-height: 60px;
  }
}

.blog-wrapper .single-blog-post.quote-post .quote-content .quote-text, .blog-wrapper .single-blog-post.format-quote .quote-content .quote-text {
  overflow: hidden;
}

.blog-wrapper .single-blog-post.quote-post .quote-content h2, .blog-wrapper .single-blog-post.format-quote .quote-content h2 {
  margin-top: -2px;
  font-size: 36px;
  color: var(--white);
  font-weight: 400;
}

@media (max-width: 767px) {
  .blog-wrapper .single-blog-post.quote-post .quote-content h2, .blog-wrapper .single-blog-post.format-quote .quote-content h2 {
    font-size: 28px;
  }
}

.blog-wrapper .single-blog-post.quote-post .quote-content .post-meta, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta {
  margin-top: 10px;
}

.blog-wrapper .single-blog-post.quote-post .quote-content .post-meta span, .blog-wrapper .single-blog-post.quote-post .quote-content .post-meta i, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta span, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta i {
  color: var(--white);
}

.blog-wrapper .single-blog-post:last-child {
  margin-bottom: 0;
}

.blog-wrapper .single-blog-post .post-featured-thumb {
  height: 462px;
  width: 100%;
  position: relative;
  margin-bottom: -2px;
  border-radius: 6px;
}

.blog-wrapper .single-blog-post .post-featured-thumb .post-date {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 15px 30px;
  background-color: var(--theme-color);
  text-align: center;
}

.blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 {
  color: var(--white);
}

.blog-wrapper .single-blog-post .post-featured-thumb .post-date h4 span {
  color: var(--white);
  text-transform: uppercase;
  font-size: 15px;
}

@media (max-width: 991px) {
  .blog-wrapper .single-blog-post .post-featured-thumb {
    height: 280px;
  }
}

@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-featured-thumb {
    height: 230px;
  }
}

.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn .play-video {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
}

.blog-wrapper .single-blog-post .post-content {
  padding-top: 30px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 575px) {
  .blog-wrapper .single-blog-post .post-content {
    padding-top: 20px;
  }
}

.blog-wrapper .single-blog-post .post-content h2 {
  line-height: 1.4;
  font-size: 36px;
  font-weight: 400;
}

@media (max-width: 575px) {
  .blog-wrapper .single-blog-post .post-content h2 {
    font-size: 28px;
  }
}

.blog-wrapper .single-blog-post .post-content h2 a:hover {
  color: var(--theme-color);
}

.blog-wrapper .single-blog-post .post-content p {
  font-size: 16px;
}

@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content {
    padding: 30px 10px;
  }
}

@media (max-width: 414px) {
  .blog-wrapper .single-blog-post .post-content h2 {
    font-size: 22px;
  }
}

.blog-wrapper .single-blog-post .post-content .post-cat a {
  color: var(--white);
  display: inline-block;
  background-color: var(--theme-color);
  padding: 14px 18px 12px;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  margin-bottom: 20px;
  text-transform: capitalize;
  font-family: 'League Spartan', sans-serif;
}

@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .post-cat a {
    font-size: 12px;
  }
}

.blog-wrapper .single-blog-post .post-content .post-cat a:hover {
  background-color: var(--header);
}

.blog-wrapper .single-blog-post .post-content ul {
  margin-bottom: 0;
  list-style-type: disc;
  margin-top: 30px;
}

.blog-wrapper .single-blog-post .post-content ul ol {
  margin-bottom: 0;
}

.blog-wrapper .single-blog-post .post-content ul ul {
  margin-bottom: 0;
}

.blog-wrapper .single-blog-post .post-content ul li {
  line-height: 1.5;
  margin-top: 10px;
  list-style-type: disc;
  color: var(--text);
  position: relative;
  font-size: 18px;
  padding-left: 30px;
}

.blog-wrapper .single-blog-post .post-content ul li::before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  color: #AF49E5;
}

.blog-wrapper .single-blog-post .post-content ol {
  margin-bottom: 0;
  list-style-type: decimal;
}

.blog-wrapper .single-blog-post .post-content ol ul {
  margin-bottom: 0;
}

.blog-wrapper .single-blog-post .post-content ol ol {
  margin-bottom: 0;
}

.blog-wrapper .single-blog-post .post-content ol li {
  line-height: 1.5;
  margin-top: 10px;
  list-style-type: decimal;
}

.blog-wrapper .single-blog-post .post-content .post-meta {
  margin-bottom: 10px;
}

.blog-wrapper .single-blog-post .post-content .post-meta span {
  color: var(--text);
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  margin-right: 20px;
}

@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .post-meta span {
    font-size: 15px;
  }
}

.blog-wrapper .single-blog-post .post-content .post-meta span i {
  margin-right: 5px;
  color: #AF49E5;
  font-weight: 700;
}

.blog-wrapper .single-blog-post .post-content h3 {
  font-size: 32px;
  font-weight: 400;
}

.blog-wrapper .single-blog-post .post-content h3 a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}

.blog-wrapper .single-blog-post .post-content h3 a:hover {
  color: #AF49E5;
  background-size: 100% 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#AF49E5), to(#AF49E5));
  background-image: linear-gradient(180deg, #AF49E5 0%, #AF49E5 100%);
}

.blog-wrapper .single-blog-post .post-content .author-info {
  overflow: hidden;
}

.blog-wrapper .single-blog-post .post-content .author-info .author-img {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #f2f2f2;
  margin-right: 15px;
  float: left;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}

@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .author-info .author-img {
    margin-right: 5px;
  }
}

.blog-wrapper .single-blog-post .post-content .author-info h5 {
  display: inline-block;
  line-height: 1;
  font-size: 16px;
  margin-top: 9px;
}

.blog-wrapper .single-blog-post .post-content .author-info h5 a:hover {
  color: var(--theme-color);
}

@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .author-info h5 {
    font-size: 14px;
  }
}

.blog-wrapper .single-blog-post .post-content .post-link a {
  font-weight: 700;
}

.blog-wrapper .single-blog-post .post-content .post-link a:hover {
  color: var(--theme-color);
}

@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .post-link a {
    font-size: 14px;
  }
}

.blog-wrapper .single-blog-post .post-content .post-link a i {
  margin-right: 5px;
}

@media (max-width: 767px) {
  .blog-wrapper .single-blog-post .post-content .post-link a i {
    margin-right: 3px;
  }
}

@media (min-width: 991px) {
  .news-area .main-sidebar {
    margin-right: 20px;
  }
}

@media (max-width: 991px) {
  .news-area .main-sidebar {
    margin-top: 40px;
  }
}

.news-area .main-sidebar .single-sidebar-widget {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  margin-bottom: 40px;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.news-area .main-sidebar .single-sidebar-widget ul {
  padding-left: 0;
}

.news-area .main-sidebar .single-sidebar-widget ul > li {
  margin-bottom: 10px;
}

.news-area .main-sidebar .single-sidebar-widget ul > li a {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.news-area .main-sidebar .single-sidebar-widget ul > li a:hover {
  color: #AF49E5;
}

.news-area .main-sidebar .single-sidebar-widget ul ul {
  padding-left: 20px;
}

.news-area .main-sidebar .single-sidebar-widget ul ul li {
  margin-top: 5px;
}

.news-area .main-sidebar .single-sidebar-widget:last-child {
  margin-bottom: 0;
}

.news-area .main-sidebar .single-sidebar-widget .wid-title {
  margin-bottom: 25px;
  padding-left: 45px;
  position: relative;
}

.news-area .main-sidebar .single-sidebar-widget .wid-title::before {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 18px;
  border-radius: 5px;
  position: absolute;
  background-color: #AF49E5;
}

.news-area .main-sidebar .single-sidebar-widget .wid-title::after {
  left: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 50%;
  position: absolute;
  background-color: #AF49E5;
}

.news-area .main-sidebar .single-sidebar-widget .wid-title h3 {
  font-size: 20px;
  font-weight: 400;
}

.news-area .main-sidebar .single-sidebar-widget .social-link a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  font-size: 14px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.news-area .main-sidebar .single-sidebar-widget .social-link a:hover {
  background-color: #AF49E5;
  color: var(--white);
}

.search_widget form {
  width: 100%;
  position: relative;
}

.search_widget form input {
  background-color: var(--white);
  font-size: 15px;
  padding: 20px;
  width: 100%;
  border: none;
  text-transform: capitalize;
  color: var(--header);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.search_widget form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  font-size: 18px;
  height: 100%;
  background-color: #AF49E5;
  color: var(--white);
  text-align: center;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.search_widget form button:hover {
  background-color: var(--header);
}

.popular-posts .single-post-item, .popular_posts .single-post-item {
  overflow: hidden;
}

.popular-posts .single-post-item:not(:last-child), .popular_posts .single-post-item:not(:last-child) {
  margin-bottom: 35px;
}

.popular-posts .single-post-item .thumb, .popular_posts .single-post-item .thumb {
  height: 95px;
  width: 95px;
  background-color: #f2f2f2;
  float: left;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 4px;
}

.popular-posts .single-post-item .post-content, .popular_posts .single-post-item .post-content {
  overflow: hidden;
}

.popular-posts .single-post-item .post-content h5, .popular_posts .single-post-item .post-content h5 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  text-transform: capitalize;
}

.popular-posts .single-post-item .post-content h5 a:hover, .popular_posts .single-post-item .post-content h5 a:hover {
  color: #AF49E5;
}

.popular-posts .single-post-item .post-content .post-date, .popular_posts .single-post-item .post-content .post-date {
  margin-top: 10px;
  color: #AF49E5;
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
}

.popular-posts .single-post-item .post-content .post-date i, .popular_posts .single-post-item .post-content .post-date i {
  margin-right: 7px;
}

.widget_categories ul li {
  display: block;
}

.widget_categories ul li:last-child a {
  margin-bottom: 0;
}

.widget_categories ul li a {
  position: relative;
  background: var(--white);
  padding: 17px 20px;
  line-height: 1;
  font-size: 16px;
  font-family: "Anton", sans-serif;
  display: block;
  margin-bottom: 12px;
  font-weight: 400;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.widget_categories ul li a:hover {
  color: #AF49E5;
}

.widget_categories ul li a i {
  margin-right: 10px;
}

.widget_categories ul li a span {
  position: absolute;
  width: 60px;
  line-height: 55px;
  height: 100%;
  content: "";
  background-color: #AF49E5;
  right: 0;
  top: 0;
  text-align: center;
  color: var(--white);
}

.tagcloud a {
  display: inline-block;
  padding: 12px 22px;
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 8px;
  text-transform: capitalize;
  margin-bottom: 10px;
  border-radius: 4px;
}

.tagcloud a:last-child {
  margin-right: 0;
}

.tagcloud a:hover {
  background-color: #AF49E5;
  color: var(--white);
}

.widget_categories ul li {
  display: block;
  margin-bottom: 10px;
}

p.sticky-label {
  position: absolute;
  right: 0;
  background: var(--theme-color);
  color: var(--white);
  padding: 10px 40px;
  z-index: -1;
  top: 0;
  font-weight: 700;
}

.page-nav-wrap {
  margin-top: 50px;
}

.page-nav-wrap ul li {
  display: inline-block;
}

.page-nav-wrap ul li .page-numbers {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  background: #f6f6f6;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 0 2px;
}

.page-nav-wrap ul li .page-numbers.current {
  background-color: #AF49E5;
  color: var(--white);
}

@media (max-width: 767px) {
  .page-nav-wrap ul li .page-numbers {
    margin-top: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}

.page-nav-wrap ul li .page-numbers i {
  margin-top: 2px;
}

.page-nav-wrap ul li .page-numbers:hover {
  background-color: #AF49E5;
  color: var(--white);
}

.social-share a {
  margin-left: 10px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.social-share a:hover {
  color: var(--theme-color);
}

.tag-share-wrap {
  padding-bottom: 50px;
}

.tag-share-wrap h4 {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .tag-share-wrap h4 {
    margin-bottom: 10px;
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .tag-share-wrap .tagcloud {
    margin-bottom: 20px;
  }
}

.comments-section-wrap {
  overflow: hidden;
}

.comments-heading h3, .related-post-wrap h3, .comment-form-wrap h3 {
  font-size: 26px;
}

@media (max-width: 767px) {
  .comments-heading h3, .related-post-wrap h3, .comment-form-wrap h3 {
    font-size: 20px;
  }
}

.comments-item-list .single-comment-item {
  margin-top: 30px;
}

.comments-item-list .single-comment-item ul {
  margin-bottom: 15px;
}

.comments-item-list .single-comment-item p, .comments-item-list .single-comment-item span {
  font-size: 16px;
}

.comments-item-list .single-comment-item .author-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
  margin-right: 30px;
}

@media (max-width: 991px) {
  .comments-item-list .single-comment-item .author-img {
    width: 80px;
    height: 80px;
    margin-right: 20px;
  }
}

@media (max-width: 767px) {
  .comments-item-list .single-comment-item .author-img {
    width: 70px;
    height: 70px;
    margin-right: 15px;
  }
}

@media (max-width: 585px) {
  .comments-item-list .single-comment-item .author-img {
    float: none;
    margin-bottom: 20px;
  }
}

.comments-item-list .single-comment-item .author-info-comment {
  overflow: auto;
  padding-bottom: 25px;
  border-bottom: 1px solid #e2e2e2;
}

.comments-item-list .single-comment-item .author-info-comment .info {
  position: relative;
}

.comments-item-list .single-comment-item .author-info-comment .info .theme-btn {
  padding: 10px 18px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--text);
  border: 1px solid #ebebeb;
  background: transparent;
  border-radius: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

@media (max-width: 767px) {
  .comments-item-list .single-comment-item .author-info-comment .info .theme-btn {
    font-size: 12px;
  }
}

.comments-item-list .single-comment-item .author-info-comment .info .theme-btn i {
  margin-right: 10px;
  margin-left: 0px !important;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: initial;
  height: initial;
  line-height: initial;
  background-color: transparent;
  color: #AF49E5;
  -webkit-transform: translate(0);
          transform: translate(0);
}

.comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn::before, .comments-item-list .single-comment-item .author-info-comment .info .theme-btn.minimal-btn::after {
  background-color: initial;
}

.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover {
  background-color: #AF49E5;
  color: var(--white);
}

.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover a {
  color: var(--white) !important;
}

.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover i {
  -webkit-transform: translate(0);
          transform: translate(0);
  width: initial;
  height: initial;
  line-height: initial;
  color: #fff;
}

.comments-item-list .single-comment-item .author-info-comment .info h5 {
  margin-bottom: 5px;
  font-weight: 400;
}

@media (max-width: 767px) {
  .comments-item-list .single-comment-item .author-info-comment .info h5 {
    font-size: 16px;
  }
}

.comments-item-list .single-comment-item .author-info-comment span {
  color: #AF49E5;
  font-weight: 500;
}

.comments-item-list .single-comment-item .author-info-comment .theme-btn {
  padding: 7px 18px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  .comments-item-list .single-comment-item .author-info-comment .theme-btn {
    font-size: 12px;
  }
}

.comments-item-list .single-comment-item .author-info-comment .theme-btn i {
  margin-right: 5px;
}

.comments-item-list .single-comment-item .author-info-comment .theme-btn:hover a {
  color: var(--white);
}

.comments-item-list .single-comment-item .author-info-comment .comment-text {
  margin-top: 15px;
}

.comment-form {
  background-color: var(--white);
  width: 100%;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .comment-form {
    padding: 30px;
  }
}

@media (max-width: 585px) {
  .comment-form {
    padding: 30px 15px;
  }
}

.comment-form label {
  margin-bottom: 4px;
}

.comment-form input, .comment-form textarea {
  margin-bottom: 20px;
  outline: none;
  padding: 20px 30px;
  line-height: 1;
  font-size: 16px;
  width: 100%;
  border: none;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--text);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
}

@media (max-width: 585px) {
  .comment-form input, .comment-form textarea {
    padding: 15px;
  }
}

.comment-form textarea {
  height: 200px;
  line-height: 1.3;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 6px;
  border: none;
}

@media (max-width: 767px) {
  .comment-form textarea {
    height: 120px;
  }
}

.comment-form .theme-btn {
  display: inline-block;
  line-height: 1.2;
  padding: 22px 50px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  margin-bottom: 0;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .comment-form .theme-btn {
    padding: 20px 40px;
  }
}

@media (max-width: 585px) {
  .comment-form .theme-btn {
    padding: 15px 40px;
    font-size: 14px;
  }
}

.comment-form .theme-btn i {
  margin-right: 10px;
  width: initial;
  height: initial;
  line-height: initial;
  background-color: transparent;
  color: var(--header);
  margin-left: 0;
  margin-right: 10px;
  -webkit-transform: translate(0);
          transform: translate(0);
}

.comment-form .theme-btn:hover i {
  -webkit-transform: translate(0);
          transform: translate(0);
  color: var(--white);
}

.comment ul {
  list-style-type: disc;
}

.comment ul ol {
  margin-bottom: 0;
}

.comment ul li {
  line-height: 1.5;
  margin-top: 10px;
  list-style-type: disc;
}

.comment ol ul {
  margin-bottom: 0;
}

.comment ol ol {
  margin-bottom: 0;
}

.comment ol li {
  line-height: 1.5;
  margin-top: 10px;
}

.site_info_widget .single-contact-info {
  overflow: auto;
  margin-bottom: 20px;
}

.site_info_widget .single-contact-info span {
  display: block;
  color: var(--theme-color);
}

.site_info_widget .single-contact-info .icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: var(--white);
  background-color: var(--theme-color);
  float: left;
  text-align: center;
  overflow: hidden;
  font-size: 16px;
  margin-right: 20px;
}

.site_info_widget .single-contact-info:nth-child(2n) .icon {
  background-color: var(--theme-color);
}

.site_info_widget .single-contact-info:nth-child(3n) .icon {
  background-color: var(--theme-color);
}

.site_info_widget .social-link {
  margin-top: 35px;
}

.site_info_widget .social-link a {
  margin-right: 8px !important;
}

.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.contact-wrapper .map-items .googpemap iframe {
  width: 100%;
  height: 616px;
  border-radius: 10px;
}

.contact-wrapper .contact-content {
  margin-left: 70px;
}

@media (max-width: 1199px) {
  .contact-wrapper .contact-content {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .contact-wrapper .contact-content .section-title {
    text-align: left;
  }
}

.contact-wrapper .contact-content .contact-list {
  margin-top: 40px;
}

@media (max-width: 1199px) {
  .contact-wrapper .contact-content .contact-list {
    margin-top: 30px;
  }
}

.contact-wrapper .contact-content .contact-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 45px;
}

.contact-wrapper .contact-content .contact-list .list li {
  font-size: 20px;
  color: var(--header);
  font-weight: 400;
  font-family: "Anton", sans-serif;
}

.contact-wrapper .contact-content .contact-list .list li i {
  margin-right: 10px;
}

.contact-wrapper .contact-content .contact-list .list li:not(:last-child) {
  margin-bottom: 20px;
}

.contact-wrapper .contact-content .contact-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin-top: 50px;
}

@media (max-width: 1199px) {
  .contact-wrapper .contact-content .contact-button {
    margin-top: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.contact-wrapper .contact-content .contact-button .client-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

@media (max-width: 1199px) {
  .contact-wrapper .contact-content .contact-button .client-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.contact-wrapper .contact-content .contact-button .client-info h6 {
  font-size: 15px;
  font-weight: 600;
  font-family: "DM Sans", sans-serif;
}

.contact-wrapper .contact-content .contact-button .client-info h6 span {
  font-weight: 800;
  color: #F2556C;
}

@media (max-width: 767px) {
  .register-wrapper-3 .register-content .section-title {
    text-align: left;
  }
}

.register-wrapper-3 .register-content p {
  margin-top: 25px;
}

.register-wrapper-3 .register-content .contact-list {
  margin-top: 50px;
}

.register-wrapper-3 .register-content .contact-list li {
  font-size: 20px;
  font-weight: 400;
  font-family: "Anton", sans-serif;
  color: var(--header);
}

.register-wrapper-3 .register-content .contact-list li .icon-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}

.register-wrapper-3 .register-content .contact-list li i {
  margin-right: 5px;
}

.register-wrapper-3 .register-content .contact-list li:last-child {
  margin-top: 20px;
}

.register-wrapper-3 .register-content.style-contact h3 {
  font-size: 24px;
  margin-top: 30px;
}

.contact-list-2 {
  margin-top: 35px;
}

.contact-list-2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  list-style: none;
}

.contact-list-2 li:not(:last-child) {
  margin-bottom: 20px;
}

.contact-list-2 li i {
  width: 46px;
  height: 46px;
  line-height: 46px;
  border-radius: 50%;
  background-color: #1ad270;
  text-align: center;
  color: var(--white);
}


.contact-list-2.conslist li i {

  background-color: #ff8585;
  color: var(--white);

}

.contact-list-2 li .content span {
  display: inline-block;
  font-weight: 500;
  margin-bottom: 5px;
}

.contact-list-2 li .content h4 {
  font-size: 20px;
  font-weight: 700;
  font-family: "DM Sans", sans-serif;
  line-height: 1;
  text-transform: lowercase;
  margin-top: 0!important;
}

.contact-list-2 li .content h4 a {
  color: #0A031F;
}

.register-wrapper-3 .register-content.style-contact .social-icon {
  gap: 30px;
  margin-top: 50px;
}

.register-wrapper-3 .register-content.style-contact .social-icon a {
  font-size: 28px;
  color: var(--header);
}

.register-wrapper-3 .register-content.style-contact .social-icon a:hover {
  color: var(--theme-color-2);
}

.register-wrapper-3 .register-form-box {
  border-radius: 10px;
  border: 1px solid #000;
  background: #FFF;
  padding: 45px;
}

.register-wrapper-3 .register-form-box h3 {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 20px;
}

.register-wrapper-3 .register-form-box .form-clt {
  position: relative;
}

.register-wrapper-3 .register-form-box .form-clt span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: var(--header);
  padding-bottom: 10px;
}

.register-wrapper-3 .register-form-box .form-clt input {
  width: 100%;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: transparent;
  line-height: 1;
  padding: 16px 18px;
  outline: none;
  color: var(--text);
  position: relative;
  padding-left: 44px;
}

.register-wrapper-3 .register-form-box .form-clt i {
  position: absolute;
  top: 58px;
  left: 18px;
}

.register-wrapper-3 .register-form-box .form-clt .single-select {
  position: relative;
  border: none;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  line-height: 1;
  height: initial;
  line-height: 1;
  padding: 18px 24px;
  line-height: 1;
  background-color: transparent;
  border-radius: 4px;
  padding-left: 44px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.register-wrapper-3 .register-form-box .form-clt .single-select i {
  position: absolute;
  top: 58px;
  left: 18px;
}

.register-wrapper-3 .register-form-box .form-clt .single-select::after {
  right: 20px;
  border-bottom: 2px solid var(--header);
  border-right: 2px solid var(--header);
  margin-top: -5px;
  width: 8px;
  height: 8px;
}

.register-wrapper-3 .register-form-box .form-clt .single-select span {
  margin-bottom: 0;
  color: var(--text);
  padding-bottom: 0;
  font-weight: 400;
}

.register-wrapper-3 .register-form-box .form-clt .single-select .option {
  color: var(--text);
}

.register-wrapper-3 .register-form-box .form-clt .list {
  width: 100%;
}

.register-wrapper-3 .register-form-box .theme-btn {
  width: 100%;
  padding: 20px 9px;
}

.register-wrapper-3 .register-form-box .theme-btn i {
  position: absolute;
  right: 9px;
  top: 9px;
  bottom: 9px;
}

.googpemap-2 iframe {
  width: 100%;
  height: 730px;
}

@media (max-width: 767px) {
  .googpemap-2 iframe {
    height: 500px;
  }
}

.style-cta-1 {
  position: initial;
  z-index: initial;
}

.style-cta-1 .cta-wrapper {
  margin-top: -320px;
  position: relative;
  z-index: 9;
}

.map-box {
  padding: 50px;
  background: #62ABFF;
  display: inline-block;
  position: relative;
}

@media (max-width: 1199px) {
  .map-box {
    display: none;
  }
}

@media (max-width: 767px) {
  .map-box {
    padding: 40px;
  }
}

@media (max-width: 575px) {
  .map-box {
    padding: 30px;
  }
}

.map-box h3 {
  font-size: 32px;
  color: var(--white);
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .map-box h3 {
    font-size: 20px;
  }
}

.map-box .content-item {
  margin-bottom: 15px;
}

.map-box .content-item .cont {
  margin-bottom: 20px;
}

.map-box .content-item .cont h6 {
  font-weight: 700;
  color: var(--white);
  margin-bottom: 10px;
  position: relative;
  padding-left: 15px;
  font-family: "DM Sans", sans-serif;
}

.map-box .content-item .cont h6::before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  background-color: var(--white);
  left: 0;
  top: 5px;
  border-radius: 30px;
}

.map-box .content-item .cont p {
  color: var(--white);
}

.map-items11 .googpemap iframe {
  width: 100%;
  height: 731px;
  margin-top: -464px;
}

@media (max-width: 1199px) {
  .map-items11 .googpemap iframe {
    margin-top: 0;
  }
}

@media (max-width: 575px) {
  .map-items11 .googpemap iframe {
    height: 400px;
  }
}

.footer-widgets-wrapper {
  padding: 70px 0 70px;
  position: relative;
  z-index: 9;
}

@media (max-width: 1199px) {
  .footer-widgets-wrapper {
    padding: 223px 0 90px;
  }
}

@media (max-width: 991px) {
  .footer-widgets-wrapper {
    padding: 203px 0 70px;
  }
}

.footer-widgets-wrapper .single-footer-widget {
  margin-top: 30px;
}

.footer-widgets-wrapper .single-footer-widget .widget-head {
  margin-bottom: 30px;
}

@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .widget-head {
    margin-bottom: 20px;
  }
}

.footer-widgets-wrapper .single-footer-widget .widget-head h3 {
  color: var(--white);
}

.footer-widgets-wrapper .single-footer-widget .footer-content h3 {
  color: var(--white);
  font-size: 24px;
  margin-bottom: 15px;
}

.footer-widgets-wrapper .single-footer-widget .footer-content h3 a {
  color: var(--white);
}

.footer-widgets-wrapper .single-footer-widget .footer-content p {
  color: rgba(255, 255, 255, 0.78);
  margin-bottom: 15px;
}

.footer-widgets-wrapper .single-footer-widget .footer-content h6 {
  font-weight: 600;
  font-family: "DM Sans", sans-serif;
}

.footer-widgets-wrapper .single-footer-widget .footer-content h6 a {
  color: rgba(255, 255, 255, 0.78);
}

.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
  margin-top: 30px;
  gap: 20px;
  position: relative;
  z-index: 9;
}

@media (max-width: 575px) {
  .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
    margin-top: 20px;
  }
}

.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a {
  font-size: 24px;
  display: block;
  color: rgba(255, 255, 255, 0.78);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a:hover {
  color: var(--theme-color);
}

.footer-widgets-wrapper .single-footer-widget .list-area-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
}

@media (max-width: 1399px) {
  .footer-widgets-wrapper .single-footer-widget .list-area-wrap {
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.footer-widgets-wrapper .single-footer-widget .list-area li {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: 600;
}

.footer-widgets-wrapper .single-footer-widget .list-area li:not(:last-child) {
  margin-bottom: 17px;
}

.footer-widgets-wrapper .single-footer-widget .list-area li a {
  color: rgba(255, 255, 255, 0.78);
}

.footer-widgets-wrapper .single-footer-widget .list-area li a i {
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.28);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.footer-widgets-wrapper .single-footer-widget .list-area li:hover a {
  color: var(--theme-color);
}

.footer-widgets-wrapper .single-footer-widget .list-area li:hover a i {
  color: var(--theme-color);
}

.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item:not(:last-child) {
  margin-bottom: 10px;
}

.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb {
  position: relative;
  width: 100px;
}

.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 167, 98, 0.85);
  -webkit-transition: .4s;
  transition: .4s;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb .icon i {
  color: var(--white);
  font-size: 22px;
  z-index: 99;
  position: relative;
  margin-top: 30px;
}

.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon {
  opacity: 1;
}

.footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb:hover .icon::after {
  opacity: 1;
}

.footer-widgets-wrapper .single-footer-widget .recent-post-area {
  margin-top: 25px;
}

.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.footer-widgets-wrapper .single-footer-widget .recent-post-area .recent-post-items .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.footer-widgets-wrapper.style-2 {
  padding: 90px 0 120px;
}

@media (max-width: 1199px) {
  .footer-widgets-wrapper.style-2 {
    padding: 70px 0 100px;
  }
}

@media (max-width: 991px) {
  .footer-widgets-wrapper.style-2 {
    padding: 50px 0 80px;
  }
}

.footer-widgets-wrapper.style-2 .single-footer-widget .footer-content h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 600;
  font-family: "DM Sans", sans-serif;
  color: rgba(255, 255, 255, 0.78);
  margin-bottom: 20px;
}

.footer-widgets-wrapper.style-2 .single-footer-widget .footer-content h6 i {
  color: #A0FFC2;
}

.footer-widgets-wrapper.style-2 .single-footer-widget .footer-content h6 a {
  color: rgba(255, 255, 255, 0.78);
}

.footer-widgets-wrapper.style-2 .single-footer-widget .content h3 {
  font-size: 32px;
  color: var(--white);
}

.footer-widgets-wrapper.style-2 .single-footer-widget .content .theme-btn {
  margin-top: 20px;
  background-color: #FFA762;
}

.footer-widgets-wrapper.style-2 .single-footer-widget .content .theme-btn i {
  background-color: var(--white);
  color: var(--header);
}

.footer-widgets-wrapper.style-3 {
  padding: 50px 0 80px;
}

.footer-widgets-wrapper.style-3 .content2 p {
  color: var(--white);
}

.footer-widgets-wrapper.style-3 .content2 h3 {
  font-size: 32px;
  color: var(--white);
}

.footer-widgets-wrapper.style-3 .content2 .theme-btn {
  margin-top: 20px;
  background-color: #FFA762;
}

.footer-widgets-wrapper.style-3 .content2 .theme-btn i {
  background-color: var(--white);
  color: var(--header);
}

.footer-middle-wrapper {
  padding: 0 0 100px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1199px) {
  .footer-middle-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}

@media (max-width: 991px) {
  .footer-middle-wrapper {
    padding-bottom: 80px;
  }
}

.footer-middle-wrapper .footer-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
}

@media (max-width: 575px) {
  .footer-middle-wrapper .footer-text .shape-image {
    width: 120px;
  }
  .footer-middle-wrapper .footer-text .shape-image img {
    width: 100%;
    height: 100%;
  }
}

.footer-middle-wrapper .footer-text .shape-image img {
  -webkit-animation: cir36 10s linear infinite;
          animation: cir36 10s linear infinite;
}

.footer-middle-wrapper .footer-text h2 {
  font-size: 180px;
  color: var(--white);
}

@media (max-width: 1199px) {
  .footer-middle-wrapper .footer-text h2 {
    font-size: 140px;
  }
}

@media (max-width: 991px) {
  .footer-middle-wrapper .footer-text h2 {
    font-size: 70px;
  }
}

@media (max-width: 767px) {
  .footer-middle-wrapper .footer-text h2 {
    font-size: 60px;
  }
}

.footer-middle-wrapper .circle-box {
  width: 181px;
  min-width: 181px;
  height: 181px;
  text-align: center;
  border-radius: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  background-color: #FFA762;
  font-size: 16px;
  font-weight: 700;
  color: var(--header);
  position: relative;
  font-family: "DM Sans", sans-serif;
}

@media (max-width: 767px) {
  .footer-middle-wrapper .circle-box {
    width: 120px;
    min-width: 120px;
    height: 120px;
  }
}

.footer-middle-wrapper .circle-box span {
  position: relative;
  z-index: 9;
}

.footer-middle-wrapper .circle-box span .icon {
  display: block;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

.footer-middle-wrapper .circle-box::before {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background: #0a031f;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 0;
  opacity: 0;
}

.footer-middle-wrapper .circle-box::after {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  content: "";
  background: #FFA762;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 1.8s;
  transition: all 1.8s;
  z-index: 0;
  opacity: 0;
}

.footer-middle-wrapper .circle-box:hover::before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.footer-middle-wrapper .circle-box:hover::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.footer-middle-wrapper .circle-box:hover span {
  color: var(--white);
}

.footer-section {
  position: relative;
}

.footer-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(88deg, rgba(10, 3, 31, 0.92) 25.77%, rgba(10, 3, 31, 0.85) 79.43%);
}

.footer-section .left-shape {
  position: absolute;
  left: 0;
  bottom: 100px;
}

@media (max-width: 1199px) {
  .footer-section .left-shape {
    display: none;
  }
}

.footer-section .right-shape {
  position: absolute;
  right: 0;
  top: 160px;
}

@media (max-width: 1199px) {
  .footer-section .right-shape {
    display: none;
  }
}

.footer-section-2 {
  position: relative;
}

.footer-section-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(88deg, rgba(10, 3, 31, 0) 25.77%, rgba(10, 3, 31, 0.46) 79.43%);
}

.footer-section-2 .left-shape {
  position: absolute;
  left: 0;
  bottom: 100px;
}

@media (max-width: 1199px) {
  .footer-section-2 .left-shape {
    display: none;
  }
}

.footer-section-2 .right-shape {
  position: absolute;
  right: 0;
  top: -40px;
}

@media (max-width: 1199px) {
  .footer-section-2 .right-shape {
    display: none;
  }
}

.footer-bottom .footer-bottom-wrapper {
  padding: 22px 0;
  background-color: #212037;
  position: relative;
}

.footer-bottom .footer-bottom-wrapper p {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: var(--white);
}

.footer-bottom-2 {
  background-color: #212037;
  padding: 22px 0;
  position: relative;
  z-index: 9;
}

.footer-bottom-2 p {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
}

.footer-bottom-2 .footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.footer-bottom-2 .footer-menu li {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
}

.footer-bottom-2 .footer-menu li a {
  color: rgba(255, 255, 255, 0.8);
}

.footer-bottom-2 .footer-menu li a:hover {
  color: var(--theme-color);
}

.footer-bottom-2 .footer-bottom-wrapper-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767px) {
  .footer-bottom-2 .footer-bottom-wrapper-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.footer-newsletter-3 h3 {
  font-size: 32px;
  color: var(--white);
  text-align: center;
  margin-bottom: 30px;
}

.footer-newsletter-3 input {
  width: 100%;
  border: none;
  background-color: var(--white);
  line-height: 1;
  padding: 23px 30px;
  color: var(--text);
  border-radius: 36px;
}

.footer-newsletter-3 form {
  position: relative;
}

.footer-newsletter-3 form button {
  position: absolute;
  top: 5px;
  right: 5px;
}

@media (max-width: 575px) {
  .footer-newsletter-3 form button {
    position: relative;
    margin-top: 30px;
  }
}

.footer-section-4 {
  position: relative;
}

.footer-section-4::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(10, 3, 31, 0.88);
}

.footer-section-4 .left-shape {
  position: absolute;
  left: 0;
  top: 300px;
}

@media (max-width: 1399px) {
  .footer-section-4 .left-shape {
    display: none;
  }
}

.footer-section-4 .right-shape {
  position: absolute;
  top: 23%;
  right: 33%;
}

@media (max-width: 1399px) {
  .footer-section-4 .right-shape {
    display: none;
  }
}

.footer-section-4 .top-shape {
  position: absolute;
  top: 7%;
  left: 22%;
}

.footer-content-4 {
  position: relative;
  text-align: center;
}

.footer-content-4 h2 {
  color: var(--white);
}

.footer-content-4 .footer-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
}

@media (max-width: 1199px) {
  .footer-content-4 .footer-button {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.footer-content-4 .footer-button .theme-btn.style-2 {
  background-color: transparent;
  border: 1px solid #FFC394;
  color: #FFC394;
}

.footer-content-4 .footer-button .theme-btn.style-2 i {
  background-color: #ffc394;
  color: var(--header);
}

.footer-content-4 .footer-button .theme-btn.style-2::after {
  background-color: var(--theme-color);
}

.footer-content-4 .footer-button .theme-btn.style-2:hover {
  background-color: var(--header);
  color: var(--header);
  border: 1px solid var(--theme-color);
}

.footer-content-4 .footer-button .theme-btn.style-2:hover i {
  background-color: var(--header);
  color: var(--white);
}


.steps-bg {

  background: #fcf5fd;

}

.steps-widget {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  margin-bottom: 40px;
  background-color: transparent;
  border-radius: 20px;
  background: #fff;
}

.steps-widget .wid-title {
  margin-bottom: 25px;
  padding-left: 45px;
  position: relative;
}

.steps-widget .wid-title::before {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 18px;
  border-radius: 5px;
  position: absolute;
  background-color: #AF49E5;
}

.steps-widget .wid-title::after {
  left: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 50%;
  position: absolute;
  background-color: #AF49E5;
}

.steps-widget .wid-title h3 {
  font-size: 20px;
  font-weight: 400;
}

.cc-window {

    background: #fff!important;
    max-width: 415px!important;
    border-radius: 20px!important;
    font-family: "DM Sans", sans-serif!important;
    font-size: .8em!important;
    box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.34);
    -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.34);


}

.cc-btn {

      background: #62ABFF!important;
      font-size: 1.1em!important;
      padding: 15px 15px!important;

}

.cc-btn:hover {

  color: #fff!important;
  background: var(--header)!important;

}

.longbanner {

  border-radius: 20px;
  overflow: hidden;
  border: 3px solid #eee;
    transition: all .5s ease;

}

.longbanner.vip-banner {

    border-color: #d7c2e4;

}


.longbanner-left {

  background: #f9efff;
  padding: 15px;
  transition: all .5s ease;
  display: flex;
  align-items: center;
  justify-content: center;

}

.longbanner:hover .longbanner-left {

  background: #19161b;

}

.longbanner-right {

  padding: 20px;

}

.longbanner .topbonuslogo {

  max-width: 200px;

}

.longbanner:hover {

  border-color: #AF49E5

}

.longbanner .deal-1 {
  background: #e8ceff;
  padding: .3em .5em;
  line-height: 1.4;
  display: inline-block;
  font-size: 1.4em;
  margin-bottom: 10px;
}


.longbanner .deal-2 {
  font-size: 1.7em;
  line-height: 1.4;
}

.dealz .deal-1 {
  background: #e8ceff;
  padding: .3em .5em;
  line-height: 1.4;
  display: inline-block;
  font-size: 1.4em;
  margin-bottom: 10px;
}


.dealz .deal-2 {
  font-size: 1.7em;
  line-height: 1.4;
  margin: 0;
}



.txtarea p:not(:last-child) {

  margin-bottom: 20px;

}

.bonrat i {

  color: #222!important;

}




.border-btn {

  background-color: transparent!important;
  border: 1px solid #ffe3cd!important;
  color: var(--header)!important;

}

.border-btn i {

  background-color: #ffc394!important;
  color: var(--header)!important;

}

.border-btn::after {

  background-color: var(--header)!important;

}

.border-btn:hover {

  background-color: var(--header)!important;
  color:  #fff!important;
  border: 1px solid var(--header)!important;

}

.border-btn:hover i {

  background-color: var(--white)!important;
  color: var(--header)!important;

}

.txtarea h2 {

  margin-bottom: 15px;

}

.txtarea h3 {

  margin-bottom: 15px;

}

.txtarea h4, .txtarea h5, .txtarea h6 {

  margin-bottom: 10px;

}

.txtarea ul, .txtarea ol {

  margin-bottom: 10px;

}

.txtarea ul li, .txtarea ol li {
  font: inherit;
  position: relative;
  padding-left: 15px;
}

.txtarea ul li::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 30px;
  background-color: var(--header);
  left: 0;
  top: 10px;
}

.txtarea ul li, .txtarea ol li {
  margin-bottom: 10px;
}

.txtarea ul li del {
  color: rgba(10, 3, 31, 0.44);
}


.revs-bg {

  background: #f2f2ff;

}


.nums-bg {

  background: #32329b;

}



.footer-logos {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    grid-gap: 50px;
    justify-content: center;
}



.footer-logos svg {
    display: block;
    width: auto;
    max-width: 150px;
    height: 40px;
    transition: all .5s ease;
    opacity: .7;

  }

.footer-logos svg path {
      fill: #fff;
      transition: all .5s ease;
}

.contact-list-2 {

  list-style: none;

}

.contact-list-2 li {

  padding-left: 0!important;

}

.contact-list-2 li::before {

  content: none!important;

}

.extra-item {

  display: flex;
  grid-gap: 15px;
  align-items: center;
  border-bottom: 1px dashed #f1f1f1;
  padding-bottom: 10px;
  padding-top: 10px;

}


.extra-item:last-child {

  border-bottom: 0;
  padding-bottom: 0;

}

.extra-item img {

  height: 36px;

}

.extra-1 {

  font-weight: 500;
  margin-bottom: 0;

}

.extra-2 {

  color: #AF49E5;
    margin-bottom: 0;
        font-family: "DM Sans", sans-serif;
        font-weight: 700;

}