::-webkit-scrollbar {

  width: 5px;

}



::-webkit-scrollbar-track {

  background: #fff;

}



::-webkit-scrollbar-thumb {

  background: #000;

  border-radius: 0;

}



.main-page-wrapper {

  overflow-x: hidden;

}



body {

  font-family: "Syne", serif;

  font-weight: normal;

  font-size: 18px;

  position: relative;

  color: #555753;

}



h1, h2, h3, h4, h5, h6 {

  font-weight: 500;

  color: #000;

}



p {

  line-height: 1.777em;

}



ul,li{

	list-style:none;

	padding:0px;

	margin:0px;	

}



img{

	height: auto;

}



.fw-600 {

  font-weight: 600;

}



.fw-500 {

  font-weight: 500;

}



.fs-20 {

  font-size: 20px;

  line-height: 1.8em;

}



.fs-22 {

  font-size: 22px;

}



.fs-24 {

  font-size: 24px;

}



.fs-32 {

  font-size: 32px;

}



.shapes {

  position: absolute;

  z-index: -1;

}



.dark-bg {

  background: #050505;

}



.dark-bg-two {

  background: #101110;

}



.box-content {

  margin-left: 45px;

  margin-right: 45px;

}



.font-inter {

  font-family: "Inter", sans-serif !important;

}



.font-syne {

  font-family: "Syne", serif !important;

}



.ctn-preloader {

  height: 100%;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 999999;

  background: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.ctn-preloader .icon {

  display: inline-block;

  position: relative;

}

.ctn-preloader .icon img {

  width: 55px;

}

.ctn-preloader .txt-loading {

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  margin-top: 45px;

	text-transform: uppercase;

}

.ctn-preloader .txt-loading .letters-loading {

  font-weight: 700;

  letter-spacing: 12px;

  display: inline-block;

  color: rgba(0, 0, 0, 0.05);

  position: relative;

  font-size: 65px;

  line-height: 30px;

}

.ctn-preloader .txt-loading .letters-loading::before {

  animation: letters-loading 4s infinite;

  color: #000;

  content: attr(data-text-preloader);

  left: 0;

  opacity: 0;

  top: 0;

  line-height: 30px;

  position: absolute;

}

.ctn-preloader .txt-loading .letters-loading:nth-child(2):before {

  animation-delay: 0.2s;

}

.ctn-preloader .txt-loading .letters-loading:nth-child(3):before {

  animation-delay: 0.4s;

}

.ctn-preloader .txt-loading .letters-loading:nth-child(4):before {

  animation-delay: 0.6s;

}

.ctn-preloader .txt-loading .letters-loading:nth-child(5):before {

  animation-delay: 0.8s;

}

.ctn-preloader .txt-loading .letters-loading:nth-child(6):before {

  animation-delay: 1s;

}

.ctn-preloader .txt-loading .letters-loading:nth-child(7):before {

  animation-delay: 1.2s;

}

.ctn-preloader .txt-loading .letters-loading:nth-child(8):before {

  animation-delay: 1.4s;

}



@keyframes spinner {

  to {

    transform: rotateZ(360deg);

  }

}

@keyframes letters-loading {

  0%, 75%, 100% {

    opacity: 0;

    transform: rotateY(-90deg);

  }

  25%, 50% {

    opacity: 1;

    transform: rotateY(0deg);

  }

}

.scroll-top {

  width: 40px;

  height: 40px;

  line-height: 40px;

  position: fixed;

  bottom: 20px;

  right: 5px;

  z-index: 99;

  text-align: center;

  color: #fff;

  font-size: 28px;

  cursor: pointer;

  border-radius: 50%;

  background: #7F77F9;

  transition: all 0.3s ease-in-out;

}

.scroll-top:after {

  position: absolute;

  z-index: -1;

  content: "";

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 1;

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

}



.tran3s {

  transition: all 0.3s ease-in-out;

}



.tran4s {

  transition: all 0.4s ease-in-out;

}



.tran5s {

  transition: all 0.5s ease-in-out;

}



.tran6s {

  transition: all 0.6s ease-in-out;

}



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



a {

  text-decoration: none;

  display: inline-block;

  color: inherit;

}

a:hover, a:focus, a:visited {

  text-decoration: none;

  outline: none;

}



img {

  max-width: 100%;

  display: block;

}



button {

  border: none;

  outline: none;

  box-shadow: none;

  display: block;

  padding: 0;

  cursor: pointer;

  background: transparent;

  color: inherit;

}



button:focus {

  outline: none;

}



input, textarea {

  outline: none;

  box-shadow: none;

  transition: all 0.3s ease-in-out;

}



audio, video, canvas {

  max-width: 100%;

}



iframe {

  border: none !important;

}



.style-none {

  list-style: none;

  padding-left: 0;

  margin-bottom: 0;

}



.p0 {

  padding: 0 !important;

}



.m0 {

  margin: 0 !important;

}



.theme-mb-0 {

  margin-bottom: 0;

}



.theme-pb-0 {

  padding-bottom: 0;

}



.pt-5 {

  padding-top: 5px !important;

}



.pt-10 {

  padding-top: 10px;

}



.pt-15 {

  padding-top: 15px;

}



.pt-20 {

  padding-top: 20px;

}



.pt-25 {

  padding-top: 25px;

}



.pt-30 {

  padding-top: 30px;

}



.pt-35 {

  padding-top: 35px;

}



.pt-40 {

  padding-top: 40px;

}



.pt-45 {

  padding-top: 45px;

}



.pt-50 {

  padding-top: 50px;

}



.pt-55 {

  padding-top: 55px;

}



.pt-60 {

  padding-top: 60px;

}



.pt-65 {

  padding-top: 65px;

}



.pt-70 {

  padding-top: 70px;

}



.pt-75 {

  padding-top: 75px;

}



.pt-80 {

  padding-top: 80px;

}



.pt-85 {

  padding-top: 85px;

}



.pt-90 {

  padding-top: 90px;

}



.pt-95 {

  padding-top: 95px;

}



.pt-100 {

  padding-top: 100px;

}



.pt-110 {

  padding-top: 110px;

}



.pt-120 {

  padding-top: 120px;

}



.pt-130 {

  padding-top: 130px;

}



.pt-140 {

  padding-top: 140px;

}



.pt-150 {

  padding-top: 150px;

}



.pt-160 {

  padding-top: 160px;

}



.pt-170 {

  padding-top: 170px;

}



.pt-180 {

  padding-top: 180px;

}



.pt-190 {

  padding-top: 190px;

}



.pt-200 {

  padding-top: 200px;

}



.pt-225 {

  padding-top: 225px;

}



.pt-250 {

  padding-top: 250px;

}



.pt-300 {

  padding-top: 300px;

}



.pt-350 {

  padding-top: 350px;

}



.pb-5 {

  padding-bottom: 5px !important;

}



.pb-10 {

  padding-bottom: 10px;

}



.pb-15 {

  padding-bottom: 15px;

}



.pb-20 {

  padding-bottom: 20px;

}



.pb-25 {

  padding-bottom: 25px;

}



.pb-30 {

  padding-bottom: 30px;

}



.pb-35 {

  padding-bottom: 35px;

}



.pb-40 {

  padding-bottom: 40px;

}



.pb-45 {

  padding-bottom: 45px;

}



.pb-50 {

  padding-bottom: 50px;

}



.pb-55 {

  padding-bottom: 55px;

}



.pb-60 {

  padding-bottom: 60px;

}



.pb-65 {

  padding-bottom: 65px;

}



.pb-70 {

  padding-bottom: 70px;

}



.pb-75 {

  padding-bottom: 75px;

}



.pb-80 {

  padding-bottom: 80px;

}



.pb-85 {

  padding-bottom: 85px;

}



.pb-90 {

  padding-bottom: 90px;

}



.pb-95 {

  padding-bottom: 95px;

}



.pb-100 {

  padding-bottom: 100px;

}



.pb-110 {

  padding-bottom: 110px;

}



.pb-120 {

  padding-bottom: 120px;

}



.pb-130 {

  padding-bottom: 130px;

}



.pb-140 {

  padding-bottom: 140px;

}



.pb-150 {

  padding-bottom: 150px;

}



.pb-160 {

  padding-bottom: 160px;

}



.pb-170 {

  padding-bottom: 170px;

}



.pb-180 {

  padding-bottom: 180px;

}



.pb-190 {

  padding-bottom: 190px;

}



.pb-200 {

  padding-bottom: 200px;

}



.pb-225 {

  padding-bottom: 225px;

}



.pb-250 {

  padding-bottom: 250px;

}



.pb-300 {

  padding-bottom: 300px;

}



.pb-350 {

  padding-bottom: 350px;

}



.mt-5 {

  margin-top: 5px !important;

}



.mt-10 {

  margin-top: 10px;

}



.mt-15 {

  margin-top: 15px;

}



.mt-20 {

  margin-top: 20px;

}



.mt-25 {

  margin-top: 25px;

}



.mt-30 {

  margin-top: 30px;

}



.mt-35 {

  margin-top: 35px;

}



.mt-40 {

  margin-top: 40px;

}



.mt-45 {

  margin-top: 45px;

}



.mt-50 {

  margin-top: 50px;

}



.mt-55 {

  margin-top: 55px;

}



.mt-60 {

  margin-top: 60px;

}



.mt-65 {

  margin-top: 65px;

}



.mt-70 {

  margin-top: 70px;

}



.mt-75 {

  margin-top: 75px;

}



.mt-80 {

  margin-top: 80px;

}



.mt-85 {

  margin-top: 85px;

}



.mt-90 {

  margin-top: 90px;

}



.mt-95 {

  margin-top: 95px;

}



.mt-100 {

  margin-top: 100px;

}



.mt-110 {

  margin-top: 110px;

}



.mt-120 {

  margin-top: 120px;

}



.mt-130 {

  margin-top: 130px;

}



.mt-140 {

  margin-top: 140px;

}



.mt-150 {

  margin-top: 150px;

}



.mt-160 {

  margin-top: 160px;

}



.mt-170 {

  margin-top: 170px;

}



.mt-180 {

  margin-top: 180px;

}



.mt-190 {

  margin-top: 190px;

}



.mt-200 {

  margin-top: 200px;

}



.mt-225 {

  margin-top: 225px;

}



.mt-250 {

  margin-top: 250px;

}



.mt-300 {

  margin-top: 300px;

}



.mt-350 {

  margin-top: 350px;

}



.mb-5 {

  margin-bottom: 5px !important;

}



.mb-10 {

  margin-bottom: 10px;

}



.mb-15 {

  margin-bottom: 15px;

}



.mb-20 {

  margin-bottom: 20px;

}



.mb-25 {

  margin-bottom: 25px;

}



.mb-30 {

  margin-bottom: 30px;

}



.mb-35 {

  margin-bottom: 35px;

}



.mb-40 {

  margin-bottom: 40px;

}



.mb-45 {

  margin-bottom: 45px;

}



.mb-50 {

  margin-bottom: 50px;

}



.mb-55 {

  margin-bottom: 55px;

}



.mb-60 {

  margin-bottom: 60px;

}



.mb-65 {

  margin-bottom: 65px;

}



.mb-70 {

  margin-bottom: 70px;

}



.mb-75 {

  margin-bottom: 75px;

}



.mb-80 {

  margin-bottom: 80px;

}



.mb-85 {

  margin-bottom: 85px;

}



.mb-90 {

  margin-bottom: 90px;

}



.mb-95 {

  margin-bottom: 95px;

}



.mb-100 {

  margin-bottom: 100px;

}



.mb-110 {

  margin-bottom: 110px;

}



.mb-120 {

  margin-bottom: 120px;

}



.mb-130 {

  margin-bottom: 130px;

}



.mb-140 {

  margin-bottom: 140px;

}



.mb-150 {

  margin-bottom: 150px;

}



.mb-160 {

  margin-bottom: 160px;

}



.mb-170 {

  margin-bottom: 170px;

}



.mb-180 {

  margin-bottom: 180px;

}



.mb-190 {

  margin-bottom: 190px;

}



.mb-200 {

  margin-bottom: 200px;

}



.mb-225 {

  margin-bottom: 225px;

}



.mb-250 {

  margin-bottom: 250px;

}



.mb-300 {

  margin-bottom: 300px;

}



.mb-350 {

  margin-bottom: 350px;

}



@media (max-width: 1399px) {

  .xl-p0 {

    padding: 0 !important;

  }

  .xl-m0 {

    margin: 0 !important;

  }

  .xl-pt-10 {

    padding-top: 10px !important;

  }

  .xl-pt-20 {

    padding-top: 20px !important;

  }

  .xl-pt-30 {

    padding-top: 30px !important;

  }

  .xl-pt-40 {

    padding-top: 40px !important;

  }

  .xl-pt-50 {

    padding-top: 50px !important;

  }

  .xl-pt-60 {

    padding-top: 60px !important;

  }

  .xl-pt-70 {

    padding-top: 70px !important;

  }

  .xl-pt-80 {

    padding-top: 80px !important;

  }

  .xl-pt-90 {

    padding-top: 90px !important;

  }

  .xl-pt-100 {

    padding-top: 100px !important;

  }

  .xl-pt-110 {

    padding-top: 110px !important;

  }

  .xl-pt-120 {

    padding-top: 120px !important;

  }

  .xl-pt-130 {

    padding-top: 130px !important;

  }

  .xl-pt-140 {

    padding-top: 140px !important;

  }

  .xl-pt-150 {

    padding-top: 150px !important;

  }

  .xl-pt-200 {

    padding-top: 200px !important;

  }

  .xl-pb-10 {

    padding-bottom: 10px !important;

  }

  .xl-pb-20 {

    padding-bottom: 20px !important;

  }

  .xl-pb-30 {

    padding-bottom: 30px !important;

  }

  .xl-pb-40 {

    padding-bottom: 40px !important;

  }

  .xl-pb-50 {

    padding-bottom: 50px !important;

  }

  .xl-pb-60 {

    padding-bottom: 60px !important;

  }

  .xl-pb-70 {

    padding-bottom: 70px !important;

  }

  .xl-pb-80 {

    padding-bottom: 80px !important;

  }

  .xl-pb-90 {

    padding-bottom: 90px !important;

  }

  .xl-pb-100 {

    padding-bottom: 100px !important;

  }

  .xl-pb-110 {

    padding-bottom: 110px !important;

  }

  .xl-pb-120 {

    padding-bottom: 120px !important;

  }

  .xl-pb-130 {

    padding-bottom: 130px !important;

  }

  .xl-pb-140 {

    padding-bottom: 140px !important;

  }

  .xl-pb-150 {

    padding-bottom: 150px !important;

  }

  .xl-pb-200 {

    padding-bottom: 200px !important;

  }

  .xl-mt-10 {

    margin-top: 10px !important;

  }

  .xl-mt-20 {

    margin-top: 20px !important;

  }

  .xl-mt-30 {

    margin-top: 30px !important;

  }

  .xl-mt-40 {

    margin-top: 40px !important;

  }

  .xl-mt-50 {

    margin-top: 50px !important;

  }

  .xl-mt-60 {

    margin-top: 60px !important;

  }

  .xl-mt-70 {

    margin-top: 70px !important;

  }

  .xl-mt-80 {

    margin-top: 80px !important;

  }

  .xl-mt-90 {

    margin-top: 90px !important;

  }

  .xl-mt-100 {

    margin-top: 100px !important;

  }

  .xl-mt-110 {

    margin-top: 110px !important;

  }

  .xl-mt-120 {

    margin-top: 120px !important;

  }

  .xl-mt-130 {

    margin-top: 130px !important;

  }

  .xl-mt-140 {

    margin-top: 140px !important;

  }

  .xl-mt-150 {

    margin-top: 150px !important;

  }

  .xl-mt-200 {

    margin-top: 200px !important;

  }

  .xl-mb-10 {

    margin-bottom: 10px !important;

  }

  .xl-mb-20 {

    margin-bottom: 20px !important;

  }

  .xl-mb-30 {

    margin-bottom: 30px !important;

  }

  .xl-mb-40 {

    margin-bottom: 40px !important;

  }

  .xl-mb-50 {

    margin-bottom: 50px !important;

  }

  .xl-mb-60 {

    margin-bottom: 60px !important;

  }

  .xl-mb-70 {

    margin-bottom: 70px !important;

  }

  .xl-mb-80 {

    margin-bottom: 80px !important;

  }

  .xl-mb-90 {

    margin-bottom: 90px !important;

  }

  .xl-mb-100 {

    margin-bottom: 100px !important;

  }

  .xl-mb-110 {

    margin-bottom: 110px !important;

  }

  .xl-mb-120 {

    margin-bottom: 120px !important;

  }

  .xl-mb-130 {

    margin-bottom: 130px !important;

  }

  .xl-mb-140 {

    margin-bottom: 140px !important;

  }

  .xl-mb-150 {

    margin-bottom: 150px !important;

  }

  .xl-mb-200 {

    margin-bottom: 200px !important;

  }

}

/*(max-width: 1399px)*/

@media (max-width: 1199px) {

  .lg-p0 {

    padding: 0 !important;

  }

  .lg-m0 {

    margin: 0 !important;

  }

  .lg-pt-10 {

    padding-top: 10px !important;

  }

  .lg-pt-20 {

    padding-top: 20px !important;

  }

  .lg-pt-30 {

    padding-top: 30px !important;

  }

  .lg-pt-40 {

    padding-top: 40px !important;

  }

  .lg-pt-50 {

    padding-top: 50px !important;

  }

  .lg-pt-60 {

    padding-top: 60px !important;

  }

  .lg-pt-70 {

    padding-top: 70px !important;

  }

  .lg-pt-80 {

    padding-top: 80px !important;

  }

  .lg-pt-90 {

    padding-top: 90px !important;

  }

  .lg-pt-100 {

    padding-top: 100px !important;

  }

  .lg-pt-110 {

    padding-top: 110px !important;

  }

  .lg-pt-120 {

    padding-top: 120px !important;

  }

  .lg-pt-130 {

    padding-top: 130px !important;

  }

  .lg-pt-140 {

    padding-top: 140px !important;

  }

  .lg-pt-150 {

    padding-top: 150px !important;

  }

  .lg-pt-200 {

    padding-top: 200px !important;

  }

  .lg-pb-10 {

    padding-bottom: 10px !important;

  }

  .lg-pb-20 {

    padding-bottom: 20px !important;

  }

  .lg-pb-30 {

    padding-bottom: 30px !important;

  }

  .lg-pb-40 {

    padding-bottom: 40px !important;

  }

  .lg-pb-50 {

    padding-bottom: 50px !important;

  }

  .lg-pb-60 {

    padding-bottom: 60px !important;

  }

  .lg-pb-70 {

    padding-bottom: 70px !important;

  }

  .lg-pb-80 {

    padding-bottom: 80px !important;

  }

  .lg-pb-90 {

    padding-bottom: 90px !important;

  }

  .lg-pb-100 {

    padding-bottom: 100px !important;

  }

  .lg-pb-110 {

    padding-bottom: 110px !important;

  }

  .lg-pb-120 {

    padding-bottom: 120px !important;

  }

  .lg-pb-130 {

    padding-bottom: 130px !important;

  }

  .lg-pb-140 {

    padding-bottom: 140px !important;

  }

  .lg-pb-150 {

    padding-bottom: 150px !important;

  }

  .lg-pb-200 {

    padding-bottom: 200px !important;

  }

  .lg-mt-10 {

    margin-top: 10px !important;

  }

  .lg-mt-20 {

    margin-top: 20px !important;

  }

  .lg-mt-30 {

    margin-top: 30px !important;

  }

  .lg-mt-40 {

    margin-top: 40px !important;

  }

  .lg-mt-50 {

    margin-top: 50px !important;

  }

  .lg-mt-60 {

    margin-top: 60px !important;

  }

  .lg-mt-70 {

    margin-top: 70px !important;

  }

  .lg-mt-80 {

    margin-top: 80px !important;

  }

  .lg-mt-90 {

    margin-top: 90px !important;

  }

  .lg-mt-100 {

    margin-top: 100px !important;

  }

  .lg-mt-110 {

    margin-top: 110px !important;

  }

  .lg-mt-120 {

    margin-top: 120px !important;

  }

  .lg-mt-130 {

    margin-top: 130px !important;

  }

  .lg-mt-140 {

    margin-top: 140px !important;

  }

  .lg-mt-150 {

    margin-top: 150px !important;

  }

  .lg-mt-200 {

    margin-top: 200px !important;

  }

  .lg-mb-10 {

    margin-bottom: 10px !important;

  }

  .lg-mb-20 {

    margin-bottom: 20px !important;

  }

  .lg-mb-30 {

    margin-bottom: 30px !important;

  }

  .lg-mb-40 {

    margin-bottom: 40px !important;

  }

  .lg-mb-50 {

    margin-bottom: 50px !important;

  }

  .lg-mb-60 {

    margin-bottom: 60px !important;

  }

  .lg-mb-70 {

    margin-bottom: 70px !important;

  }

  .lg-mb-80 {

    margin-bottom: 80px !important;

  }

  .lg-mb-90 {

    margin-bottom: 90px !important;

  }

  .lg-mb-100 {

    margin-bottom: 100px !important;

  }

  .lg-mb-110 {

    margin-bottom: 110px !important;

  }

  .lg-mb-120 {

    margin-bottom: 120px !important;

  }

  .lg-mb-130 {

    margin-bottom: 130px !important;

  }

  .lg-mb-140 {

    margin-bottom: 140px !important;

  }

  .lg-mb-150 {

    margin-bottom: 150px !important;

  }

  .lg-mb-200 {

    margin-bottom: 200px !important;

  }

}

/*(max-width: 1199px)*/

@media (max-width: 991px) {

  .md-p0 {

    padding: 0 !important;

  }

  .md-m0 {

    margin: 0 !important;

  }

  .md-pt-10 {

    padding-top: 10px !important;

  }

  .md-pt-20 {

    padding-top: 20px !important;

  }

  .md-pt-30 {

    padding-top: 30px !important;

  }

  .md-pt-40 {

    padding-top: 40px !important;

  }

  .md-pt-50 {

    padding-top: 50px !important;

  }

  .md-pt-60 {

    padding-top: 60px !important;

  }

  .md-pt-70 {

    padding-top: 70px !important;

  }

  .md-pt-80 {

    padding-top: 80px !important;

  }

  .md-pt-90 {

    padding-top: 90px !important;

  }

  .md-pt-100 {

    padding-top: 100px !important;

  }

  .md-pt-110 {

    padding-top: 110px !important;

  }

  .md-pt-120 {

    padding-top: 120px !important;

  }

  .md-pt-130 {

    padding-top: 130px !important;

  }

  .md-pt-140 {

    padding-top: 140px !important;

  }

  .md-pt-150 {

    padding-top: 150px !important;

  }

  .md-pt-200 {

    padding-top: 200px !important;

  }

  .md-pb-10 {

    padding-bottom: 10px !important;

  }

  .md-pb-20 {

    padding-bottom: 20px !important;

  }

  .md-pb-30 {

    padding-bottom: 30px !important;

  }

  .md-pb-40 {

    padding-bottom: 40px !important;

  }

  .md-pb-50 {

    padding-bottom: 50px !important;

  }

  .md-pb-60 {

    padding-bottom: 60px !important;

  }

  .md-pb-70 {

    padding-bottom: 70px !important;

  }

  .md-pb-80 {

    padding-bottom: 80px !important;

  }

  .md-pb-90 {

    padding-bottom: 90px !important;

  }

  .md-pb-100 {

    padding-bottom: 100px !important;

  }

  .md-pb-110 {

    padding-bottom: 110px !important;

  }

  .md-pb-120 {

    padding-bottom: 120px !important;

  }

  .md-pb-130 {

    padding-bottom: 130px !important;

  }

  .md-pb-140 {

    padding-bottom: 140px !important;

  }

  .md-pb-150 {

    padding-bottom: 150px !important;

  }

  .md-pb-200 {

    padding-bottom: 200px !important;

  }

  .md-mt-10 {

    margin-top: 10px !important;

  }

  .md-mt-20 {

    margin-top: 20px !important;

  }

  .md-mt-30 {

    margin-top: 30px !important;

  }

  .md-mt-40 {

    margin-top: 40px !important;

  }

  .md-mt-50 {

    margin-top: 50px !important;

  }

  .md-mt-60 {

    margin-top: 60px !important;

  }

  .md-mt-70 {

    margin-top: 70px !important;

  }

  .md-mt-80 {

    margin-top: 80px !important;

  }

  .md-mt-90 {

    margin-top: 90px !important;

  }

  .md-mt-100 {

    margin-top: 100px !important;

  }

  .md-mt-110 {

    margin-top: 110px !important;

  }

  .md-mt-120 {

    margin-top: 120px !important;

  }

  .md-mt-130 {

    margin-top: 130px !important;

  }

  .md-mt-140 {

    margin-top: 140px !important;

  }

  .md-mt-150 {

    margin-top: 150px !important;

  }

  .md-mt-200 {

    margin-top: 200px !important;

  }

  .md-mb-10 {

    margin-bottom: 10px !important;

  }

  .md-mb-20 {

    margin-bottom: 20px !important;

  }

  .md-mb-30 {

    margin-bottom: 30px !important;

  }

  .md-mb-40 {

    margin-bottom: 40px !important;

  }

  .md-mb-50 {

    margin-bottom: 50px !important;

  }

  .md-mb-60 {

    margin-bottom: 60px !important;

  }

  .md-mb-70 {

    margin-bottom: 70px !important;

  }

  .md-mb-80 {

    margin-bottom: 80px !important;

  }

  .md-mb-90 {

    margin-bottom: 90px !important;

  }

  .md-mb-100 {

    margin-bottom: 100px !important;

  }

  .md-mb-110 {

    margin-bottom: 110px !important;

  }

  .md-mb-120 {

    margin-bottom: 120px !important;

  }

  .md-mb-130 {

    margin-bottom: 130px !important;

  }

  .md-mb-140 {

    margin-bottom: 140px !important;

  }

  .md-mb-150 {

    margin-bottom: 150px !important;

  }

  .md-mb-200 {

    margin-bottom: 200px !important;

  }

}

/*(max-width: 991px)*/

@media (max-width: 767px) {

  .sm-p0 {

    padding: 0 !important;

  }

  .sm-m0 {

    margin: 0 !important;

  }

  .sm-pt-10 {

    padding-top: 10px !important;

  }

  .sm-pt-20 {

    padding-top: 20px !important;

  }

  .sm-pt-30 {

    padding-top: 30px !important;

  }

  .sm-pt-40 {

    padding-top: 40px !important;

  }

  .sm-pt-50 {

    padding-top: 50px !important;

  }

  .sm-pt-60 {

    padding-top: 60px !important;

  }

  .sm-pt-70 {

    padding-top: 70px !important;

  }

  .sm-pt-80 {

    padding-top: 80px !important;

  }

  .sm-pt-90 {

    padding-top: 90px !important;

  }

  .sm-pt-100 {

    padding-top: 100px !important;

  }

  .sm-pt-110 {

    padding-top: 110px !important;

  }

  .sm-pt-120 {

    padding-top: 120px !important;

  }

  .sm-pt-130 {

    padding-top: 130px !important;

  }

  .sm-pt-140 {

    padding-top: 140px !important;

  }

  .sm-pt-150 {

    padding-top: 150px !important;

  }

  .sm-pt-200 {

    padding-top: 200px !important;

  }

  .sm-pb-10 {

    padding-bottom: 10px !important;

  }

  .sm-pb-20 {

    padding-bottom: 20px !important;

  }

  .sm-pb-30 {

    padding-bottom: 30px !important;

  }

  .sm-pb-40 {

    padding-bottom: 40px !important;

  }

  .sm-pb-50 {

    padding-bottom: 50px !important;

  }

  .sm-pb-60 {

    padding-bottom: 60px !important;

  }

  .sm-pb-70 {

    padding-bottom: 70px !important;

  }

  .sm-pb-80 {

    padding-bottom: 80px !important;

  }

  .sm-pb-90 {

    padding-bottom: 90px !important;

  }

  .sm-pb-100 {

    padding-bottom: 100px !important;

  }

  .sm-pb-110 {

    padding-bottom: 110px !important;

  }

  .sm-pb-120 {

    padding-bottom: 120px !important;

  }

  .sm-pb-130 {

    padding-bottom: 130px !important;

  }

  .sm-pb-140 {

    padding-bottom: 140px !important;

  }

  .sm-pb-150 {

    padding-bottom: 150px !important;

  }

  .sm-pb-200 {

    padding-bottom: 200px !important;

  }

  .sm-mt-10 {

    margin-top: 10px !important;

  }

  .sm-mt-20 {

    margin-top: 20px !important;

  }

  .sm-mt-30 {

    margin-top: 30px !important;

  }

  .sm-mt-40 {

    margin-top: 40px !important;

  }

  .sm-mt-50 {

    margin-top: 50px !important;

  }

  .sm-mt-60 {

    margin-top: 60px !important;

  }

  .sm-mt-70 {

    margin-top: 70px !important;

  }

  .sm-mt-80 {

    margin-top: 80px !important;

  }

  .sm-mt-90 {

    margin-top: 90px !important;

  }

  .sm-mt-100 {

    margin-top: 100px !important;

  }

  .sm-mt-110 {

    margin-top: 110px !important;

  }

  .sm-mt-120 {

    margin-top: 120px !important;

  }

  .sm-mt-130 {

    margin-top: 130px !important;

  }

  .sm-mt-140 {

    margin-top: 140px !important;

  }

  .sm-mt-150 {

    margin-top: 150px !important;

  }

  .sm-mt-200 {

    margin-top: 200px !important;

  }

  .sm-mb-10 {

    margin-bottom: 10px !important;

  }

  .sm-mb-20 {

    margin-bottom: 20px !important;

  }

  .sm-mb-30 {

    margin-bottom: 30px !important;

  }

  .sm-mb-40 {

    margin-bottom: 40px !important;

  }

  .sm-mb-50 {

    margin-bottom: 50px !important;

  }

  .sm-mb-60 {

    margin-bottom: 60px !important;

  }

  .sm-mb-70 {

    margin-bottom: 70px !important;

  }

  .sm-mb-80 {

    margin-bottom: 80px !important;

  }

  .sm-mb-90 {

    margin-bottom: 90px !important;

  }

  .sm-mb-100 {

    margin-bottom: 100px !important;

  }

  .sm-mb-110 {

    margin-bottom: 110px !important;

  }

  .sm-mb-120 {

    margin-bottom: 120px !important;

  }

  .sm-mb-130 {

    margin-bottom: 130px !important;

  }

  .sm-mb-140 {

    margin-bottom: 140px !important;

  }

  .sm-mb-150 {

    margin-bottom: 150px !important;

  }

  .sm-mb-200 {

    margin-bottom: 200px !important;

  }

}

/*(max-width: 767px)*/

@media (max-width: 575px) {

  .xs-p0 {

    padding: 0 !important;

  }

  .xs-m0 {

    margin: 0 !important;

  }

  .xs-pt-10 {

    padding-top: 10px !important;

  }

  .xs-pt-20 {

    padding-top: 20px !important;

  }

  .xs-pt-30 {

    padding-top: 30px !important;

  }

  .xs-pt-40 {

    padding-top: 40px !important;

  }

  .xs-pt-50 {

    padding-top: 50px !important;

  }

  .xs-pt-60 {

    padding-top: 60px !important;

  }

  .xs-pt-70 {

    padding-top: 70px !important;

  }

  .xs-pt-80 {

    padding-top: 80px !important;

  }

  .xs-pt-90 {

    padding-top: 90px !important;

  }

  .xs-pt-100 {

    padding-top: 100px !important;

  }

  .xs-pt-110 {

    padding-top: 110px !important;

  }

  .xs-pt-120 {

    padding-top: 120px !important;

  }

  .xs-pt-130 {

    padding-top: 130px !important;

  }

  .xs-pt-140 {

    padding-top: 140px !important;

  }

  .xs-pt-150 {

    padding-top: 150px !important;

  }

  .xs-pt-200 {

    padding-top: 200px !important;

  }

  .xs-pb-10 {

    padding-bottom: 10px !important;

  }

  .xs-pb-20 {

    padding-bottom: 20px !important;

  }

  .xs-pb-30 {

    padding-bottom: 30px !important;

  }

  .xs-pb-40 {

    padding-bottom: 40px !important;

  }

  .xs-pb-50 {

    padding-bottom: 50px !important;

  }

  .xs-pb-60 {

    padding-bottom: 60px !important;

  }

  .xs-pb-70 {

    padding-bottom: 70px !important;

  }

  .xs-pb-80 {

    padding-bottom: 80px !important;

  }

  .xs-pb-90 {

    padding-bottom: 90px !important;

  }

  .xs-pb-100 {

    padding-bottom: 100px !important;

  }

  .xs-pb-110 {

    padding-bottom: 110px !important;

  }

  .xs-pb-120 {

    padding-bottom: 120px !important;

  }

  .xs-pb-130 {

    padding-bottom: 130px !important;

  }

  .xs-pb-140 {

    padding-bottom: 140px !important;

  }

  .xs-pb-150 {

    padding-bottom: 150px !important;

  }

  .xs-pb-200 {

    padding-bottom: 200px !important;

  }

  .xs-mt-10 {

    margin-top: 10px !important;

  }

  .xs-mt-20 {

    margin-top: 20px !important;

  }

  .xs-mt-30 {

    margin-top: 30px !important;

  }

  .xs-mt-40 {

    margin-top: 40px !important;

  }

  .xs-mt-50 {

    margin-top: 50px !important;

  }

  .xs-mt-60 {

    margin-top: 60px !important;

  }

  .xs-mt-70 {

    margin-top: 70px !important;

  }

  .xs-mt-80 {

    margin-top: 80px !important;

  }

  .xs-mt-90 {

    margin-top: 90px !important;

  }

  .xs-mt-100 {

    margin-top: 100px !important;

  }

  .xs-mt-110 {

    margin-top: 110px !important;

  }

  .xs-mt-120 {

    margin-top: 120px !important;

  }

  .xs-mt-130 {

    margin-top: 130px !important;

  }

  .xs-mt-140 {

    margin-top: 140px !important;

  }

  .xs-mt-150 {

    margin-top: 150px !important;

  }

  .xs-mt-200 {

    margin-top: 200px !important;

  }

  .xs-mb-10 {

    margin-bottom: 10px !important;

  }

  .xs-mb-20 {

    margin-bottom: 20px !important;

  }

  .xs-mb-30 {

    margin-bottom: 30px !important;

  }

  .xs-mb-40 {

    margin-bottom: 40px !important;

  }

  .xs-mb-50 {

    margin-bottom: 50px !important;

  }

  .xs-mb-60 {

    margin-bottom: 60px !important;

  }

  .xs-mb-70 {

    margin-bottom: 70px !important;

  }

  .xs-mb-80 {

    margin-bottom: 80px !important;

  }

  .xs-mb-90 {

    margin-bottom: 90px !important;

  }

  .xs-mb-100 {

    margin-bottom: 100px !important;

  }

  .xs-mb-110 {

    margin-bottom: 110px !important;

  }

  .xs-mb-120 {

    margin-bottom: 120px !important;

  }

  .xs-mb-130 {

    margin-bottom: 130px !important;

  }

  .xs-mb-140 {

    margin-bottom: 140px !important;

  }

  .xs-mb-150 {

    margin-bottom: 150px !important;

  }

  .xs-mb-200 {

    margin-bottom: 200px !important;

  }

}

/*(max-width: 575px)*/

.title-one .upper-title {

  font-size: 20px;

  font-weight: 500;

  color: #5B5A56;

  margin-bottom: 15px;

  text-transform: uppercase;

}

.title-one h2 {

  font-size: 60px;

  line-height: 1.2em;

  font-weight: 700;

  text-transform: capitalize;

}



.title-two h2 {

  font-family: "longsileregular";

  font-size: 96px;

  line-height: 1.0416em;

  margin: 0;

  text-transform: capitalize;

}



.title-three h2 {

  font-family: "longsileregular";

  font-size: 80px;

  line-height: 1.05em;

  margin: 0;

  text-transform: capitalize;

}



.btn-one {

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  padding: 0 42px;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  border-radius: 80px;

  min-width: 170px;

  height: 60px;

  text-align: center;

  background: #000;

  transition: all 0.3s ease-in-out 0s;

}

.btn-one:hover {

  background: #FDABFF;

  color: #000;

}



.btn-two {

  font-size: 18px;

  font-weight: 600;

  color: #000;

  padding: 0 45px;

  line-height: 61px;

  border: 2px solid #000;

  border-radius: 80px;

  text-align: center;

  background: #fff;

  min-width: 198px;

  transition: all 0.3s ease-in-out 0s;

}

.btn-two:hover {

  background: #FDABFF;

  border-color: #FDABFF;

  color: #000;

}

.btn-two.no-border {

  line-height: 65px;

  border: none;

}



.btn-three {

  font-size: 18px;

  font-weight: 600;

  color: #000;

  padding: 0 42px;

  line-height: 60px;

  border-radius: 80px;

  text-align: center;

  background: #FFEB88;

  transition: all 0.3s ease-in-out 0s;

}

.btn-three:hover {

  background: #FDABFF;

  color: #000;

}

.btn-three.xl {

  line-height: 65px;

  min-width: 230px;

}



.btn-four {

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  padding: 0 42px;

  line-height: 60px;

  border-radius: 80px;

  text-align: center;

  background: #7F77F9;

  transition: all 0.3s ease-in-out 0s;

}

.btn-four:hover {

  background: #000;

}

.btn-four.xl {

  line-height: 65px;

  min-width: 230px;

}



.btn-five {

  font-size: 18px;

  font-weight: 600;

  color: #000;

  padding: 0 42px;

  line-height: 60px;

  border-radius: 80px;

  text-align: center;

  background: #FDABFF;

  transition: all 0.3s ease-in-out 0s;

}

.btn-five:hover {

  background: #7F77F9;

  color: #fff;

}

.btn-five.xl {

  line-height: 65px;

  min-width: 230px;

}



.btn-six {

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  padding: 0 55px;

  line-height: 60px;

  border-radius: 5px;

  text-align: center;

  background: #000;

  transition: all 0.3s ease-in-out 0s;

}

.btn-six:hover {

  background: #90FFBD;

  color: #000;

}

.btn-six.lg {

  padding: 0 25px;

}

.btn-six.xl {

  line-height: 65px;

  min-width: 230px;

  padding: 0 15px;

}

.btn-six.xxl {

  line-height: 65px;

  min-width: 273px;

  padding: 0 15px;

}

.btn-six.reverse {

  background: #fff;

  color: #000;

}

.btn-six.reverse:hover {

  background: #7F77F9;

  color: #fff;

}



.btn-seven {

  font-size: 18px;

  font-weight: 600;

  color: #000;

  padding: 0 55px;

  border: 2px solid #000;

  line-height: 56px;

  border-radius: 5px;

  text-align: center;

  background: #fff;

  transition: all 0.3s ease-in-out 0s;

}

.btn-seven:hover {

  background: #7F77F9;

  color: #fff;

  border-color: #7F77F9;

}

.btn-seven.xl {

  line-height: 61px;

  min-width: 230px;

  padding: 0 15px;

}



.btn-eight {

  font-size: 18px;

  font-weight: 600;

  color: #000;

  padding: 0 52px;

  line-height: 65px;

  border-radius: 5px;

  text-align: center;

  background: #E3FFCD;

  transition: all 0.3s ease-in-out 0s;

}

.btn-eight:hover {

  background: #7F77F9;

  color: #fff;

  border-color: #7F77F9;

}

.btn-eight.xl {

  min-width: 230px;

  padding: 0 15px;

}



.btn-nine {

  font-size: 18px;

  font-weight: 600;

  color: #000;

  padding: 0 52px;

  line-height: 65px;

  border-radius: 5px;

  text-align: center;

  background: #FDABFF;

  transition: all 0.3s ease-in-out 0s;

}

.btn-nine:hover {

  background: #7F77F9;

  color: #fff;

  border-color: #7F77F9;

}

.btn-nine.xl {

  min-width: 230px;

  padding: 0 15px;

}



.btn-ten {

  font-size: 18px;

  font-weight: 500;

  line-height: 48px;

  color: #000;

  border: 1px solid #000;

  border-radius: 30px;

  padding: 0 35px;

  transition: all 0.3s ease-in-out 0s;

}

.btn-ten:hover {

  background: #000;

  color: #fff;

}



.sidenavbtn {

  width: 55px;

  height: 55px;

  border: 1px solid #000;

  box-shadow: 4px 0 0 #000;

  font-size: 28px;

}

.sidenavbtn:hover {

  background: #FFF7EC;

  border-color: #FFF7EC;

  color: #fff;

}



/*^^^^^^^^^^^^^^^^^^^^^ sidebar Menu ^^^^^^^^^^^^^^^^^^^^^^^^*/

.theme-main-menu,

.sticky-menu{

  position: relative;

  z-index: 999;

  transition: all 0.4s ease-in-out 0s;

}

.theme-main-menu.gap-one {

  padding: 30px 45px;

}

.theme-main-menu.gap-two {

  padding: 24px 0;

}

.theme-main-menu.gap-three {

  padding: 30px 95px;

}

.theme-main-menu.menu-overlay {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  background: transparent;

}

.theme-main-menu.fixed,

.sticky-menu.fixed{

  position: fixed;

  left: 0;

  right: 0;

  background: #000;

  box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);

}

.theme-main-menu.fixed.gap-one,

.sticky-menu.fixed{

  padding-top: 12px;

  padding-bottom: 12px;

}

.theme-main-menu.fixed.gap-two {

  padding: 12px 0;

}

.theme-main-menu.fixed.gap-three {

  padding: 12px 45px;

}

.theme-main-menu.fixed.menu-style-two {

  background: #21241e;

}

.theme-main-menu .navbar-toggler {

  width: 52px;

  height: 50px;

  padding: 0;

  box-shadow: none;

  position: relative;

  z-index: 99;

  border: none;

  background: #000;

}

.theme-main-menu.menu-style-two .navbar-toggler {

  background: #fff;

}

.theme-main-menu.menu-style-two .navbar-toggler:after, .theme-main-menu.menu-style-two .navbar-toggler:before, .theme-main-menu.menu-style-two .navbar-toggler span {

  background: #000;

}

.theme-main-menu .navbar-toggler:focus {

  box-shadow: none;

}

.theme-main-menu .navbar-toggler::before,

.theme-main-menu .navbar-toggler::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 10px;

  width: 32px;

  height: 2px;

  pointer-events: none;

  transition: transform 0.25s;

  transform-origin: 50% 50%;

  background: #fff;

}

.theme-main-menu .navbar-toggler span {

  position: absolute;

  left: 10px;

  overflow: hidden;

  width: 32px;

  height: 2px;

  margin-top: -1px;

  text-indent: 200%;

  transition: opacity 0.25s;

  background: #fff;

}

.theme-main-menu .navbar-toggler::before {

  transform: translate3d(0, -9px, 0) scale3d(1, 1, 1);

}

.theme-main-menu .navbar-toggler::after {

  transform: translate3d(0, 8px, 0) scale3d(1, 1, 1);

}

.theme-main-menu .navbar-toggler[aria-expanded=true] span {

  opacity: 0;

}

.theme-main-menu .navbar-toggler[aria-expanded=true]::before {

  transform: rotate3d(0, 0, 1, 45deg);

}

.theme-main-menu .navbar-toggler[aria-expanded=true]::after {

  transform: rotate3d(0, 0, 1, -45deg);

}

.navbar ul > li {

	position: relative;

}

.navbar ul > li:not(:last-child) {

	margin-right: 40px;

}

.navbar ul > li > a {

  font-weight: 500;

  font-size: 18px;

  line-height: initial;

  color: #010212;

  padding: 10px 0;

  position: relative;

  transition: all 0.2s ease-in-out 0s;

}

.navbar ul > li:hover > a {

  color: #7F77F9;

}

.theme-main-menu .navbar ul li a .dropdown-toggle::after {

  content: "\f282";

  font-family: "bootstrap-icons";

  border: none;

  vertical-align: -1px;

  margin-left: 3px;

  font-weight: 900;

  font-size: 12px;

  transition: all 0.3s ease-in-out 0s;

}

.theme-main-menu .navbar .show.dropdown-toggle::after {

  transform: rotate(180deg);

}

.theme-main-menu.menu-style-one .navbar {

  margin-left: 6%;

}

.theme-main-menu.menu-style-one .container .navbar {

  margin: 0;

}

.theme-main-menu.menu-style-two .navbar {

  margin-left: 6%;

}

.theme-main-menu.menu-style-two .nav-item .nav-link {

  color: #fff;

}

.theme-main-menu.menu-style-two .container .navbar {

  margin: 0;

}



/* asad editing start here */



.navbar ul > li ul > li {

	position: relative;

	padding: 0px 20px;

	margin-bottom: 15px;

}

.navbar ul > li ul > li:last-child {

	margin-bottom: 0;

}

.navbar ul > li > ul > li > a {

  position: relative;

  font-family: "Inter", sans-serif;

  text-transform: capitalize;

  font-size: 16px;

  background: transparent;

  position: relative;

  color: #000;

  font-weight: 400;

  padding: 0 !important;

  margin: 0 !important;

  transition: all 0.2s ease-in-out 0s;

}

.navbar ul > li > ul > li > a:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: -2px;

  width: 100%;

  height: 2px;

  background: #7F77F9;

  transform: scale(0, 1);

  transform-origin: 0 0;

  transition: all 0.2s ease-in-out 0s;

}

.navbar ul > li > ul > li > a:hover:before, .navbar ul > li ul > li.active > a:before {

  transform: scale(1);

  color: #7F77F9;

}



.theme-main-menu .mega-dropdown, .theme-main-menu .navbar {

  position: static;

}

.theme-main-menu .mega-dropdown .col-lg-3 {

  max-width: 20%;

  width: 20%;

}

.theme-main-menu .mega-dropdown .home-item {

  text-align: center;

  margin-top: 15px;

}

.theme-main-menu .mega-dropdown .home-item .img-item {

  border: 1px solid #e1e1e1;

  border-radius: 15px;

  overflow: hidden;

  margin-bottom: 12px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

}

.theme-main-menu .mega-dropdown .home-item .img-item img {

  transition: all 0.6s ease-in-out 0s;

}

.theme-main-menu .mega-dropdown .home-item span {

  font-size: 0.9em;

  position: relative;

  display: inline-block;

  padding-bottom: 2px;

  transition: all 0.3s ease-in-out 0s;

}

.theme-main-menu .mega-dropdown .home-item span:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 2px;

  background: #FDABFF;

  transform: scale(0, 1);

  transform-origin: 0 0;

  transition: all 0.2s ease-in-out 0s;

}

.theme-main-menu .mega-dropdown .home-item:hover span {

  color: #FDABFF;

  letter-spacing: 0.3px;

}

.theme-main-menu .mega-dropdown .home-item:hover span:before {

  transform: scale(1);

}

.theme-main-menu .mega-dropdown .home-item:hover .img-item img {

  transform: scale3d(1.1, 1.1, 1);

}



.navbar [class*=mega-dropdown] .dropdown-menu {

  padding: 0 0 15px;

  margin: 0;

  right: 0;

}



.navbar .mega-dropdown-sm .dropdown-menu {

  min-width: 620px;

  left: -200px;

  padding: 10px;

}



.navbar [class*=mega-dropdown] .menu-column {

  padding: 5px 0;

}

.navbar [class*=mega-dropdown] .menu-column .mega-menu-title {

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 500;

  display: inline-block;

  position: relative;

  margin: 0 0 15px;

  padding-left: 15px;

}

.navbar [class*=mega-dropdown] .menu-column .mega-menu-title:before {

  content: "";

  position: absolute;

  width: calc(100% - 15px);

  height: 1px;

  background: #000;

  left: 15px;

  bottom: -5px;

}



.theme-main-menu .login-btn-one {

  font-size: 18px;

  font-weight: 600;

  color: #000;

}

.theme-main-menu .login-btn-one i {

  font-size: 1.05em;

  margin-right: 6px;

}

.theme-main-menu .login-btn-one:hover {

  text-decoration: underline;

}

.theme-main-menu .signup-btn-one {

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  line-height: 56px;

  border: 2px solid #fff;

  border-radius: 50px;

  padding: 0 52px;

  transition: all 0.3s ease-in-out 0s;

}

.theme-main-menu .signup-btn-one:hover {

  background: #E3FFCD;

  border-color: #E3FFCD;

  color: #000;

}



/*----- For Desktop -------*/

@media screen and (min-width: 992px) {

  .navbar ul > li > ul {

    position: absolute;

	font-size: 1em;

    z-index: 5;

    background-color: #fff;

    border-radius: 10px;

    display: block;

    right: auto;

    left: 0;

    padding: 20px 0px;

    border: none;

    top: 100%;

    visibility: hidden;

    transform: translateY(5px);

    opacity: 0;

    min-width: 200px;

	width: max-content;

    box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.12);

    margin: 0;

    transform-origin: 0 0;

    transition: all 0.2s ease-in;

  }

  .navbar ul > li > ul:before {

    content: "";

    position: absolute;

    left: 30px;

    top: -17px;

  }

  .navbar ul > li > ul > li > ul {

    left: calc(100% + 5px);

    top: -10px;

    right: auto;

    min-width: 200px;

    box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.15);

    transform: translateY(0);

  }

  .navbar ul > li:hover > ul {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

  }

  .nav-item .dropdown-toggle::after {

    display: none;

  }

}

/*----- For Mobile ----*/

@media screen and (max-width: 991px) {

  .navbar {

    padding: 0;

  }

  .navbar-collapse .logo {

    margin-bottom: 10vh;

    padding-left: 12px;

  }

  .white-vr .navbar-collapse {

    background-color: #000;

  }

  .navbar-collapse {

    position: fixed;

    top: 0;

    background-color: #fff;

    left: 0;

    height: 100vh;

    max-height: 100vh;

    overflow-y: auto;

    clear: both;

    width: 320px;

    max-width: calc(100vw - 60px);

    z-index: 9999;

    transform: translateX(-100%);

    display: block !important;

    padding: 20px 0 20px;

    transition: all 0.3s ease-in-out;

  }

  .menu-style-two .navbar-collapse {

    background: #212121;

  }

  .menu-style-two .navbar-collapse .navbar-nav .nav-link {

    border-top: 1px dashed rgba(255, 255, 255, 0.18);

  }

  .navbar-collapse.show {

    transform: translateX(0);

    box-shadow: 15px 0 25px rgba(35, 35, 35, 0.09);

  }

  .navbar .navbar-nav .nav-link {

    margin: 0;

    padding: 15px 12px;

    border-top: 1px dashed rgba(0, 0, 0, 0.1);

  }

  .navbar .dropdown-menu .dropdown-item {

    line-height: 44px;

    font-size: 17px;

  }

  .navbar .dropdown-menu {

    border: none;

    padding: 0;

    border-radius: 0;

    margin: 0;

    background: #fff;

    border-top: 1px dashed rgba(0, 0, 0, 0.1);

  }

  .navbar .dropdown-toggle::after {

    position: absolute;

    right: 15px;

    top: 0;

    line-height: 53px;

  }

  .navbar .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-item {

    padding-left: 30px;

  }

}

/*(max-width: 991px)*/

.hero-banner-one {

  background: #FFF7EC;

}

.hero-banner-one .slogan {

  display: inline-block;

  font-size: 32px;

  color: #000;

  background: #90FFBD;

  padding: 5px 16px;

  border-radius: 50px;

}

.hero-banner-one .hero-heading {

  font-size: 128px;

  font-weight: 800;

  line-height: 1.0156em;

  text-transform: uppercase;

  margin: 40px 0 40px;

}

.hero-banner-one .hero-heading span {

  display: inline-block;

  position: relative;

  color: #FDABFF;

}

.hero-banner-one .hero-heading span img {

  position: absolute;

  top: -33%;

  right: -25%;

}

.hero-banner-one .customer-count {

  width: 212px;

  height: 212px;

  border: 1px solid #000;

  background: #FFEB88;

  position: absolute;

  z-index: 2;

  left: 10%;

  bottom: 12%;

}

.hero-banner-one .customer-count .main-count {

  font-size: 60px;

  font-weight: 700;

  color: #000;

}

.hero-banner-one .customer-count p {

  font-size: 20px;

  line-height: 1.2em;

  text-align: center;

  color: rgba(0, 0, 0, 0.7);

  margin: -12px 0 0;

}

.hero-banner-one:before {

  content: "";

  position: absolute;

  width: 1px;

  height: 85%;

  top: 0;

  left: calc(10% + 106px);

  background: #000;

  z-index: -2;

}

.hero-banner-one .screen_01 {

  left: 3%;

  top: 23%;

  border-radius: 80px;

  max-width: 11%;

  animation: jumpThree 5s infinite linear;

}

.hero-banner-one .screen_02 {

  right: 5%;

  bottom: 18%;

  border-radius: 100px;

  max-width: 20%;

  animation: jumpTwo 5s infinite linear;

}

.hero-banner-one .screen_03 {

  top: 20%;

  right: 1%;

  max-width: 16%;

  animation: jumpThree 5s infinite linear;

}



.hero-banner-two {

  background: #FFEB88;

}

.hero-banner-two .hero-heading {

  font-size: 96px;

  font-weight: 700;

  line-height: 1em;

  text-transform: capitalize;

}

.hero-banner-two .hero-heading img {

  display: inline-block;

  border-radius: 40px;

  width: 218px;

  vertical-align: middle;

  margin: -10px -3px 0 -4px;

}

.hero-banner-two .customer-count .main-count {

  font-size: 64px;

  color: #000;

  font-weight: 700;

  margin-right: 20px;

}

.hero-banner-two .screen_01 {

  top: 14%;

  right: 4%;

  max-width: 29%;

}

.hero-banner-two .screen_02 {

  right: 33%;

  top: 52%;

  max-width: 21%;

}

.hero-banner-two .screen_03 {

  left: 5%;

  top: 20%;

  animation: jumpThree 5s infinite linear;

  max-width: 6%;

}

.hero-banner-two .screen_04 {

  right: 36%;

  top: 13%;

  animation: rotated 95s infinite linear;

  max-width: 4%;

}

.hero-banner-two .screen_05 {

  left: 7%;

  bottom: 33%;

  animation: rotated 95s infinite linear;

  max-width: 4%;

}



.hero-banner-three {

  background: #F3FFF8;

  overflow: hidden;

}

.hero-banner-three .tag {

  font-size: 32px;

  font-weight: 500;

  color: #fff;

  background: #000;

  border-radius: 50px;

  padding: 5px 30px;

}

.hero-banner-three .tag:before {

  content: url(../images/shape/shape_19.svg);

  position: absolute;

  right: -30px;

  top: -42px;

  animation: jumpTwo 5s infinite linear;

}

.hero-banner-three .hero-heading {

  font-family: "longsileregular";

  font-size: 128px;

  line-height: 0.9843em;

}

.hero-banner-three .hero-heading span {

  color: #7F77F9;

}

.hero-banner-three .hero-heading img {

  display: inline-block;

}

.hero-banner-three .hero-heading .bubble-img {

  margin: -58px 0 0 -14px;

  animation: jumpThree 5s infinite linear;

}

.hero-banner-three .hero-heading .img-meta {

  border-radius: 50px;

}

.hero-banner-three .call-btn a {

  font-size: 24px;

  font-weight: 600;

  color: #000;

}

.hero-banner-three .call-btn a:hover {

  text-decoration: underline;

}

.hero-banner-three .customer-count p {

  display: inline-block;

  font-size: 22px;

  color: #000;

  background: #fff;

  border: 1px solid #000;

  padding: 6px 21px;

}

.hero-banner-three .customer-count p span {

  font-size: 40px;

  font-weight: 700;

}

.hero-banner-three .customer-count p::before {

  content: url(../images/icon/icon_23.svg);

  position: absolute;

  right: -90px;

  top: -4px;

}

.hero-banner-three .screen_01 {

  right: 0;

  top: 0;

  max-width: 50%;

}

.hero-banner-three .screen_02 {

  left: 5%;

  top: 22%;

  animation: jumpThree 5s infinite linear;

  max-width: 6%;

}



.hero-banner-four {

  background: #F1F0FF;

}

.hero-banner-four .round-img {

  animation: rotated 95s infinite linear;

}

.hero-banner-four .mark-box {

  padding: 5px 20px 10px;

  background: #fff;

  border: 2px solid #000;

  border-radius: 10px;

  margin: 20px 0 50px;

}

.hero-banner-four .mark-box strong {

  display: block;

  font-size: 40px;

  font-weight: 700;

  color: #000;

  margin-bottom: -9px;

}

.hero-banner-four .hero-heading {

  font-family: "longsileregular";

  font-size: 128px;

  line-height: 0.9843em;

  color: #000;

  text-transform: capitalize;

}

.hero-banner-four .hero-heading span {

  display: inline-block;

  position: relative;

}

.hero-banner-four .hero-heading span img {

  position: absolute;

  top: -10px;

  right: -74px;

  animation: jumpThree 5s infinite linear;

}

.hero-banner-four .arrow_01 {

  right: -88px;

  bottom: -20px;

}

.hero-banner-four .shape_01 {

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  max-width: 67%;

}

.hero-banner-four .shape_02 {

  top: 8%;

  left: 50%;

  transform: translateX(-50%);

  max-width: 54%;

}

.hero-banner-four .screen_01 {

  left: 2%;

  bottom: 5%;

  max-width: 25%;

  animation: jumpTwo 5s infinite linear;

}

.hero-banner-four .screen_02 {

  right: 3%;

  bottom: 7%;

  max-width: 22%;

  animation: jumpThree 5s infinite linear;

}



.hero-banner-five {

  background: #101110;

}

.hero-banner-five .slogan {

  font-size: 24px;

  margin-bottom: 25px;

}

.hero-banner-five .hero-heading {

  font-family: "longsileregular";

  font-size: 140px;

  line-height: 1.0428em;

}

.hero-banner-five .hero-heading span {

  position: relative;

}

.hero-banner-five .hero-heading span.color-text {

  color: #E3FFCD;

}

.hero-banner-five .hero-heading span img {

  position: absolute;

  top: -32px;

  right: -44px;

  animation: jumpThree 5s infinite linear;

}

.hero-banner-five .arrow_01 {

  right: -150px;

  bottom: -23px;

}

.hero-banner-five .circle-one {

  position: absolute;

  left: -9%;

  top: 5%;

  width: 423px;

  height: 423px;

  background: radial-gradient(50% 50% at 50% 50%, rgba(202, 255, 160, 0.1395) 0%, rgba(255, 255, 255, 0) 100%);

}

.hero-banner-five .screen_01 {

  right: 14%;

  top: 20%;

  max-width: 29%;

}

.hero-banner-five .screen_02 {

  top: 13%;

  right: 3%;

  max-width: 46%;

  animation: jumpTwo 5s infinite linear;

}

.hero-banner-five .shape_01 {

  top: 0;

  right: 0;

  z-index: -3;

  max-width: 39%;

}

.hero-banner-five .shape_02 {

  top: 9%;

  right: 3%;

  z-index: -4;

  max-width: 50%;

}



.hero-banner-six {

  background: #F2DFDF;

  border-radius: 0 0 30px 30px;

}

.hero-banner-six .slogan {

  background: #FFF5F5;

  border-radius: 3px;

  padding: 11px 17px;

  font-size: 18px;

  color: #000;

  margin-bottom: 32px;

}

.hero-banner-six .slogan:before {

  content: url(../images/shape/shape_44.svg);

  position: absolute;

  left: -30px;

  top: -30px;

}

.hero-banner-six .hero-heading {

  font-size: 160px;

  font-weight: 700;

  line-height: 1em;

}

.hero-banner-six .hero-heading span {

  font-family: "Inter", sans-serif;

  position: relative;

  display: inline-block;

  z-index: 1;

}

.hero-banner-six .hero-heading span:before {

  content: url(../images/shape/shape_47.svg);

  position: absolute;

  right: -55px;

  top: -33px;

  line-height: 25px;

}

.hero-banner-six .voice-btn {

  font-size: 20px;

  font-weight: 500;

  color: #000;

  padding: 19px 22px;

  background: #fff;

  border: 1px solid #000;

  border-radius: 10px;

}

.hero-banner-six .voice-btn i {

  font-size: 25px;

  margin-right: 14px;

}

.hero-banner-six .voice-btn:hover {

  background: #7F77F9;

  border-color: #7F77F9;

  color: #fff;

}

.hero-banner-six .screen_01 {

  top: 17%;

  right: 3%;

  max-width: 54%;

}

.hero-banner-six .shape_01 {

  top: 2%;

  right: 3%;

  z-index: -2;

  max-width: 54%;

}

.hero-banner-six .shape_02 {

  top: 17%;

  left: 7%;

  max-width: 38%;

}



.fancy-banner-one h2 {

  font-size: 96px;

  font-weight: 700;

  line-height: 1.0416em;

  color: #fff;

  text-transform: capitalize;

}

.fancy-banner-one h2 img {

  display: inline-block;

  margin: 0 -13px 0 -6px;

  animation: rotated 95s infinite linear;

}

.fancy-banner-one .shape_01 {

  top: 41%;

  right: 9%;

  max-width: 4%;

}

.fancy-banner-one .shape_02 {

  top: 47%;

  left: 10%;

  max-width: 4%;

}



.fancy-banner-two {

  background: #000;

}

.fancy-banner-two h2 {

  font-family: "longsileregular";

  font-size: 96px;

  line-height: 1.0416em;

  color: #fff;

  text-transform: capitalize;

}

.fancy-banner-two .btn-four:hover {

  background: #FDABFF;

  color: #000;

}

.fancy-banner-two.bg-two {

  background: #F1F0FF;

}

.fancy-banner-two.bg-two h2 {

  color: #000;

}



.fancy-banner-three {

  background: #101110;

}

.fancy-banner-three .shape_01 {

  top: 16%;

  left: 11%;

  max-width: 3%;

  animation: rotated 95s infinite linear;

}

.fancy-banner-three .shape_02 {

  bottom: 19%;

  right: 8%;

  max-width: 6%;

  animation: rotatedTwo 95s infinite linear;

}

.fancy-banner-three .shape_03 {

  bottom: 13%;

  left: 7%;

  max-width: 3%;

}

.fancy-banner-three.version-two {

  background: #F8EFEF;

}

.fancy-banner-three.version-two h2 {

  font-size: 68px;

  font-weight: 600;

}



.inner-banner-one {

  background: #FFFBF6;

  border-bottom: 14px solid #000;

}

.inner-banner-one .breadcrumb-content {

  background: #90FFBD;

  border-radius: 50px;

  padding: 6px 50px;

}

.inner-banner-one .breadcrumb-content li {

  font-size: 32px;

  font-weight: 500;

  margin: 0 7px;

  color: #000;

}

.inner-banner-one .breadcrumb-content li a:hover {

  text-decoration: underline;

}

.inner-banner-one h2 {

  font-size: 96px;

  font-weight: 800;

  text-transform: uppercase;

  margin: 45px 0 0;

}

.inner-banner-one .shape_01 {

  top: 32%;

  right: 18%;

  max-width: 4%;

}

.inner-banner-one .shape_02 {

  top: 40%;

  left: 7%;

  max-width: 4%;

}



.inner-banner-two {

  background: #000000;

}

.inner-banner-two h2 {

  font-size: 96px;

  font-weight: 800;

  color: #fff;

  text-transform: uppercase;

  margin: 0;

  display: inline-block;

  position: relative;

}

.inner-banner-two .shape_01 {

  top: -4px;

  right: -130px;

}

.inner-banner-two .shape_02 {

  top: 50%;

  left: 5%;

  max-width: 4%;

}



.feature-block-one .shape_01 {

  top: 0;

  right: 10%;

  max-width: 6%;

  animation: jumpTwo 5s infinite linear;

}

.feature-block-one .shape_02 {

  bottom: 10%;

  left: 4%;

  max-width: 5%;

  animation: jumpThree 5s infinite linear;

}

.feature-block-one.bg-one {

  background: url(../images/assets/bg_08.jpg) no-repeat center;

  background-size: cover;

}

.feature-block-one.bg-two {

  background: url(../images/assets/bg_09.jpg) no-repeat center;

  background-size: cover;

  color: #A8A8A8;

}

.feature-block-one.bg-two .counter-block-one p {

  color: #A8A8A8;

}

.feature-block-one.bg-two .card-style-six {

  background: #281D2B;

}

.feature-block-one.bg-three {

  background: #F8F0F0;

}



.feature-block-two .card-wrapper {

  border: 4px solid #000;

  border-radius: 30px;

  padding: 5px 15px 20px;

  position: relative;

  min-width: 250px;

  text-align: center;

}

.feature-block-two .card-wrapper .main-count {

  font-weight: 600;

  font-size: 80px;

  color: #000;

  margin-top: -15px;

}

.feature-block-two .card-wrapper p {

  font-size: 24px;

  color: #000;

  margin: -24px 0 0;

}

.feature-block-two .shape_01 {

  left: -2%;

  bottom: 30%;

  max-width: 19%;

  animation: jumpThree 5s infinite linear;

}

.feature-block-two .shape_02 {

  top: 20%;

  right: 9%;

  animation: rotated 95s infinite linear;

}

.feature-block-two .shape_03 {

  right: 8%;

  bottom: 16%;

}



.feature-block-three {

  background: #E3FFDD;

  overflow: hidden;

}

.feature-block-three .card-wrapper {

  border: 4px solid #000;

  border-radius: 30px;

  padding: 5px 15px 15px;

  position: absolute;

  right: 6%;

  bottom: 18%;

  min-width: 250px;

  text-align: center;

}

.feature-block-three .card-wrapper .main-count {

  font-weight: 600;

  font-size: 80px;

  color: #000;

  margin-top: -15px;

}

.feature-block-three .card-wrapper p {

  font-size: 24px;

  color: #000;

  margin: -24px 0 0;

}

.feature-block-three .shape_01 {

  left: -11%;

  bottom: -19%;

  z-index: 1;

  max-width: 92%;

}



.feature-block-four .wrapper {

  background: #FDABFF;

  border-radius: 10px;

  padding: 124px 75px 150px;

}

.feature-block-four .wrapper::after {

  content: url(../images/shape/shape_23.svg);

  position: absolute;

  right: -65px;

  top: -69px;

}

.feature-block-four .btn-one:hover {

  background: #FFEB88;

  color: #000;

}

.feature-block-four .shape_01 {

  top: 9%;

  right: 35%;

  max-width: 11%;

  animation: jumpTwo 5s infinite linear;

}

.feature-block-four .box-one {

  width: 60%;

  background: #fff;

  border: 2px solid #000;

  border-radius: 0 100px 100px 100px;

  padding: 35px 15px;

}

.feature-block-four .box-one:before {

  content: "";

  width: 270px;

  height: 2px;

  background: #000;

  position: absolute;

  right: -270px;

  bottom: 135px;

}

.feature-block-four .box-two {

  width: 30%;

}

.feature-block-four .box-two span {

  font-size: 16px;

  display: block;

  text-align: right;

  margin: 9px 29px 0 0;

}

.feature-block-four .box-two .bg {

  background: #fff;

  border: 2px solid #000;

  border-radius: 0 40px 40px 40px;

  padding: 27px 40px;

}

.feature-block-four .box-two .bg p {

  font-size: 16px;

  line-height: 1.625em;

  margin: 0;

}

.feature-block-four .box-two .bg img {

  width: 55px;

  height: 55px;

  position: absolute;

  top: -36px;

  left: 40px;

  z-index: 1;

}

.feature-block-four .box-three {

  width: 66%;

}

.feature-block-four .box-three .bg {

  background: #fff;

  border: 2px solid #000;

  border-radius: 0 40px 40px 40px;

  padding: 15px 40px;

}

.feature-block-four .box-three .bg img {

  width: 31%;

}

.feature-block-four .box-three .bg .text {

  width: 59%;

  padding-left: 55px;

}

.feature-block-four .box-three .bg .text h6 {

  display: inline-block;

  font-size: 24px;

  line-height: 1.0833em;

  margin: 0;

  padding-right: 55px;

  position: relative;

}

.feature-block-four .box-three .bg .text h6::after {

  content: url(../images/icon/icon_27.svg);

  position: absolute;

  right: 0;

  top: 0;

}

.feature-block-four .box-four {

  width: 24%;

}

.feature-block-four .box-four:before {

  content: "";

  width: 2px;

  height: 140px;

  background: #000;

  position: absolute;

  left: 80px;

  top: -159px;

}

.feature-block-four .box-four::after {

  content: url(../images/shape/shape_22.svg);

  position: absolute;

  right: -35px;

  top: -37px;

}

.feature-block-four .box-four .bg {

  background: #fff;

  border: 2px solid #000;

  border-radius: 30px;

  padding: 7px 40px 15px 26px;

}

.feature-block-four .box-four .bg .numb {

  font-family: "Inter", sans-serif;

  font-size: 64px;

  font-weight: 600;

  color: #000;

  display: inline-block;

  position: relative;

  z-index: 1;

}

.feature-block-four .box-four .bg .numb::before {

  content: "";

  position: absolute;

  right: 5px;

  top: 50%;

  transform: translateY(-50%);

  width: 63px;

  height: 22px;

  border-radius: 10px;

  background: #AFFBCE;

  z-index: -1;

}

.feature-block-four .box-four .bg p {

  font-size: 16px;

  line-height: 1.5em;

  font-weight: 500;

  margin: -10px 0 0;

}



.feature-block-five .inner-wrapper {

  max-width: 1920px;

  margin: 0 auto;

}

.feature-block-five .list-style-one li {

  margin-top: 17px;

}

.feature-block-five .mark-text {

  padding: 32px 0 24px 29px;

}

.feature-block-five .mark-text:before {

  content: "";

  position: absolute;

  width: 93%;

  height: 100%;

  left: 0;

  top: 0;

  background: #EBD6FF;

  z-index: -1;

  border-radius: 10px;

}

.feature-block-five .mark-text p {

  font-size: 24px;

  line-height: 1.4166em;

  font-weight: 500;

  color: #000;

  margin: 0;

  width: 70%;

  padding: 0 0 0 30px;

}

.feature-block-five .mark-text .icon_01 {

  right: -10%;

  top: 50%;

  transform: translateY(-50%);

}

.feature-block-five .screen_01 {

  right: 5%;

  top: 50%;

  transform: translateY(-50%);

  max-width: 46%;

}

.feature-block-five .screen_02 {

  left: 4%;

  top: 50%;

  transform: translateY(-50%);

  max-width: 46%;

}

.feature-block-five .screen_03 {

  left: 5%;

  top: 48%;

  transform: translateY(-50%);

  max-width: 41%;

}



.feature-block-six {

  background: #F1F0FF;

}

.feature-block-six .card-style-four {

  border: 2px solid #000;

}



.feature-block-seven .card-block {

  border-radius: 30px;

  padding: 68px 55px 60px;

}

.feature-block-seven .card-block .top-content {

  padding-right: 90px;

}

.title-two__custom h3 {

  font-family: "longsileregular";

  font-size: 64px;

  line-height: 1.094em;

  margin: 0;

}

.feature-block-seven .card-block .top-content img {

  position: absolute;

  right: 0;

  top: 20%;

  animation: rotated 95s infinite linear;

}

.feature-block-seven .card-block .list-style-one li {

  margin-top: 17px;

}



.feature-block-eight {

  background: #F0F0F0;

}

.feature-block-eight .title-three {

  position: relative;

  z-index: 1;

}

.feature-block-eight .title-three::before {

  content: url(../images/shape/shape_36.svg);

  position: absolute;

  left: -80px;

  top: -35px;

}

.feature-block-eight .category-list li {

  height: 60px;

  border-radius: 50px;

  padding: 0 20px;

  font-weight: 600;

  color: #000;

  margin-right: -10px;

}

.feature-block-eight .category-list li:last-child {

  margin: 0;

}

.feature-block-eight .category-list li img {

  margin-right: 10px;

}

.feature-block-eight .features .icon {

  width: 98px;

  height: 98px;

  background: #fff;

}

.feature-block-eight .features .text {

  width: calc(78% - 98px);

  padding-left: 20px;

}

.feature-block-eight .features .text h6 {

  font-size: 20px;

  font-weight: 600;

  text-transform: capitalize;

  margin: 0;

}

.feature-block-eight .features .text p {

  font-size: 16px;

  line-height: 1.87em;

  margin: 0;

}

.feature-block-eight .screen_01 {

  right: 2%;

  top: 15%;

  max-width: 49%;

}

.feature-block-eight .shape_01 {

  bottom: 20%;

  left: 42%;

  max-width: 4%;

  animation: rotated 95s infinite linear;

}

.feature-block-eight.bg-two {

  background: #151713;

  color: #A8A8A8;

}

.feature-block-eight.bg-two .title-three::before {

  content: url(../images/shape/shape_51.svg);

}



.feature-block-nine {

  background: #F0F0F0;

}

.feature-block-nine .bg-wrapper {

  background: #F2DFDF;

  border-radius: 30px;

  padding: 65px 55px 90px;

}

.feature-block-nine .main-screen {

  border-radius: 20px;

  margin-top: 37px;

}

.feature-block-nine .screen_01 {

  bottom: 0;

  right: 4%;

  max-width: 44%;

}

.feature-block-nine .shape_01 {

  top: 7%;

  right: 47%;

  max-width: 7%;

  animation: rotated 95s infinite linear;

}

.feature-block-nine .shape_02 {

  top: 8%;

  right: 11%;

  max-width: 7%;

}

.feature-block-nine .shape_03 {

  top: 34%;

  right: 41%;

  max-width: 9%;

}

.feature-block-nine.bg-two {

  background: url(../images/assets/bg_10.jpg) no-repeat center;

  background-size: cover;

}

.feature-block-nine.bg-two .bg-wrapper {

  background: #251B27;

}



.feature-block-eleven .bg-wrapper {

  background: #F1F0FF;

  border-radius: 30px;

}

.feature-block-eleven .features {

  padding-left: 70px;

  padding-right: 100px;

}

.feature-block-eleven .features h6 {

  font-family: "Inter", sans-serif;

  font-size: 30px;

  font-weight: 600;

  text-transform: capitalize;

  margin-bottom: 17px;

}

.feature-block-eleven .features p {

  font-size: 16px;

  font-weight: 600;

  line-height: 1.875em;

  margin: 0;

}

.feature-block-eleven .features .icon {

  position: absolute;

  left: 0;

  top: -2px;

}

.feature-block-eleven .img-meta {

  background: #E1E0F9;

  border-radius: 10px;

  padding: 12px;

  height: 75%;

  width: 41.2%;

  position: absolute;

  top: 50%;

  right: 7%;

  transform: translateY(-50%);

}

.feature-block-eleven.version-two .bg-wrapper {

  background: #F0F4ED;

}

.feature-block-eleven.version-two .img-meta {

  background: #DAE2D3;

  right: auto;

  left: 4%;

}



.feature-block-twelve .filter-nav {

  margin: 0 -15px;

}

.feature-block-twelve .filter-nav .nav-link {

  background: #F0F4ED;

  border-radius: 0 0 10px 10px;

  padding: 35px 30px 40px;

  border: 0;

  margin: 0 15px;

  width: 420px;

  transition: all 0.3s ease-in-out 0s;

  position: relative;

  z-index: 1;

	cursor: pointer;

}

.feature-block-twelve .filter-nav .nav-link:before {

  content: "";

  position: absolute;

  width: 34px;

  height: 34px;

  left: calc(50% - 17px);

  bottom: -17px;

  transform: rotate(45deg);

  background: #fff;

  z-index: -1;

  opacity: 0;

  transition: all 0.3s ease-in-out 0s;

}

.feature-block-twelve .filter-nav .nav-link .icon {

  width: 98px;

  height: 98px;

  background: #fff;

  padding: 10px;

}

.feature-block-twelve .filter-nav .nav-link .text {

  width: calc(100% - 98px);

  padding-left: 28px;

  text-align: left;

}

.feature-block-twelve .filter-nav .nav-link .text h6 {

  font-family: "Inter", sans-serif;

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 8px;

  transition: all 0.3s ease-in-out 0s;

}

.feature-block-twelve .filter-nav .nav-link .text p {

  font-size: 15px;

  line-height: 2em;

  color: #555753;

  margin: 0;

  transition: all 0.3s ease-in-out 0s;

}

.feature-block-twelve .filter-nav .nav-link.active {

  background: #000;

}

.feature-block-twelve .filter-nav .nav-link.active .text h6, .feature-block-twelve .filter-nav .nav-link.active .text p {

  color: #fff;

}

.feature-block-twelve .filter-nav .nav-link.active:before {

  opacity: 1;

  background: #000;

}

.feature-block-twelve .bg-wrapper {

  background: #F2DFDF;

  border-radius: 30px 30px 0 0;

}

.feature-block-twelve .bg-wrapper .tab-content p {

  line-height: 1.6em;

}



.faq-section-one .bg-wrapper {

  background: #fff;

  padding: 128px 70px 75px;

}

.faq-section-one .illustration {

  right: 6%;

  top: 32%;

  max-width: 33%;

}



.faq-section-two {

  background: #FFEB88;

}

.faq-section-two .bg-wrapper {

  background: #fff;

  border: 2px solid #000;

  border-radius: 10px;

  box-shadow: 8px 8px 0 #000;

  padding: 140px 80px 75px;

  transform: translateY(-20px);

}



.faq-section-three {

  background: #FFF5FF;

}

.faq-section-three .slogan-title {

  width: 63%;

  margin-left: auto;

}

.faq-section-three .shape_01 {

  left: -12%;

  top: 50%;

  transform: translateY(-50%);

  max-width: 29%;

}

.faq-section-three .shape_02 {

  right: 7%;

  bottom: 18%;

  max-width: 4%;

}



.faq-section-four {

  background: #F0F0F0;

}

.faq-section-four h6 {

  font-size: 26px;

  font-weight: 500;

  line-height: 1.384em;

  text-transform: capitalize;

  margin-bottom: 22px;

}

.faq-section-four .shape_01 {

  left: 22%;

  bottom: 23%;

  max-width: 6%;

  animation: rotated 70s infinite linear;

}

.faq-section-four.bg-two {

  background: url(../images/assets/bg_11.jpg) no-repeat center;

  background-size: cover;

  color: #8E8C8E;

  z-index: 0;

}



.faq-section-five {

  background: #F6F3F3;

}



.faq-section-six .shape_01 {

  left: 19%;

  bottom: 9%;

  max-width: 5%;

}



.presentation-image:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  height: 49%;

  z-index: -1;

  background: linear-gradient(0deg, #FFFFFF 0%, #F1F0FF 99.86%);

}



.faq-section-seven .bg-wrapper {

  background: #F2F2F2;

}

.faq-section-seven .inner-title {

  font-size: 36px;

  font-weight: 700;

  margin-bottom: 50px;

}

.faq-section-seven .accordion {

  background: #D0FFE3;

  padding: 35px 30px;

  border-radius: 10px;

}



.list-style-one li {

  font-size: 18px;

  font-weight: 500;

  color: #000;

  margin-top: 12px;

  position: relative;

  padding-left: 40px;

}

.list-style-one li::before {

  content: url(../images/icon/icon_05.svg);

  position: absolute;

  display: block;

  left: 0;

  top: 0;

}

.list-style-one.version-two li {

  display: inline-block;

  border: 1px solid #000;

  border-radius: 3px;

  padding: 11px 25px 11px 63px;

  margin-top: 20px;

}

.list-style-one.version-two li::before {

  left: 13px;

  top: 9px;

}



.list-style-two li {

  font-size: 18px;

  margin-top: 9px;

  position: relative;

  padding-left: 26px;

}

.list-style-two li::before {

  content: url(../images/icon/icon_31.svg);

  position: absolute;

  display: block;

  left: 0;

  top: 0;

}



.list-style-three li {

  font-size: 16px;

  line-height: 1.875em;

  margin-bottom: 6px;

  position: relative;

  color: #979797;

  padding-left: 32px;

}

.list-style-three li::before {

  content: url(../images/icon/icon_66.svg);

  position: absolute;

  display: block;

  left: 0;

  top: 4px;

}



.accordion-style-one .accordion-item {

  background: #fff;

  position: relative;

  margin: 0 0 30px;

  z-index: 2;

  border: 1px solid #000;

  border-radius: 5px;

  overflow: hidden;

}

.accordion-style-one .accordion-item .accordion-button {

  background: transparent;

  box-shadow: none;

  font-weight: 600;

  font-size: 24px;

  color: #000;

  padding: 33px 10px 33px 100px;

  position: relative;

  text-transform: capitalize;

}

.accordion-style-one .accordion-item .accordion-button:not(.collapsed) {

  background: #F9F9F9;

}

.accordion-style-one .accordion-item .accordion-button:not(.collapsed):after {

  background: url(../images/icon/icon_08.svg) no-repeat center;

  background-size: cover;

}

.accordion-style-one .accordion-item .accordion-button:after {

  content: "";

  position: absolute;

  left: 25px;

  top: 20px;

  background: none;

  width: 47px;

  height: 47px;

  background: url(../images/icon/icon_07.svg) no-repeat center;

  background-size: cover;

  transform: none;

  transition: all 0.3s ease-in-out 0s;

}

.accordion-style-one .accordion-item .accordion-body {

  padding: 0 12px 20px 100px;

  background: #F9F9F9;

}

.accordion-style-one .accordion-item .accordion-body p {

  margin: 0;

}

.accordion-style-one.version-two .accordion-item .accordion-button {

  padding: 33px 100px 33px 40px;

}

.accordion-style-one.version-two .accordion-item .accordion-button:after {

  left: auto;

  right: 50px;

}

.accordion-style-one.version-two .accordion-body {

  padding: 0 100px 20px 40px;

}



.accordion-style-two .accordion-item {

  background: transparent;

  position: relative;

  margin: 0 0 15px;

  z-index: 2;

  border: 2px solid transparent;

  overflow: hidden;

  transition: all 0.3s ease-in-out 0s;

}

.accordion-style-two .accordion-item:last-child {

  margin: 0;

}

.accordion-style-two .accordion-item .accordion-button {

  background: #fff;

  box-shadow: none;

  font-weight: 600;

  font-size: 18px;

  color: #000;

  padding: 25px 60px 25px 22px;

  position: relative;

  border-radius: 3px;

}

.accordion-style-two .accordion-item .accordion-button:not(.collapsed) {

  padding-bottom: 18px;

  border-radius: 10px 10px 0 0;

}

.accordion-style-two .accordion-item .accordion-button:not(.collapsed):before {

  background: #FDABFF;

}

.accordion-style-two .accordion-item .accordion-button:after {

  position: absolute;

  right: 25px;

  top: 25px;

}

.accordion-style-two .accordion-item .accordion-button:before {

  content: "";

  position: absolute;

  width: 42px;

  height: 42px;

  background: #F1F6F6;

  border-radius: 50%;

  right: 14px;

  top: 14px;

}

.accordion-style-two .accordion-item .accordion-body {

  padding: 0 30px 30px 22px;

  background: #fff;

  border-radius: 0 0 10px 10px;

}

.accordion-style-two .accordion-item .accordion-body p {

  font-size: 16px;

  line-height: 1.875em;

  color: #696969;

  margin: 0;

}

.accordion-style-two .accordion-item:has(.show) {

  border: 2px solid #000;

  border-radius: 10px;

}



.counter-block-one .main-count {

  font-size: 96px;

  font-weight: 600;

  line-height: 1em;

  color: #000;

}

.counter-block-one p {

  font-size: 24px;

  line-height: 1.666em;

  color: #000;

}



.theme-sidebar-one {

  border: 2px solid #000;

  border-radius: 10px;

  padding: 35px 30px;

}

.theme-sidebar-one .sidebar-bg {

  background: #F6F6F6;

  border-radius: 10px;

  padding: 35px 35px;

}

.theme-sidebar-one .slider-title,

.widget h2,

.widget .wp-block-search__label{

  font-size: 20px;

  font-weight: 500;

  text-transform: uppercase;

  margin-bottom: 34px;

	color: #000;

}

.sidebar-search form,

.wp-block-search__inside-wrapper {

  height: 50px;

  position: relative;

}

.sidebar-search form input,

.wp-block-search__inside-wrapper input {

  width: 100%;

  height: 100%;

  border: 1px solid #000;

  border-radius: 30px;

  font-size: 16px;

  padding: 0 55px 0 20px;

}

.wp-block-search__inside-wrapper input {

	padding-right: 80px;

}

.sidebar-search form button,

.wp-block-search__inside-wrapper button {

  position: absolute;

  min-width: 55px;

  right: 0;

  top: 0;

  bottom: 0;

  font-size: 20px;

  transition: all 0.3s ease-in-out 0s;

}

.wp-block-search__inside-wrapper button {

	padding-top: 0;

	padding-bottom: 0;

	margin-left: 0;

	border: none;

	font-size: 16px;

}

.sidebar-search form button:hover,

.wp-block-search__inside-wrapper button:hover {

  color: #7F77F9;

}

.theme-sidebar-one .sidebar-category a {

  display: block;

  font-weight: 500;

  color: #545454;

  border-radius: 3px;

  overflow: hidden;

  padding: 4px 20px;

  margin-bottom: 5px;

  position: relative;

  z-index: 1;

  transition: all 0.3s ease-in-out 0s;

}

.theme-sidebar-one .sidebar-category a span {

  float: right;

  opacity: 0;

}

.theme-sidebar-one .sidebar-category a:before {

  content: "\f324";

  font-family: "Font Awesome 6 Pro";

  position: absolute;

  left: 0;

  top: 0;

  line-height: 35px;

  font-size: 10px;

  font-weight: bold;

  transition: all 0.2s ease-in-out 0s;

}

.theme-sidebar-one .sidebar-category a:after {

  content: "\f324";

  font-family: "Font Awesome 6 Pro";

  position: absolute;

  right: 15px;

  top: 0;

  line-height: 35px;

  font-size: 10px;

  font-weight: bold;

  color: #fff;

  opacity: 0;

  transform: translateX(15px);

  transition: all 0.3s ease-in-out 0s;

}

.theme-sidebar-one .sidebar-category a.active, .theme-sidebar-one .sidebar-category a:hover {

  background: #000;

  color: rgba(255, 255, 255, 0.8);

}

.theme-sidebar-one .sidebar-category a.active:after, .theme-sidebar-one .sidebar-category a:hover:after {

  opacity: 1;

  transform: translateX(0);

}

.theme-sidebar-one .sidebar-category a.active:before, .theme-sidebar-one .sidebar-category a:hover:before {

  opacity: 0;

  transform: translateX(-15px);

}

.theme-sidebar-one .sidebar-category a.active span, .theme-sidebar-one .sidebar-category a:hover span {

  opacity: 1;

}

.theme-sidebar-one .blog-category.sidebar-category a::after {

  display: none;

}

.theme-sidebar-one .widegt-banner {

  background: url(../images/media/img_30.jpg) no-repeat center;

  background-size: cover;

  border-radius: 10px;

  overflow: hidden;

  position: relative;

  z-index: 1;

  padding: 50px 30px 60px;

}

.theme-sidebar-one .widegt-banner h4 {

  font-size: 32px;

  font-weight: 700;

  line-height: 1.125em;

  text-transform: capitalize;

}

.theme-sidebar-one .widegt-banner p {

  font-size: 18px;

  line-height: 1.6666em;

  color: #000;

  margin: 27px 0 43px;

}

.theme-sidebar-one .widegt-banner .btn-item {

  width: 210px;

  line-height: 48px;

  border: 1px solid #000;

  border-radius: 30px;

  background: #90FFBD;

  font-size: 16px;

  font-weight: 600;

  color: #000;

  text-align: center;

}

.theme-sidebar-one .widegt-banner .btn-item:hover {

  background: #000;

  color: #fff;

}

.theme-sidebar-one .widegt-banner::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 77%;

  border-radius: 10px 70px 70px 10px;

  background: rgba(255, 255, 255, 0.6);

  z-index: -1;

}

.theme-sidebar-one .recent-post .post-img {

  margin: 0;

  width: 70px;

  min-height: 85px;

  border-radius: 30px;

  background-position: center;

  background-size: cover;

}

.theme-sidebar-one .recent-post .post-data {

  width: calc(100% - 70px);

  padding-left: 15px;

}

.theme-sidebar-one .recent-post .post-data .date {

  display: inline-block;

  font-family: "Inter", sans-serif;

  font-size: 13px;

  color: #fff;

  line-height: 22px;

  padding: 0 13px;

  background: #000;

  border-radius: 10px;

}

.theme-sidebar-one .recent-post .post-data .blog-title h3 {

  font-size: 16px;

  font-weight: 600;

  line-height: 1.5em;

  margin: 6px 0 0;

}

.theme-sidebar-one .recent-post .post-data .blog-title h3:hover {

  text-decoration: underline;

}

.theme-sidebar-one .blog-keyword ul {

  margin: 0 -4px;

}

.theme-sidebar-one .blog-keyword ul li {

  margin: 0 4px 15px;

}

.theme-sidebar-one .blog-keyword ul li a {

  line-height: 35px;

  background: #fff;

  border-radius: 5px;

  padding: 0 12px;

  font-size: 14px;

  font-weight: 600;

  color: #000;

  text-transform: capitalize;

  transition: all 0.2s ease-in-out 0s;

}

.theme-sidebar-one .blog-keyword ul li a:hover {

  background: #000;

  color: #fff;

}



.pricing-nav .nav {

  border: 1px solid #000;

  border-radius: 30px;

  padding: 2px;

  overflow: hidden;

}

.pricing-nav .nav .nav-link {

  border: none;

  border-radius: 30px;

  line-height: 50px;

  width: 130px;

  text-align: center;

  font-size: 20px;

  font-weight: 500;

  color: #000;

  background: transparent;

  padding: 0;

}

.pricing-nav .nav .nav-link.active {

  background: #000;

  color: #fff;

}



.faq-nav-one .nav {

  margin: 0;

  border: none;

}

.faq-nav-one .nav .nav-link {

  font-size: 32px;

  font-weight: 500;

  padding: 0;

  border: none;

  margin-bottom: 20px;

  text-transform: capitalize;

  color: #000;

}

.faq-nav-one .nav .nav-link.active {

  text-decoration: underline;

}



.filter-nav-one .isotop-menu-wrapper {

  margin: 0 -5px;

}

.filter-nav-one .isotop-menu-wrapper li {

  margin: 0 5px 10px;

  line-height: 62px;

  border-radius: 40px;

  padding: 0 27px;

  font-size: 26px;

  font-weight: 600;

  color: #000;

  background: #ECECEC;

  cursor: pointer;

  text-transform: capitalize;

  transition: all 0.3s ease-in-out 0s;

}

.filter-nav-one .isotop-menu-wrapper li.is-checked {

  background: #000;

  color: #fff;

}



.pagination-one {

  border-bottom: 1px solid #000;

}

.pagination-one .pr-name {

  font-size: 24px;

  font-weight: 500;

  line-height: 1.25em;

  color: #000;

}

.pagination-one .dir {

  font-size: 20px;

  font-weight: 500;

  width: 108px;

  height: 108px;

  border: 1px solid #000;

  color: #000;

  background: #F2F2F2;

  border-radius: 50%;

  text-align: center;

  line-height: 105px;

  text-align: center;

  transition: all 0.2s ease-in-out 0s;

}

.pagination-one a:hover .dir {

  background: #000;

  color: #fff;

}



.pagination-two .pagination,

.paginate-links{

	position: relative;

	display: flex;

	align-items: center;

	gap: 10px;

}

.pagination-two li {

  padding: 0;

  margin: 0;

}

.pagination-two li a,

.paginate-links a,

.paginate-links > span {

  width: 59px;

  height: 59px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

  font-family: "Inter", sans-serif;

  font-weight: 600;

  font-size: 24px;

  color: #000;

  border-radius: 50%;

  background: #F5F3F3;

  transition: all 0.3s ease-in-out 0s;

}

.pagination-two li a:hover,

.pagination-two li.active a,

.paginate-links a:hover,

.paginate-links > span {

  background: #000;

  color: #fff;

}



.form-style-one {

  background: #fff;

  border-radius: 10px;

  padding: 70px;

}

.form-style-one .input-wrapper {

  position: relative;

}

.form-style-one .input-wrapper label {

  display: block;

  font-size: 16px;

  font-weight: 600;

  color: #000;

  margin-bottom: 12px;

}

.form-style-one .input-wrapper input {

  width: 100%;

  height: 70px;

  border: 2px solid #000;

  border-radius: 10px;

  font-size: 16px;

  padding: 0 25px;

}

.form-style-one .input-wrapper textarea {

  width: 100%;

  height: 170px;

  max-height: 170px;

  border: 2px solid #000;

  border-radius: 10px;

  font-size: 16px;

  padding: 25px;

}



.card-style-one {

  border: 1px solid #000;

  border-radius: 10px;

  box-shadow: 0 5px 0 #000;

  padding: 30px 15px 48px;

  background: #fff;

  position: relative;

  transition: all 0.3s ease-in-out 0s;

}

.card-style-one:hover {

  box-shadow: 5px 5px 0 #000;

  transform: translateY(-5px);

}

.card-style-one .icon {

  height: 187px;

}

.card-style-one .icon img {

  max-height: 100%;

}

.card-style-one h4 {

  font-size: 28px;

  font-weight: 600;

  line-height: 1.285em;

  margin: 0 0 20px;

}



.card-style-two {

  border: 1px solid #000;

  border-radius: 10px;

  padding: 40px 35px 15px;

  box-shadow: 7px 0 0 #000;

  transition: all 0.3s ease-in-out 0s;

}

.card-style-two:hover {

  box-shadow: 7px 7px 0 #000;

}

.card-style-two .icon {

  width: 84px;

  height: 84px;

  background: #000;

  padding: 15px;

}

.card-style-two h4 {

  font-size: 28px;

  font-weight: 600;

  width: calc(100% - 84px);

  padding-left: 18px;

  margin: 0;

}

.card-style-two p {

  font-size: 16px;

  line-height: 1.875em;

  margin: 20px 0 58px;

}

.card-style-two .more-btn {

  font-size: 16px;

  font-weight: 600;

  color: #fff;

  height: 50px;

  padding: 0 6px;

  transform: translateY(-50%);

  transition: all 0.3s ease-in-out 0s;

}

.card-style-two .more-btn img {

  margin-left: 6px;

}

.card-style-two .more-btn:before, .card-style-two .more-btn:after {

  content: "";

  position: absolute;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  top: 0;

  background: #000;

  z-index: -1;

  transition: all 0.3s ease-in-out 0s;

}

.card-style-two .more-btn:before {

  left: 0;

}

.card-style-two .more-btn:after {

  left: 42px;

}

.card-style-two .more-btn:hover {

  padding-left: 15px;

}

.card-style-two .more-btn:hover:before {

  border-radius: 30px 0 0 30px;

}

.card-style-two .more-btn:hover:after {

  border-radius: 0 30px 30px 0;

}



.card-style-three {

  border: 1px solid #000;

  border-radius: 10px;

  padding: 12px 45px 30px;

  box-shadow: 7px 7px 0 #000;

  background: #fff;

  transition: all 0.3s ease-in-out 0s;

}

.card-style-three:hover {

  box-shadow: 0 7px 0 #000;

}

.card-style-three .numb {

  font-size: 40px;

  font-weight: 600;

  color: #000;

  border-bottom: 1px solid #000;

  padding-bottom: 4px;

}

.card-style-three h4 {

  font-size: 28px;

  font-weight: 600;

  margin: 25px 0 10px;

}

.card-style-three p {

  font-size: 16px;

  line-height: 1.875em;

  margin: 0 0 30px;

}

.card-style-three .icon {

  height: 90px;

}

.card-style-three .line {

  display: block;

  width: 200px;

  height: 32px;

  border-radius: 20px 0 20px 20px;

}



.card-style-four {

  padding: 35px 40px 45px;

  border-radius: 10px;

}

.card-style-four .icon {

  height: 170px;

}

.card-style-four .icon img {

  max-height: 100%;

}

.card-style-four h4 {

  font-size: 28px;

  line-height: 1.285em;

  font-weight: 600;

  margin: 10px 0 20px;

}



.card-style-five {

  padding: 67px 35px 70px 50px;

  border-radius: 10px;

}

.card-style-five .icon {

  height: 230px;

  width: 230px;

  border: 1px solid #000;

  margin-top: 55px;

  padding: 20px;

}

.card-style-five h4 {

  font-size: 28px;

  line-height: 1.285em;

  font-weight: 600;

  margin: 0 0 28px;

  text-transform: capitalize;

}

.card-style-five p {

  font-size: 16px;

  line-height: 1.875em;

}

.card-style-five.dark-bg-two h4 {

  color: #fff;

}

.card-style-five.dark-bg-two p {

  color: #A8A8A8;

}



.card-style-six {

  background: #F0F4ED;

  border-radius: 10px;

  padding: 40px 35px 30px;

}

.card-style-six .icon {

  width: 98px;

  height: 98px;

  background: #fff;

  padding: 15px;

}

.card-style-six .text {

  width: calc(100% - 98px);

  padding-left: 25px;

}

.card-style-six .text h6 {

  font-size: 20px;

  font-weight: 600;

  text-transform: capitalize;

  margin: 0;

}

.card-style-six .text p {

  font-size: 15px;

  line-height: 2em;

  margin: 0;

}



.card-style-seven {

  background: #FEF7F7;

  border: 1px solid #000;

  border-radius: 5px;

  padding: 35px 20px;

}

.card-style-seven h3 {

  font-family: "Inter", sans-serif;

  font-weight: 600;

  font-size: 36px;

}

.card-style-seven span {

  font-size: 20px;

}



.card-style-eight .icon {

  width: 84px;

  height: 84px;

  padding: 16px;

  background: #000;

}

.card-style-eight h5 {

  font-size: 24px;

  font-weight: 600;

  margin: 24px 0 22px;

}

.card-style-eight p {

  font-weight: 600;

  font-size: 20px;

  line-height: 1.5em;

  color: #717171;

  margin: 0;

}



.pr-table-one {

  border: 1px solid #000;

  border-radius: 10px;

  padding: 20px 15px 80px;

  box-shadow: 0 13px 0 #000;

  text-align: center;

  position: relative;

}

.pr-table-one .package-name {

  font-size: 28px;

  font-weight: 600;

  color: #000;

  position: absolute;

  left: 18px;

  top: 40px;

  width: 30px;

  height: 150px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.pr-table-one .package-name span {

  display: block;

  transform: rotate(-90deg);

}

.pr-table-one:hover {

  box-shadow: 10px 10px 0 #000;

}

.pr-table-one .icon {

  height: 232px;

}

.pr-table-one .icon img {

  max-height: 100%;

}

.pr-table-one .price {

  font-size: 64px;

  font-weight: 700;

  display: block;

  margin: -17px 0 35px;

  color: #000;

}

.pr-table-one li {

  font-size: 18px;

  line-height: 36px;

}

.pr-table-one .btn-one {

  line-height: 60px;

}



.pr-table-two {

  border-radius: 10px;

  padding: 50px 50px 70px;

}

.pr-table-two .pr-header {

  border-bottom: 1px solid #000;

  padding-bottom: 37px;

  margin-bottom: 54px;

}

.pr-table-two .pr-header .left-part {

  width: 62%;

}

.pr-table-two .pr-header .left-part h4 {

  font-size: 32px;

  font-weight: 600;

  text-transform: uppercase;

  margin: 0;

  padding-left: 20px;

}

.pr-table-two .pr-header .right-part {

  width: 30%;

}

.pr-table-two .pr-header .right-part .price {

  font-size: 64px;

  font-weight: 700;

  color: #000;

  margin-bottom: -7px;

}

.pr-table-two .pr-header .right-part p {

  font-size: 16px;

  font-weight: 700;

  color: #000;

  text-transform: capitalize;

}

.pr-table-two h5 {

  font-size: 24px;

  font-weight: 600;

  text-transform: capitalize;

  margin-bottom: 23px;

}

.pr-table-two.version-two {

  border: 1px solid #000;

  overflow: hidden;

  padding: 50px 15px 65px 60px;

}

.pr-table-two.version-two .pr-header {

  border: none;

  margin-bottom: 5px;

}

.pr-table-two.version-two .pr-header .left-part h4 {

  text-transform: capitalize;

}

.pr-table-two.version-two .pr-header .right-part {

  background: #fff;

  padding: 8px 0;

  position: relative;

  margin-top: 25px;

}

.pr-table-two.version-two .pr-header .right-part:before, .pr-table-two.version-two .pr-header .right-part:after {

  content: "";

  position: absolute;

  width: 60px;

  height: 100%;

  left: -60px;

  top: 0;

  background: #fff;

}

.pr-table-two.version-two .pr-header .right-part:after {

  left: auto;

  right: -60px;

}

.pr-table-two.version-two .pr-header .right-part .price {

  margin: 0;

  line-height: 1em;

  padding-right: 18px;

}

.pr-table-two.version-two h5 {

  margin-bottom: 35px;

}



.pricing-section-two .bg-wrapper::before {

  content: "";

  position: absolute;

  top: -8px;

  bottom: -8px;

  right: -15px;

  left: -15px;

  background: #000;

  border-radius: 10px;

  z-index: -1;

}

.pricing-section-two.bg-two {

  background: #1E1620;

  color: #8E8C8E;

}

.pricing-section-two.bg-two .pr-table-two.version-two {

  background: #000;

}

.pricing-section-two.bg-two .pr-table-two.version-two h5 {

  color: #fff;

}

.pricing-section-two.bg-two .pr-table-two.version-two .list-style-two li::before {

  content: url(../images/icon/icon_55.svg);

}

.pricing-section-two.bg-two .pr-table-two.version-two .btn-nine {

  line-height: 60px;

}



.service-details .post-main-img {

  margin-bottom: 40px;

  border-radius: 5px;

	height: auto;

}

.service-details .post-meta p {

  font-size: 16px;

  line-height: 1.875em;

  margin-bottom: 36px;

}

.service-details .post-meta h3 {

  font-size: 28px;

  font-weight: 600;

  padding: 0 0 22px;

  text-transform: capitalize;

}

.service-details .post-meta h4 {

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 13px;

}

.service-details .post-meta .block .icon {

  width: 72px;

  height: 72px;

  border: 2px solid #000;

  padding: 8px;

}

.service-details .post-meta .block .text {

  width: calc(100% - 72px);

  padding-left: 23px;

}

.service-details .post-meta .block .text p {

  margin: 0;

}

.service-details .post-meta .work-strategy {

  background: #232220;

  border-radius: 5px 5px 0 0;

  padding: 53px 42px;

}

.service-details .post-meta .work-strategy h4 {

  margin-bottom: 17px;

}

.service-details .post-meta .work-strategy img {

  border-radius: 10px;

}

.service-details .post-meta .strategy-result {

  padding: 23px 44px;

}

.service-details .post-meta .strategy-result .score {

  width: 135px;

  height: 135px;

  font-family: "Inter", sans-serif;

  font-weight: 600;

  font-size: 40px;

}

.service-details .post-meta .strategy-result .text {

  width: calc(100% - 200px);

}

.service-details .post-meta .strategy-result.bg-one {

  background: #90FFBD;

}

.service-details .post-meta .strategy-result.bg-one .score {

  background: #1D1D1D;

  color: #fff;

}

.service-details .post-meta .strategy-result.bg-two {

  background: #FBF2EF;

  border-radius: 0 0 5px 5px;

}

.service-details .post-meta .strategy-result.bg-two .score {

  background: #FDABFF;

  color: #000;

}



.grid-1column {

  margin: 0 -25px;

}

.grid-1column .grid-sizer, .grid-1column .isotop-item {

  width: 100%;

  padding: 0 25px;

}



.grid-2column {

  margin: 0 -25px;

}

.grid-2column .grid-sizer, .grid-2column .isotop-item {

  width: 50%;

  padding: 0 25px;

}

.grid-2column.xl {

  margin: 0 -50px;

}

.grid-2column.xl .grid-sizer, .grid-2column.xl .isotop-item {

  padding: 0 50px;

}



.grid-3column {

  margin: 0 -15px;

}

.grid-3column .grid-sizer, .grid-3column .isotop-item {

  width: 33.3333%;

  padding: 0 15px;

}



.project-section-one .shape_01 {

  left: 6%;

  top: 7%;

  max-width: 3%;

  animation: rotatedTwo 95s infinite linear;

}

.project-section-one .shape_02 {

  right: 5%;

  top: 6%;

  max-width: 4%;

  animation: Fadein 2s infinite linear;

}

.project-section-one.bg-two {

  background: #9BFFFF;

}

.project-section-one .section-btn {

  position: absolute;

  right: 0;

  top: 55px;

}



.portfolio-block-one {

  border: 2px solid #000;

  border-radius: 175px;

  padding: 40px 82px 55px;

}

.portfolio-block-one .numb {

  font-size: 50px;

  font-weight: 600;

  color: #000;

  border-bottom: 1px solid #000;

  line-height: 1.3em;

  margin-bottom: 35px;

}

.portfolio-block-one .cta-btn {

  width: 98px;

  height: 98px;

  padding: 15px;

  border: 2px solid #fff;

  background: #000;

}

.portfolio-block-one .cta-btn:hover img {

  transform: scale(0.8);

}

.portfolio-block-one .title {

  width: calc(100% - 105px);

}

.portfolio-block-one .title .tag {

  font-size: 14px;

  font-weight: 600;

  color: #fff;

  text-transform: uppercase;

  display: inline-block;

  line-height: 23px;

  padding: 0 20px;

  border-radius: 30px;

  background: #000;

  margin-bottom: 18px;

}

.portfolio-block-one .title h4 {

  margin: 0;

}

.portfolio-block-one .title h4 a {

  font-size: 36px;

  line-height: 1.1666em;

  font-weight: 600;

  color: #000;

  text-transform: capitalize;

}

.portfolio-block-one .title h4 a:hover {

  text-decoration: underline;

}

.portfolio-block-one .project-img {

  width: 425px;

  height: 425px;

  margin: 50px auto 0;

}

.portfolio-block-one.version-two {

  background: #fff;

  border-radius: 170px;

  position: relative;

  padding: 25px 25px 25px 85px;

}

.portfolio-block-one.version-two .numb {

  max-width: 323px;

}

.portfolio-block-one.version-two .cta-btn {

  margin-top: -30px;

}

.portfolio-block-one.version-two .project-img2 {

  border-radius: 0 170px 170px 0;

}



.portfolio-block-two .media-wrapper {

  border: 10px solid #000;

  border-radius: 10px;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.portfolio-block-two .media-wrapper .hover-overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.7);

  opacity: 0;

}

.portfolio-block-two .media-wrapper .hover-overlay .expend {

  width: 60px;

  height: 60px;

  font-size: 40px;

  background: #fff;

}

.portfolio-block-two .media-wrapper .hover-overlay .expend:hover {

  background: #90FFBD;

  color: #000;

}

.portfolio-block-two .project-title {

  border-bottom: 2px solid #000;

  padding: 18px 10px 18px 0;

}

.portfolio-block-two .project-title .title {

  font-size: 26px;

  font-weight: 600;

  margin: 0;

  width: calc(100% - 60px);

  text-transform: capitalize;

}

.portfolio-block-two .project-title .title:hover a {

  text-decoration: underline;

}

.portfolio-block-two .project-title .icon {

  width: 52px;

  height: 52px;

  background: #000;

}

.portfolio-block-two .project-title .icon:hover {

  background: #90FFBD;

}

.portfolio-block-two:hover .media-wrapper .media-img {

  transform: scale(1.1) rotate(5deg);

}

.portfolio-block-two:hover .media-wrapper .hover-overlay {

  opacity: 1;

}



.portfolio-block-three {

  background: #000;

  padding: 10px;

  border-radius: 10px;

}

.portfolio-block-three .media-wrapper {

  border-radius: 10px;

  overflow: hidden;

  position: relative;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  min-height: 300px;

  height: 100%;

}

.portfolio-block-three .media-wrapper .hover-overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.7);

  opacity: 0;

}

.portfolio-block-three .media-wrapper .hover-overlay .expend {

  width: 60px;

  height: 60px;

  font-size: 40px;

  background: #fff;

}

.portfolio-block-three .media-wrapper .hover-overlay .expend:hover {

  background: #90FFBD;

  color: #000;

}

.portfolio-block-three .project-text {

  border-radius: 10px;

  padding: 86px 95px 78px 58px;

}

.portfolio-block-three .project-text .tags {

	flex-wrap: wrap;

	gap: 10px;

}

.portfolio-block-three .project-text .tags li {

  font-size: 16px;

  font-weight: 600;

  color: #fff;

  text-transform: capitalize;

  line-height: 30px;

  padding: 0 17px;

  border-radius: 30px;

  background: #000;

}

.portfolio-block-three .title {

  border-bottom: 2px solid #000;

  font-size: 48px;

  line-height: 1.208em;

  font-weight: 600;

  margin: 33px 0 23px;

  padding-bottom: 25px;

}

.portfolio-block-three .title:hover a {

  text-decoration: underline;

}

.portfolio-block-three p {

  font-size: 20px;

  line-height: 1.6em;

  margin-bottom: 30px;

}

.portfolio-block-three .icon {

  width: 90px;

  height: 90px;

  padding: 10px;

  background: #000;

}

.portfolio-block-three .icon:hover {

  background: #90FFBD;

}

.portfolio-block-three:hover .media-wrapper .hover-overlay {

  opacity: 1;

}



.portfolio-block-four .media-wrapper {

  border-radius: 10px;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.portfolio-block-four .media-wrapper .hover-overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(74, 71, 68, 0.7);

  opacity: 0;

}

.portfolio-block-four .media-wrapper .hover-overlay .expend {

  width: 125px;

  height: 125px;

  background: #90FFBD;

}

.portfolio-block-four:hover .media-wrapper .hover-overlay {

  opacity: 1;

}



.project-details {

  background: #FFFBF6;

}

.project-details .title-two span {

  border-bottom: 4px solid #000;

  display: inline-block;

  padding-bottom: 10px;

}

.project-details .link-check-btn span {

  font-size: 36px;

  font-weight: 500;

  line-height: 1.1111em;

  color: #000;

  padding-right: 24px;

}

.project-details .link-check-btn .icon {

  width: 127px;

  height: 127px;

  background: #070707;

  padding: 15px;

}

.project-details .link-check-btn .icon:hover {

  background: #7F77F9;

}

.project-details .project-info {

  border: 1px solid #000;

  background: #fff;

  border-radius: 10px;

  padding: 35px 95px 70px;

  margin-top: 60px;

  position: relative;

	z-index: 9;

}

.project-details .project-info li {

  width: 24%;

  margin-top: 25px;

}

.project-details .project-info li .icon {

  width: 70px;

  height: 70px;

  border: 1px solid #000;

}

.project-details .project-info li .text {

  width: calc(100% - 70px);

  padding-left: 18px;

}

.project-details .project-info li .text h6 {

  font-size: 24px;

  font-weight: 600;

  text-transform: capitalize;

  margin-bottom: 0;

}

.project-details .project-info li .text span {

  font-size: 18px;

  font-weight: 500;

  color: #787773;

}

.project-details .slide-project__section {

  margin-top: -10px;

  margin-bottom: 40px;

}



.slide-project__section .image {

	padding: 20px;

	background-color: #f0eef1;

	border-radius: 0 0px 10px 10px;

}

.project-details h3 {

  font-size: 40px;

  font-weight: 700;

  margin-bottom: 20px;

}

.project-details p {

  font-size: 16px;

  line-height: 1.875em;

  margin-bottom: 24px;

}

.project-details .project-2nd-img {

  border: 2px solid #000;

  border-radius: 5px;

}

.project-details .block {

  margin-bottom: 27px;

}

.project-details .block .icon {

  width: 72px;

  height: 72px;

  border: 2px solid #000;

  padding: 8px;

  background: #fff;

  margin-top: 5px;

}

.project-details .block .text {

  width: calc(100% - 72px);

  padding-left: 23px;

}

.project-details .block .text h4 {

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 13px;

}

.project-details .block .text p {

  margin: 0;

}

.project-details .strategy-result {

  background: #000000;

  border-radius: 5px;

  padding: 24px 44px;

}

.project-details .strategy-result .score {

  width: 135px;

  height: 135px;

  font-family: "Inter", sans-serif;

  font-weight: 600;

  font-size: 40px;

  background: #90FFBD;

  color: #000;

}

.project-details .strategy-result .text {

  width: calc(100% - 200px);

}

.project-details .strategy-result .text h4 {

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 13px;

}

.feedback-section-one .numb {

  font-size: 96px;

  font-weight: 700;

  color: #000;

  margin: 15px 0 -8px;

}

.feedback-section-one .slider-wrapper {

  max-height: 980px;

}

.feedback-section-one .inner-wrapper {

  position: relative;

  transform: translateY(-14%);

}

.feedback-section-one .feedback-card-one {

  margin: 10px 0;

  opacity: 0.7;

  transition: all 0.3s ease-in-out 0s;

}

.feedback-section-one .slick-center .feedback-card-one {

  opacity: 1;

  background: url(../images/assets/bg_02.jpg) no-repeat center;

  background-size: cover;

}

.feedback-section-one.version-two .slick-center .feedback-card-one {

  background: url(../images/assets/bg_07.jpg) no-repeat center;

  background-size: cover;

}

.feedback-section-one .slider-arrows {

  border-radius: 100px;

  display: inline-block;

  position: absolute;

  right: -35%;

  top: 50%;

  background: #000;

  overflow: hidden;

  transform: translateY(-50%);

}

.feedback-section-one .slider-arrows li {

  width: 93px;

  height: 105px;

  border-radius: 100px;

  font-weight: bold;

  color: #fff;

  font-size: 40px;

  cursor: pointer;

  background: #000;

  transition: all 0.3s ease-in-out 0s;

}

.feedback-section-one .slider-arrows li.active, .feedback-section-one .slider-arrows li:hover {

  background: #fff;

  color: #000;

}

.feedback-section-one .shape_01 {

  top: 8%;

  left: 40%;

  max-width: 5%;

  animation: jumpThree 5s infinite linear;

}

.feedback-section-one .shape_02 {

  bottom: 7%;

  left: 6%;

  max-width: 5%;

  animation: jumpTwo 5s infinite linear;

}



.feedback-card-one {

  border-radius: 100px;

  padding: 50px 60px 65px;

}

.feedback-card-one h4 {

  font-size: 32px;

  font-weight: 600;

  color: #000;

  margin: 0;

}

.feedback-card-one .icon {

  width: 60px;

  height: 60px;

  background: #000;

}

.feedback-card-one blockquote {

  font-size: 22px;

  font-weight: 500;

  line-height: 1.8181em;

  color: #000;

  margin: 30px 0 55px;

}

.feedback-card-one .client-info img {

  width: 50px;

  height: 50px;

}

.feedback-card-one .client-info h6 {

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 0;

}

.feedback-card-one .client-info span {

  font-size: 14px;

}

.feedback-card-one .client-info .rating li {

  color: #FDBB12;

  font-size: 22px;

  margin-left: 8px;

}

.feedback-card-one.version-two {

  background-repeat: no-repeat;

  border-radius: 10px;

  padding: 42px 43px 33px;

  border: 1px solid transparent;

}

.feedback-card-one.version-two.dark-style {

  background: #281D2A;

  color: #A8A8A8;

}

.feedback-card-one.version-two.dark-style blockquote {

  color: #A8A8A8;

}



.feedback-card-two {

  background: #F5FFED;

  border-radius: 10px;

  padding: 70px 75px 70px;

  position: relative;

  z-index: 1;

}

.feedback-card-two .main-content {

  width: 71%;

}

.feedback-card-two .main-content .rating li {

  color: #FDBB12;

  font-size: 22px;

  margin-left: 8px;

}

.feedback-card-two .main-content blockquote {

  font-family: "Inter", sans-serif;

  font-size: 36px;

  font-weight: 500;

  line-height: 1.388em;

  color: #000;

  margin: 42px 0 44px;

}

.feedback-card-two .main-content h6 {

  font-size: 24px;

  font-weight: 600;

  margin-bottom: -4px;

}

.feedback-card-two .main-content span {

  font-size: 14px;

}

.feedback-card-two .main-img {

  position: absolute;

  bottom: 0;

  right: 3%;

  z-index: -1;

  max-width: 33%;

}

.feedback-card-two .icon {

  position: absolute;

  right: 2%;

  top: 16%;

  z-index: -2;

  max-width: 14%;

}



.feedback-section-two .main-wrapper {

  max-width: 1682px;

  padding: 0 12px;

}



.slick-center .feedback-card-one.version-two {

  border: 1px solid #000;

}



.feedback-section-three .bg-wrapper {

  background: #101110;

  border-radius: 0 0 30px 30px;

}



.blog-section-one {

  background: #90FFBD;

}

.blog-section-one .shape_01 {

  right: 6%;

  top: 16%;

  max-width: 5%;

  animation: jumpTwo 5s infinite linear;

}



.blog-meta-one {

  position: relative;

  background: #fff;

  border: 2px solid #000;

  border-radius: 200px;

  padding: 53px 50px 22px 100px;

}

.blog-meta-one .tags a {

  line-height: 35px;

  font-size: 16px;

  font-weight: 600;

  color: #fff;

  padding: 0 18px;

  border-radius: 30px;

  background: #000;

  margin-right: 10px;

}

.blog-meta-one .tags a:hover {

  text-decoration: underline;

}

.blog-meta-one .tags li:last-child a {

  font-size: 14px;

}

.blog-meta-one .blog-title h4 {

  font-size: 32px;

  line-height: 1.25em;

  font-weight: 600;

  color: #000;

  margin: 20px 0 18px;

  text-transform: capitalize;

}

.blog-meta-one .blog-title h4:hover {

  text-decoration: underline;

}

.blog-meta-one p {

  padding-right: 35px;

}

.blog-meta-one .img-meta {

  position: absolute;

  top: -3px;

  left: -25px;

  bottom: -3px;

  width: 48%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  border-radius: 200px;

}

.blog-meta-one .cta-btn {

  width: 98px;

  height: 98px;

  border: 2px solid #fff;

  background: #000;

  position: absolute;

  left: calc(48% - 74px);

  top: 50%;

  transform: translateY(-50%);

  z-index: 1;

  padding: 18px;

}

.blog-meta-one .cta-btn:hover {

  background: #90FFBD;

}

.blog-meta-one .cta-btn:hover img {

  transform: scale(0.8);

}

.blog-meta-one.version-two {

  background: #fff;

  border-radius: 0;

  border: none;

  padding: 48px 0;

}

.blog-meta-one.version-two p {

  padding: 0;

  margin: 0;

}

.blog-meta-one.version-two .cta-btn {

  left: calc(49% - 68px);

}

.blog-meta-one .img-meta-two {

  height: 200px;

  background-position: center;

  background-size: cover;

  border-radius: 200px;

  max-width: 628px;

  margin-left: 55px;

}

.blog-meta-one .line {

  width: 32px;

  height: 200px;

  border-radius: 20px 20px 0 20px;

  position: absolute;

  left: 7%;

  top: 50%;

  transform: translateY(-50%);

}

.blog-meta-one .numb {

  position: absolute;

  font-size: 120px;

  font-weight: 600;

  color: #000;

  right: 4%;

  top: 50%;

  line-height: 1em;

  transform: translateY(-50%);

}

.blog-meta-one .numb:before {

  content: "";

  position: absolute;

  width: 114px;

  height: 1px;

  background: #000;

  left: -120px;

  top: 55%;

}



.blog-meta-two {

  border: 2px solid #000;

  border-radius: 10px;

  padding: 40px;

}

.blog-meta-two figure {

	margin-bottom: 25px;

	text-align: center;

}

.blog-meta-two figure img {

	border-radius: 10px;

	height: auto;

	display: inline-block;

}

.blog-meta-two .post-meta .post-text {

  width: calc(100% - 100px);

  padding-right: 30px;

}

.blog-meta-two .post-meta .post-text .tags li:first-child a {

  font-family: "Inter", sans-serif;

  font-size: 13px;

  color: #fff;

  line-height: 22px;

  padding: 0 11px;

  background: #000;

  border-radius: 10px;

}

.blog-meta-two .post-meta .post-text .tags li:last-child a {

  font-size: 13px;

  color: #000;

  line-height: 20px;

  padding: 0 14px;

  background: #90FFBD;

  border: 1px solid #000;

  border-radius: 10px;

}

.blog-meta-two .post-meta .post-text .blog-title h4 {

  font-size: 30px;

  line-height: 1.3333em;

  font-weight: 600;

  color: #000;

  margin: 14px 0 22px;

  text-transform: capitalize;

}

.blog-meta-two .post-meta .post-text .blog-title h4:hover {

  text-decoration: underline;

}

.blog-meta-two .post-meta .post-text p {

  margin: 0;

}

.blog-meta-two .post-meta .read-more {

  width: 90px;

  height: 90px;

  border: 2px solid #000;

  background: #fff;

  padding: 8px;

  margin-left: auto;

}

.blog-meta-two .post-meta .read-more img {

  transition: all 0.3s ease-in-out 0s;

}

.blog-meta-two .post-meta .read-more:hover img {

  transform: rotate(45deg);

}



.blog-details {

  background: #FFFBF6;

}

.blog-details .blog-title {

  font-size: 76px;

  font-weight: 600;

  line-height: 1.0526em;

  text-align: center;

  text-transform: capitalize;

  position: relative;

  padding-bottom: 20px;

  margin-bottom: 30px;

}

.blog-details .blog-title:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 93%;

  height: 4px;

  background: #000;

}

.blog-details .info {

  margin-bottom: 50px;

}

.blog-details .info li:first-child a {

  font-family: "Inter", sans-serif;

  font-size: 16px;

  color: #fff;

  line-height: 30px;

  padding: 0 18px;

  background: #000;

  border-radius: 20px;

}

.blog-details .info li:last-child a {

  font-size: 16px;

  color: #000;

  line-height: 28px;

  padding: 0 25px;

  background: #90FFBD;

  border: 1px solid #000;

  border-radius: 20px;

}

.blog-details p {

  margin-bottom: 35px;

}

.blog-details .main-img {

  border-radius: 10px;

  margin-bottom: 40px;

}

.blog-details h3.main-title__detail {

  font-size: 40px;

  font-weight: 700;

  text-transform: capitalize;

  margin-bottom: 32px;

}

.blog-details .block {

  margin-top: 22px;

  margin-bottom: 32px;

}

.blog-details .block .icon {

  width: 72px;

  height: 72px;

  border: 2px solid #000;

  padding: 8px;

  background: #fff;

  margin-top: 5px;

}

.blog-details .block .text {

  width: calc(100% - 72px);

  padding-left: 23px;

}

.blog-details .block .text h4 {

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 13px;

}

.blog-details .block .text p {

  margin: 0;

}

.blog-details .bottom-widget {

  background: #fff;

  border: 1px solid #000;

  border-radius: 5px;

	margin-top: 50px;

  padding: 25px 30px 45px;

}

.blog-details .bottom-widget .tags li:first-child {

  font-size: 20px;

  font-weight: 700;

  color: #000;

  margin-right: 12px;

}

.blog-details .bottom-widget .tags a {

  line-height: 33px;

  border: 1px solid #000;

  border-radius: 5px;

  background: #000;

  padding: 0 11px;

  color: #fff;

  font-size: 16px;

  font-weight: 600;

  margin-right: 5px;

  min-width: 57px;

  text-align: center;

  transition: all 0.3s ease-in-out 0s;

}

.blog-details .bottom-widget .tags a:hover {

  background: #fff;

  color: #000;

}

.blog-details .bottom-widget .tags.post-in a {

  background: #fff;

  color: #000;

}

.blog-details .bottom-widget .tags.post-in a:hover {

  background: #000;

  color: #fff;

}

.blog-details .bottom-widget .share-icon li:first-child {

  font-size: 20px;

  font-weight: 700;

  color: #000;

}

.blog-details .bottom-widget .share-icon a {

  width: 36px;

  height: 36px;

  border: 1px solid #000;

  border-radius: 50%;

  text-align: center;

  line-height: 36px;

  color: #000;

  font-size: 16px;

  margin-left: 14px;

  transition: all 0.3s ease-in-out 0s;

}

.blog-details .bottom-widget .share-icon a:hover {

  background: #000;

  color: #fff;

}

.blog-comment-form {

  background: #F2F2F2;

  padding: 120px 0 120px;

}



.contact-section-one .wrapper {

  background: #F2F2F2;

}

.contact-section-one .shape_02 {

  right: 8%;

  top: 13%;

  max-width: 3%;

}

.contact-section-one .shape_01 {

  left: 7%;

  top: 14%;

  max-width: 4%;

}



#contact-form .help-block {

  position: absolute;

  left: 0;

  bottom: -18px;

  font-size: 13px;

  line-height: 20px;

  color: #ff4d44;

}

#contact-form .help-block ul {

  margin: 0;

}



.footer-one {

  padding: 140px 0 0;

  position: relative;

  z-index: 1;

}

.footer-one.bg-one {

  background: #FFF7EC;

}

.footer-one .newsletter-area h2 {

  font-size: 55px;

  line-height: 1em;

  margin: 0;

}

.footer-one .newsletter-area form {

  max-width: 775px;

  position: relative;

  margin-left: auto;

}

.newsletter-area__form {

	position: relative;

}

.footer-one .newsletter-area form input,

.newsletter-area__form input{

  width: 100%;

  height: 95px;

  border: 2px solid #000;

  border-radius: 90px;

  padding: 0 158px 0 35px;

  font-weight: 500;

  color: #000;

}

.footer-one .newsletter-area form input::-moz-placeholder,

.newsletter-area__form input::-moz-placeholder {

  color: #000;

}

.footer-one .newsletter-area form input::placeholder,

.newsletter-area__form input::placeholder {

  color: #000;

}

.footer-one .newsletter-area form button,

.newsletter-area__form button {

  position: absolute;

  font-size: 16px;

  font-weight: 600;

  color: #fff;

  height: 60px;

  right: 10px;

  top: 50%;

  padding: 0 15px;

  transform: translateY(-50%);

  transition: all 0.3s ease-in-out 0s;

}

.footer-one .newsletter-area form button img,

.newsletter-area__form button img {

  margin-left: 8px;

}

.footer-one .newsletter-area form button:before, .footer-one .newsletter-area form button:after,

.newsletter-area__form button:before, .newsletter-area__form button:after {

  content: "";

  position: absolute;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  top: 0;

  background: #000;

  z-index: -1;

  transition: all 0.3s ease-in-out 0s;

}

.footer-one .newsletter-area form button:before,

.newsletter-area__form button:before{

  left: 0;

}

.footer-one .newsletter-area form button:after,

.newsletter-area__form button:after{

  left: 45px;

}

.footer-one .newsletter-area form button:hover,

.newsletter-area__form button:hover{

  color: #000;

}

.footer-one .newsletter-area form button:hover:before, .footer-one .newsletter-area form button:hover:after,

.newsletter-area__form button:hover:before, .newsletter-area__form button:hover:after {

  background: #90FFBD;

}

.footer-one .footer-intro p {

  font-size: 20px;

  line-height: 1.6em;

  margin: 16px 0 28px;

}

.footer-one .footer-intro h6 {

  font-size: 20px;

  font-weight: 600;

  text-transform: uppercase;

  color: #555753;

}

.footer-one .social-icon {

	display: flex;

	align-items: center;

	gap: 10px;

}

.footer-one .social-icon li a {

  color: #ffffff;

  font-size: 20px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	background-color: #000000;

	width: 40px;

	height: 40px;

	border-radius: 50%;

  transition: all 0.3s ease-in-out 0s;

}

.footer-one .social-icon li a:hover {

	background-color: #fdb2fd;

	color: #000000;

}

.footer-one .footer-title {

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 20px;

}

.footer-one .footer-contact p {

  font-size: 20px;

  line-height: 1.2em;

  padding: 8px 0 5px;

}

.footer-one .footer-contact .email {

  font-size: 20px;

  color: #626262;

}

.footer-one .footer-contact .email:hover {

  color: #000;

  text-decoration: underline;

}

.footer-one .footer-contact .tel {

  font-size: 24px;

  font-weight: 600;

  color: #000;

}

.footer-one .footer-contact .tel:hover {

  text-decoration: underline;

}

.footer-one .footer-nav-link a {

  font-size: 20px;

  line-height: 38px;

  text-transform: capitalize;

  transition: all 0.3s ease-in-out 0s;

}

.footer-one .footer-nav-link a:hover {

  color: #000;

  text-decoration: underline;

}

.footer-one .footer-newsletter-area h3 {

  font-size: 40px;

  line-height: 1.375em;

}

.footer-one .footer-newsletter-area form {

  max-width: 775px;

  position: relative;

  margin-left: auto;

}

.footer-one .footer-newsletter-area form input {

  width: 100%;

  height: 90px;

  border: 2px solid #000;

  border-radius: 90px;

  padding: 0 158px 0 35px;

  font-weight: 500;

  color: #000;

}

.footer-one .footer-newsletter-area form input::-moz-placeholder {

  color: #000;

}

.footer-one .footer-newsletter-area form input::placeholder {

  color: #000;

}

.footer-one .footer-newsletter-area form button {

  position: absolute;

  font-size: 16px;

  font-weight: 600;

  color: #fff;

  height: 60px;

  right: 10px;

  top: 50%;

  padding: 0 15px;

  transform: translateY(-50%);

  transition: all 0.3s ease-in-out 0s;

}

.footer-one .footer-newsletter-area form button img {

  margin-left: 8px;

}

.footer-one .footer-newsletter-area form button:before, .footer-one .footer-newsletter-area form button:after {

  content: "";

  position: absolute;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  top: 0;

  background: #000;

  z-index: -1;

  transition: all 0.3s ease-in-out 0s;

}

.footer-one .footer-newsletter-area form button:before {

  left: 0;

}

.footer-one .footer-newsletter-area form button:after {

  left: 45px;

}

.footer-one .footer-newsletter-area form button:hover {

  color: #000;

}

.footer-one .footer-newsletter-area form button:hover:before, .footer-one .footer-newsletter-area form button:hover:after {

  background: #90FFBD;

}

.footer-one .bottom-footer {

  border-top: 1px solid #000;

  padding: 30px 0;

  margin-top: 25px;

}

.footer-one .bottom-footer ul {

  margin: 0 -5px;

}

.footer-one .bottom-footer ul li {

  margin: 0 5px;

}

.footer-one .bottom-footer ul li a {

  font-size: 20px;

  color: #000;

  transition: all 0.2s ease-in-out 0s;

}

.footer-one .bottom-footer ul li a:hover {

  text-decoration: underline;

}

.footer-one .bottom-footer .copyright-text {

  font-size: 20px;

}

.footer-one .shape_01 {

  left: 5%;

  bottom: 26%;

  max-width: 4%;

}

.footer-one .shape_02 {

  right: 5%;

  top: 32%;

  max-width: 3%;

  animation: rotated 95s infinite linear;

}

.footer-one .shape_03 {

  right: 3%;

  top: 39%;

  max-width: 5%;

}

.footer-one .shape_04 {

  left: 3%;

  top: 34%;

  max-width: 5%;

}

.footer-one.dark-version-one {

  background: #000;

  color: #909093;

}

.footer-one.dark-version-one .footer-nav-link a:hover,

.footer-one.dark-version-one .footer-contact .email:hover {

  color: #fff;

}

.footer-one.dark-version-one .footer-contact .tel {

  color: #90FFBD;

}

.footer-one.dark-version-one .newsletter-area h2, .footer-one.dark-version-one .footer-title, .footer-one.dark-version-one .footer-intro h6,

.footer-one.dark-version-one .social-icon li a, .footer-one.dark-version-one .bottom-footer ul li a {

  color: #fff;

}

.footer-one.dark-version-one .bottom-footer {

  border-top: 1px solid #272826;

}

.footer-one.dark-version-one .newsletter-area .border-line input {

  background: transparent;

  border: 2px solid #fff;

  color: #fff;

}

.footer-one.dark-version-one .newsletter-area .border-line input::-moz-placeholder {

  color: #A8ABA5;

}

.footer-one.dark-version-one .newsletter-area .border-line input::placeholder {

  color: #A8ABA5;

}

.footer-one.dark-version-one .newsletter-area .border-line button {

  color: #000;

}

.footer-one.dark-version-one .newsletter-area .border-line button:before, .footer-one.dark-version-one .newsletter-area .border-line button:after {

  background: #fff;

}

.footer-one.dark-version-one .newsletter-area .border-line button:hover {

  color: #fff;

}

.footer-one.dark-version-one .newsletter-area .border-line button:hover:before, .footer-one.dark-version-one .newsletter-area .border-line button:hover:after {

  background: #7F77F9;

}

.footer-one.version-two {

  background: #FBFFF8;

  padding-bottom: 80px;

  padding-left: 12px;

  padding-right: 12px;

}

.footer-one.version-two .bottom-footer {

  margin-top: 50px;

}

.footer-one.version-two .box-layout {

  max-width: 1626px;

  margin: 0 auto;

  border: 2px solid #000;

  border-radius: 10px;

  padding: 115px 0 35px;

}

.footer-one.version-two.dark-style {

  background: #000000;

  color: #a9a9a9;

}

.footer-one.version-two.dark-style .box-layout {

  border-color: #fff;

}

.footer-one.version-two.dark-style h3 {

  color: #a9a9a9;

}

.footer-one.version-two.dark-style .footer-title, .footer-one.version-two.dark-style .footer-contact .email,

.footer-one.version-two.dark-style .social-icon li a {

  color: #fff;

}

.footer-one.version-two.dark-style .footer-contact .tel {

  color: #E3FFCD;

}

.footer-one.version-two.dark-style .footer-newsletter-area form input {

  background: #110F0F;

  border-color: #282222;

  color: #fff;

}

.footer-one.version-two.dark-style .footer-newsletter-area form input::-moz-placeholder {

  color: #fff;

}

.footer-one.version-two.dark-style .footer-newsletter-area form input::placeholder {

  color: #fff;

}

.footer-one.version-two.dark-style .footer-newsletter-area form button {

  color: #000;

}

.footer-one.version-two.dark-style .footer-newsletter-area form button:before, .footer-one.version-two.dark-style .footer-newsletter-area form button:after {

  background: #FDABFF;

}

.footer-one.version-two.dark-style .footer-newsletter-area form button:hover {

  color: #fff;

}

.footer-one.version-two.dark-style .footer-newsletter-area form button:hover:before, .footer-one.version-two.dark-style .footer-newsletter-area form button:hover:after {

  background: #7F77F9;

}

.footer-one.version-two.dark-style .footer-nav-link a:hover {

  color: #fff;

}

.footer-one.version-two.dark-style .bottom-footer {

  border-color: rgba(255, 255, 255, 0.12);

}

.footer-one.version-two.dark-style .bottom-footer ul li a {

  color: #a9a9a9;

}

.footer-one.version-two.dark-style .bottom-footer ul li a:hover {

  color: #fff;

}



.login-page .bg-wrapper {

  background: #F4FFF9;

}



.user-data-form {

  max-width: 1170px;

  margin: 0 auto;

}

.user-data-form h3 {

  font-size: 36px;

  font-weight: 600;

  margin-bottom: 12px;

}

.user-data-form p {

  font-size: 20px;

  font-weight: 500;

  color: #000;

}

.user-data-form p a {

  font-weight: 700;

  color: #F46BF6;

}

.user-data-form p a:hover {

  text-decoration: underline;

}

.user-data-form form {

  padding: 79px 57px 80px;

  background: linear-gradient(110.75deg, rgba(255, 193, 237, 0.63) 2.5%, rgba(255, 221, 173, 0.78) 83.77%);

  border: 1px solid #000000;

  border-radius: 10px;

}

.user-data-form form .input-wrapper input {

  width: 100%;

  height: 70px;

  font-size: 16px;

  border: 1px solid #000;

  border-radius: 5px;

  padding: 0 52px 0 20px;

  color: #000;

}

.user-data-form .agreement-checkbox label {

  position: relative;

  font-size: 16px;

  font-weight: 600;

  color: #000;

  cursor: pointer;

  padding-left: 25px;

  transition: all 0.1s ease-in-out;

}

.user-data-form .agreement-checkbox label a {

  color: #FDABFF;

  text-decoration: underline;

}

.user-data-form .agreement-checkbox input[type=checkbox] {

  display: none;

}

.user-data-form .agreement-checkbox label:before {

  content: "";

  width: 18px;

  height: 18px;

  line-height: 16px;

  border-radius: 3px;

  background: #fff;

  border: 1px solid #E3E2DE;

  font-size: 10px;

  text-align: center;

  position: absolute;

  left: 0;

  top: 2px;

  transition: all 0.1s ease-in-out;

}

.user-data-form .agreement-checkbox input[type=checkbox]:checked + label:before {

  content: "\f00c";

  font-family: "Font Awesome 6 Pro";

  background: #000;

  color: #fff;

  border-color: #000;

}

.user-data-form .agreement-checkbox a {

  font-size: 16px;

  font-weight: 600;

  color: #000;

}

.user-data-form .agreement-checkbox a:hover {

  text-decoration: underline;

}

.user-data-form .social-use-btn {

  font-size: 20px;

  font-weight: 600;

  color: #000;

  height: 70px;

  background: #fff;

  border-radius: 5px;

}

.user-data-form .social-use-btn:hover {

  background: rgba(0, 0, 0, 0.15);

}

.user-data-form .social-use-btn img {

  width: 20px;

}

.user-data-form .btn-one {

  border-radius: 5px;

  line-height: 70px;

}

.user-data-form .btn-one:hover {

  background: #7F77F9;

  color: #fff;

}



.team-block-one {

  border: 1px solid #000;

  border-radius: 15px;

  padding: 25px 30px 25px;

  overflow: hidden;

}

.team-block-one .team-img {

  border-radius: 5px 5px 0 0;

  height: 336px;

}

.team-block-one .team-img.with-bg {

  background: #F9FFE9;

}

.team-block-one .team-img img {

  filter: grayscale(100%) brightness(125%);

}

.team-block-one .team-img .text {

  font-size: 80px;

  font-weight: 600;

  text-transform: capitalize;

  position: absolute;

  width: 100%;

  left: 0;

  top: 12%;

  z-index: -1;

  -webkit-text-fill-color: transparent;

  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: black;

}

.team-block-one .name {

  font-size: 18px;

  font-weight: 700;

  margin: 26px 0 -2px;

}

.team-block-one span {

  font-size: 14px;

}

.team-block-one .rating li {

  font-size: 18px;

  color: #90FFBD;

  margin: 0 4px;

  transition: all 0.3s ease-in-out 0s;

}

.team-block-one:hover .team-img {

  background: #E3FFDD;

}

.team-block-one:hover .team-img img {

  filter: grayscale(0) brightness(100%);

}

.team-block-one:hover .rating li {

  color: #485C53;

}



.team-section-one .section-btn {

  position: absolute;

  right: 0;

  top: 50px;

}



/* Custome Animation */

@keyframes ripple {

  0% {

    box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.08);

  }

  100% {

    box-shadow: 0 0 0 3rem rgba(0, 0, 0, 0);

  }

}

@keyframes rippleTwo {

  0% {

    box-shadow: 0 0 0 0.1rem rgba(144, 255, 189, 0.15);

  }

  100% {

    box-shadow: 0 0 0 0.8rem rgba(144, 255, 189, 0.15);

  }

}

@keyframes marquee {

  0% {

    transform: translate3d(0, 0, 0);

  }

  100% {

    transform: translate3d(-50%, 0, 0);

  }

}

@keyframes skewwrap {

  0% {

    transform: skewX(5deg);

  }

  50% {

    transform: skewX(0);

  }

  100% {

    transform: skewX(-5deg);

  }

}

@keyframes jump {

  0% {

    transform: translate3d(0, 0, 0);

  }

  40% {

    transform: translate3d(0, 50%, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jumpTwo {

  0% {

    transform: translate3d(0, 0, 0);

  }

  40% {

    transform: translate3d(0, 20px, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jumpThree {

  0% {

    transform: translate3d(0, 0, 0);

  }

  40% {

    transform: translate3d(0, -20px, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jumpFour {

  0% {

    transform: translate3d(0, 0, 0);

  }

  50% {

    transform: translate3d(0, -10px, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jumpFive {

  0% {

    transform: translate3d(0, 0, 0);

  }

  50% {

    transform: translate3d(0, 10px, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes prXOne {

  0% {

    transform: translateX(0);

  }

  50% {

    transform: translateX(-15px);

  }

  100% {

    transform: translateX(0);

  }

}

@keyframes prXTwo {

  0% {

    transform: translateX(0);

  }

  50% {

    transform: translateX(15px);

  }

  100% {

    transform: translateX(0);

  }

}

@keyframes rotated {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(360deg);

  }

}

@keyframes rotatedTwo {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(-360deg);

  }

}

@keyframes rotatedHalf {

  0% {

    transform: rotate(0);

  }

  50% {

    transform: rotate(90deg);

  }

  100% {

    transform: rotate(0);

  }

}

@keyframes rotatedHalfTwo {

  0% {

    transform: rotate(0);

  }

  50% {

    transform: rotate(-90deg);

  }

  100% {

    transform: rotate(0);

  }

}

@keyframes scale-right {

  0% {

    transform: translateX(0%);

  }

  50% {

    transform: translateX(20%);

  }

  100% {

    transform: translateX(0%);

  }

}

@keyframes Fadein {

  0% {

    opacity: 0.2;

  }

  40% {

    opacity: 1;

  }

  100% {

    opacity: 0.2;

  }

}

@keyframes hvr-ripple-out {

  0% {

    top: -5px;

    right: -5px;

    bottom: -5px;

    left: -5px;

  }

  50% {

    top: -15px;

    right: -15px;

    bottom: -15px;

    left: -15px;

    opacity: 0.8;

  }

  100% {

    top: -5px;

    right: -5px;

    bottom: -5px;

    left: -5px;

    opacity: 1;

  }

}

@keyframes hvr-ripple-out-two {

  0% {

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

  }

  100% {

    top: -30px;

    right: -30px;

    bottom: -30px;

    left: -30px;

    opacity: 0;

  }

}

@keyframes scale-up-one {

  0% {

    transform: scale(1);

  }

  40% {

    transform: scale(0.5);

  }

  100% {

    transform: scale(1);

  }

}

@keyframes scale-up-two {

  0% {

    transform: scale(0.5);

  }

  40% {

    transform: scale(0.8);

  }

  100% {

    transform: scale(0.5);

  }

}

@keyframes scale-up-three {

  0% {

    transform: scale(1);

  }

  40% {

    transform: scale(2);

  }

  100% {

    transform: scale(1);

  }

}

/*!

Animate.css - http://daneden.me/animate

Licensed under the MIT license



Copyright (c) 2013 Daniel Eden



Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:



The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.



THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

*/

.animated {

  animation-duration: 1s;

  animation-fill-mode: both;

}



.animated.hinge {

  animation-duration: 2s;

}

@keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    transform: translateY(0);

  }

  40% {

    transform: translateY(-30px);

  }

  60% {

    transform: translateY(-15px);

  }

}

.bounce {

  animation-name: bounce;

}

@keyframes flash {

  0%, 50%, 100% {

    opacity: 1;

  }

  25%, 75% {

    opacity: 0;

  }

}

.flash {

  animation-name: flash;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {

  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.1);

  }

  100% {

    transform: scale(1);

  }

}

.pulse {

  animation-name: pulse;

}

@keyframes shake {

  0%, 100% {

    transform: translateX(0);

  }

  10%, 30%, 50%, 70%, 90% {

    transform: translateX(-10px);

  }

  20%, 40%, 60%, 80% {

    transform: translateX(10px);

  }

}

.shake {

  animation-name: shake;

}

@keyframes swing {

  20% {

    transform: rotate(15deg);

  }

  40% {

    transform: rotate(-10deg);

  }

  60% {

    transform: rotate(5deg);

  }

  80% {

    transform: rotate(-5deg);

  }

  100% {

    transform: rotate(0deg);

  }

}

.swing {

  transform-origin: top center;

  animation-name: swing;

}

@keyframes tada {

  0% {

    transform: scale(1);

  }

  10%, 20% {

    transform: scale(0.9) rotate(-3deg);

  }

  30%, 50%, 70%, 90% {

    transform: scale(1.1) rotate(3deg);

  }

  40%, 60%, 80% {

    transform: scale(1.1) rotate(-3deg);

  }

  100% {

    transform: scale(1) rotate(0);

  }

}

.tada {

  animation-name: tada;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {

  0% {

    transform: translateX(0%);

  }

  15% {

    transform: translateX(-25%) rotate(-5deg);

  }

  30% {

    transform: translateX(20%) rotate(3deg);

  }

  45% {

    transform: translateX(-15%) rotate(-3deg);

  }

  60% {

    transform: translateX(10%) rotate(2deg);

  }

  75% {

    transform: translateX(-5%) rotate(-1deg);

  }

  100% {

    transform: translateX(0%);

  }

}

.wobble {

  animation-name: wobble;

}

@keyframes bounceIn {

  0% {

    opacity: 0;

    transform: scale(0.3);

  }

  50% {

    opacity: 1;

    transform: scale(1.05);

  }

  70% {

    transform: scale(0.9);

  }

  100% {

    transform: scale(1);

  }

}

.bounceIn {

  animation-name: bounceIn;

}

@keyframes bounceInDown {

  0% {

    opacity: 0;

    transform: translateY(-2000px);

  }

  60% {

    opacity: 1;

    transform: translateY(30px);

  }

  80% {

    transform: translateY(-10px);

  }

  100% {

    transform: translateY(0);

  }

}

.bounceInDown {

  animation-name: bounceInDown;

}

@keyframes bounceInLeft {

  0% {

    opacity: 0;

    transform: translateX(-2000px);

  }

  60% {

    opacity: 1;

    transform: translateX(30px);

  }

  80% {

    transform: translateX(-10px);

  }

  100% {

    transform: translateX(0);

  }

}

.bounceInLeft {

  animation-name: bounceInLeft;

}

@keyframes bounceInRight {

  0% {

    opacity: 0;

    transform: translateX(2000px);

  }

  60% {

    opacity: 1;

    transform: translateX(-30px);

  }

  80% {

    transform: translateX(10px);

  }

  100% {

    transform: translateX(0);

  }

}

.bounceInRight {

  animation-name: bounceInRight;

}

@keyframes bounceInUp {

  0% {

    opacity: 0;

    transform: translateY(2000px);

  }

  60% {

    opacity: 1;

    transform: translateY(-30px);

  }

  80% {

    transform: translateY(10px);

  }

  100% {

    transform: translateY(0);

  }

}

.bounceInUp {

  animation-name: bounceInUp;

}

@keyframes bounceOut {

  0% {

    transform: scale(1);

  }

  25% {

    transform: scale(0.95);

  }

  50% {

    opacity: 1;

    transform: scale(1.1);

  }

  100% {

    opacity: 0;

    transform: scale(0.3);

  }

}

.bounceOut {

  animation-name: bounceOut;

}

@keyframes bounceOutDown {

  0% {

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    transform: translateY(-20px);

  }

  100% {

    opacity: 0;

    transform: translateY(2000px);

  }

}

.bounceOutDown {

  animation-name: bounceOutDown;

}

@keyframes bounceOutLeft {

  0% {

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    transform: translateX(20px);

  }

  100% {

    opacity: 0;

    transform: translateX(-2000px);

  }

}

.bounceOutLeft {

  animation-name: bounceOutLeft;

}

@keyframes bounceOutRight {

  0% {

    transform: translateX(0);

  }

  20% {

    opacity: 1;

    transform: translateX(-20px);

  }

  100% {

    opacity: 0;

    transform: translateX(2000px);

  }

}

.bounceOutRight {

  animation-name: bounceOutRight;

}

@keyframes bounceOutUp {

  0% {

    transform: translateY(0);

  }

  20% {

    opacity: 1;

    transform: translateY(20px);

  }

  100% {

    opacity: 0;

    transform: translateY(-2000px);

  }

}

.bounceOutUp {

  animation-name: bounceOutUp;

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

.fadeIn {

  animation-name: fadeIn;

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    transform: translateY(-20px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

.fadeInDown {

  animation-name: fadeInDown;

}

@keyframes fadeInDownBig {

  0% {

    opacity: 0;

    transform: translateY(-2000px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

.fadeInDownBig {

  animation-name: fadeInDownBig;

}

@keyframes fadeInLeft {

  0% {

    opacity: 0;

    transform: translateX(-20px);

  }

  100% {

    opacity: 1;

    transform: translateX(0);

  }

}

.fadeInLeft {

  animation-name: fadeInLeft;

}

@keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    transform: translateX(-2000px);

  }

  100% {

    opacity: 1;

    transform: translateX(0);

  }

}

.fadeInLeftBig {

  animation-name: fadeInLeftBig;

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    transform: translateX(20px);

  }

  100% {

    opacity: 1;

    transform: translateX(0);

  }

}

.fadeInRight {

  animation-name: fadeInRight;

}

@keyframes fadeInRightBig {

  0% {

    opacity: 0;

    transform: translateX(2000px);

  }

  100% {

    opacity: 1;

    transform: translateX(0);

  }

}

.fadeInRightBig {

  animation-name: fadeInRightBig;

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    transform: translateY(20px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

.fadeInUp {

  animation-name: fadeInUp;

}

@keyframes fadeInUpBig {

  0% {

    opacity: 0;

    transform: translateY(2000px);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

.fadeInUpBig {

  animation-name: fadeInUpBig;

}

@keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

.fadeOut {

  animation-name: fadeOut;

}

@keyframes fadeOutDown {

  0% {

    opacity: 1;

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    transform: translateY(20px);

  }

}

.fadeOutDown {

  animation-name: fadeOutDown;

}

@keyframes fadeOutDownBig {

  0% {

    opacity: 1;

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    transform: translateY(2000px);

  }

}

.fadeOutDownBig {

  animation-name: fadeOutDownBig;

}

@keyframes fadeOutLeft {

  0% {

    opacity: 1;

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    transform: translateX(-20px);

  }

}

.fadeOutLeft {

  animation-name: fadeOutLeft;

}

@keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    transform: translateX(-2000px);

  }

}

.fadeOutLeftBig {

  animation-name: fadeOutLeftBig;

}

@keyframes fadeOutRight {

  0% {

    opacity: 1;

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    transform: translateX(20px);

  }

}

.fadeOutRight {

  animation-name: fadeOutRight;

}

@keyframes fadeOutRightBig {

  0% {

    opacity: 1;

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    transform: translateX(2000px);

  }

}

.fadeOutRightBig {

  animation-name: fadeOutRightBig;

}

@keyframes fadeOutUp {

  0% {

    opacity: 1;

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    transform: translateY(-20px);

  }

}

.fadeOutUp {

  animation-name: fadeOutUp;

}

@keyframes fadeOutUpBig {

  0% {

    opacity: 1;

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    transform: translateY(-2000px);

  }

}

.fadeOutUpBig {

  animation-name: fadeOutUpBig;

}

@keyframes flip {

  0% {

    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

    animation-timing-function: ease-out;

  }

  40% {

    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

    animation-timing-function: ease-out;

  }

  50% {

    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

    animation-timing-function: ease-in;

  }

  80% {

    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);

    animation-timing-function: ease-in;

  }

  100% {

    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

    animation-timing-function: ease-in;

  }

}

.animated.flip {

  backface-visibility: visible;

  animation-name: flip;

}

@keyframes flipInX {

  0% {

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

  40% {

    transform: perspective(400px) rotateX(-10deg);

  }

  70% {

    transform: perspective(400px) rotateX(10deg);

  }

  100% {

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

}

.flipInX {

  backface-visibility: visible !important;

  animation-name: flipInX;

}

@keyframes flipInY {

  0% {

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

  40% {

    transform: perspective(400px) rotateY(-10deg);

  }

  70% {

    transform: perspective(400px) rotateY(10deg);

  }

  100% {

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

}

.flipInY {

  backface-visibility: visible !important;

  animation-name: flipInY;

}

@keyframes flipOutX {

  0% {

    transform: perspective(400px) rotateX(0deg);

    opacity: 1;

  }

  100% {

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

}

.flipOutX {

  animation-name: flipOutX;

  backface-visibility: visible !important;

}

@keyframes flipOutY {

  0% {

    transform: perspective(400px) rotateY(0deg);

    opacity: 1;

  }

  100% {

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

}

.flipOutY {

  backface-visibility: visible !important;

  animation-name: flipOutY;

}

@keyframes lightSpeedIn {

  0% {

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

  60% {

    transform: translateX(-20%) skewX(30deg);

    opacity: 1;

  }

  80% {

    transform: translateX(0%) skewX(-15deg);

    opacity: 1;

  }

  100% {

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

}

.lightSpeedIn {

  animation-name: lightSpeedIn;

  animation-timing-function: ease-out;

}

@keyframes lightSpeedOut {

  0% {

    transform: translateX(0%) skewX(0deg);

    opacity: 1;

  }

  100% {

    transform: translateX(100%) skewX(-30deg);

    opacity: 0;

  }

}

.lightSpeedOut {

  animation-name: lightSpeedOut;

  animation-timing-function: ease-in;

}

@keyframes rotateIn {

  0% {

    transform-origin: center center;

    transform: rotate(-200deg);

    opacity: 0;

  }

  100% {

    transform-origin: center center;

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateIn {

  animation-name: rotateIn;

}

@keyframes rotateInDownLeft {

  0% {

    transform-origin: left bottom;

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    transform-origin: left bottom;

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInDownLeft {

  animation-name: rotateInDownLeft;

}

@keyframes rotateInDownRight {

  0% {

    transform-origin: right bottom;

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    transform-origin: right bottom;

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInDownRight {

  animation-name: rotateInDownRight;

}

@keyframes rotateInUpLeft {

  0% {

    transform-origin: left bottom;

    transform: rotate(90deg);

    opacity: 0;

  }

  100% {

    transform-origin: left bottom;

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInUpLeft {

  animation-name: rotateInUpLeft;

}

@keyframes rotateInUpRight {

  0% {

    transform-origin: right bottom;

    transform: rotate(-90deg);

    opacity: 0;

  }

  100% {

    transform-origin: right bottom;

    transform: rotate(0);

    opacity: 1;

  }

}

.rotateInUpRight {

  animation-name: rotateInUpRight;

}

@keyframes rotateOut {

  0% {

    transform-origin: center center;

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    transform-origin: center center;

    transform: rotate(200deg);

    opacity: 0;

  }

}

.rotateOut {

  animation-name: rotateOut;

}

@keyframes rotateOutDownLeft {

  0% {

    transform-origin: left bottom;

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    transform-origin: left bottom;

    transform: rotate(90deg);

    opacity: 0;

  }

}

.rotateOutDownLeft {

  animation-name: rotateOutDownLeft;

}

@keyframes rotateOutDownRight {

  0% {

    transform-origin: right bottom;

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    transform-origin: right bottom;

    transform: rotate(-90deg);

    opacity: 0;

  }

}

.rotateOutDownRight {

  animation-name: rotateOutDownRight;

}

@keyframes rotateOutUpLeft {

  0% {

    transform-origin: left bottom;

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    transform-origin: left bottom;

    transform: rotate(-90deg);

    opacity: 0;

  }

}

.rotateOutUpLeft {

  animation-name: rotateOutUpLeft;

}

@keyframes rotateOutUpRight {

  0% {

    transform-origin: right bottom;

    transform: rotate(0);

    opacity: 1;

  }

  100% {

    transform-origin: right bottom;

    transform: rotate(90deg);

    opacity: 0;

  }

}

.rotateOutUpRight {

  animation-name: rotateOutUpRight;

}

@keyframes slideInUp {

  0% {

    opacity: 0;

    transform: translateY(150px);

  }

  100% {

    transform: translateY(0);

  }

}

.slideInUp {

  animation-name: slideInUp;

}



@keyframes slideInDown {

  0% {

    opacity: 0;

    transform: translateY(-2000px);

  }

  100% {

    transform: translateY(0);

  }

}

.slideInDown {

  animation-name: slideInDown;

}

@keyframes slideInLeft {

  0% {

    opacity: 0;

    transform: translateX(-200px);

  }

  100% {

    transform: translateX(0);

  }

}

.slideInLeft {

  animation-name: slideInLeft;

}

@keyframes slideInRight {

  0% {

    opacity: 0;

    transform: translateX(200px);

  }

  100% {

    transform: translateX(0);

  }

}

.slideInRight {

  animation-name: slideInRight;

}

@keyframes slideOutLeft {

  0% {

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    transform: translateX(-2000px);

  }

}

.slideOutLeft {

  animation-name: slideOutLeft;

}

@keyframes slideOutRight {

  0% {

    transform: translateX(0);

  }

  100% {

    opacity: 0;

    transform: translateX(2000px);

  }

}

.slideOutRight {

  animation-name: slideOutRight;

}

@keyframes slideOutUp {

  0% {

    transform: translateY(0);

  }

  100% {

    opacity: 0;

    transform: translateY(-2000px);

  }

}

.slideOutUp {

  animation-name: slideOutUp;

}

@keyframes hinge {

  0% {

    transform: rotate(0);

    transform-origin: top left;

    animation-timing-function: ease-in-out;

  }

  20%, 60% {

    transform: rotate(80deg);

    transform-origin: top left;

    animation-timing-function: ease-in-out;

  }

  40% {

    transform: rotate(60deg);

    transform-origin: top left;

    animation-timing-function: ease-in-out;

  }

  80% {

    transform: rotate(60deg) translateY(0);

    opacity: 1;

    transform-origin: top left;

    animation-timing-function: ease-in-out;

  }

  100% {

    transform: translateY(700px);

    opacity: 0;

  }

}

.hinge {

  animation-name: hinge;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {

  0% {

    opacity: 0;

    transform: translateX(-100%) rotate(-120deg);

  }

  100% {

    opacity: 1;

    transform: translateX(0px) rotate(0deg);

  }

}

.rollIn {

  animation-name: rollIn;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {

  0% {

    opacity: 1;

    transform: translateX(0px) rotate(0deg);

  }

  100% {

    opacity: 0;

    transform: translateX(100%) rotate(120deg);

  }

}

.rollOut {

  animation-name: rollOut;

}

@keyframes jump {

  0% {

    transform: translate3d(0, 0, 0);

  }

  40% {

    transform: translate3d(0, 50%, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jumpTwo {

  0% {

    transform: translate3d(0, 0, 0);

  }

  40% {

    transform: translate3d(0, 20px, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jumpThree {

  0% {

    transform: translate3d(0, 0, 0);

  }

  40% {

    transform: translate3d(0, -20px, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jumpFour {

  0% {

    transform: translate3d(0, 0, 0);

  }

  50% {

    transform: translate3d(0, -10px, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jumpFive {

  0% {

    transform: translate3d(0, 0, 0);

  }

  50% {

    transform: translate3d(0, 10px, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes prXOne {

  0% {

    transform: translateX(0);

  }

  50% {

    transform: translateX(-15px);

  }

  100% {

    transform: translateX(0);

  }

}

@keyframes prXTwo {

  0% {

    transform: translateX(0);

  }

  50% {

    transform: translateX(15px);

  }

  100% {

    transform: translateX(0);

  }

}

@keyframes rotated {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(360deg);

  }

}

@keyframes rotatedTwo {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(-360deg);

  }

}

@keyframes rotatedHalf {

  0% {

    transform: rotate(0);

  }

  50% {

    transform: rotate(90deg);

  }

  100% {

    transform: rotate(0);

  }

}

@keyframes rotatedHalfTwo {

  0% {

    transform: rotate(0);

  }

  50% {

    transform: rotate(-90deg);

  }

  100% {

    transform: rotate(0);

  }

}

@keyframes scale-right {

  0% {

    transform: translateX(0%);

  }

  50% {

    transform: translateX(20%);

  }

  100% {

    transform: translateX(0%);

  }

}

@keyframes fade-in {

  0% {

    opacity: 0.2;

  }

  40% {

    opacity: 1;

  }

  100% {

    opacity: 0.2;

  }

}

@keyframes hvr-ripple-out {

  0% {

    top: -5px;

    right: -5px;

    bottom: -5px;

    left: -5px;

  }

  50% {

    top: -15px;

    right: -15px;

    bottom: -15px;

    left: -15px;

    opacity: 0.8;

  }

  100% {

    top: -5px;

    right: -5px;

    bottom: -5px;

    left: -5px;

    opacity: 1;

  }

}

@keyframes hvr-ripple-out-two {

  0% {

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

  }

  100% {

    top: -30px;

    right: -30px;

    bottom: -30px;

    left: -30px;

    opacity: 0;

  }

}

@keyframes scale-up-one {

  0% {

    transform: scale(1);

  }

  40% {

    transform: scale(0.5);

  }

  100% {

    transform: scale(1);

  }

}

@keyframes scale-up-two {

  0% {

    transform: scale(0.5);

  }

  40% {

    transform: scale(0.8);

  }

  100% {

    transform: scale(0.5);

  }

}

@keyframes scale-up-three {

  0% {

    transform: scale(1);

  }

  40% {

    transform: scale(2);

  }

  100% {

    transform: scale(1);

  }

}

[data-sal] {

  transition-delay: 0s;

  transition-delay: var(--sal-delay, 0s);

  transition-duration: 0.2s;

  transition-duration: var(--sal-duration, 0.2s);

  transition-timing-function: ease;

  transition-timing-function: var(--sal-easing, ease);

}



[data-sal][data-sal-duration="200"] {

  transition-duration: 0.2s;

}



[data-sal][data-sal-duration="250"] {

  transition-duration: 0.25s;

}



[data-sal][data-sal-duration="300"] {

  transition-duration: 0.3s;

}



[data-sal][data-sal-duration="350"] {

  transition-duration: 0.35s;

}



[data-sal][data-sal-duration="400"] {

  transition-duration: 0.4s;

}



[data-sal][data-sal-duration="450"] {

  transition-duration: 0.45s;

}



[data-sal][data-sal-duration="500"] {

  transition-duration: 0.5s;

}



[data-sal][data-sal-duration="550"] {

  transition-duration: 0.55s;

}



[data-sal][data-sal-duration="600"] {

  transition-duration: 0.6s;

}



[data-sal][data-sal-duration="650"] {

  transition-duration: 0.65s;

}



[data-sal][data-sal-duration="700"] {

  transition-duration: 0.7s;

}



[data-sal][data-sal-duration="750"] {

  transition-duration: 0.75s;

}



[data-sal][data-sal-duration="800"] {

  transition-duration: 0.8s;

}



[data-sal][data-sal-duration="850"] {

  transition-duration: 0.85s;

}



[data-sal][data-sal-duration="900"] {

  transition-duration: 0.9s;

}



[data-sal][data-sal-duration="950"] {

  transition-duration: 0.95s;

}



[data-sal][data-sal-duration="1000"] {

  transition-duration: 1s;

}



[data-sal][data-sal-duration="1050"] {

  transition-duration: 1.05s;

}



[data-sal][data-sal-duration="1100"] {

  transition-duration: 1.1s;

}



[data-sal][data-sal-duration="1150"] {

  transition-duration: 1.15s;

}



[data-sal][data-sal-duration="1200"] {

  transition-duration: 1.2s;

}



[data-sal][data-sal-duration="1250"] {

  transition-duration: 1.25s;

}



[data-sal][data-sal-duration="1300"] {

  transition-duration: 1.3s;

}



[data-sal][data-sal-duration="1350"] {

  transition-duration: 1.35s;

}



[data-sal][data-sal-duration="1400"] {

  transition-duration: 1.4s;

}



[data-sal][data-sal-duration="1450"] {

  transition-duration: 1.45s;

}



[data-sal][data-sal-duration="1500"] {

  transition-duration: 1.5s;

}



[data-sal][data-sal-duration="1550"] {

  transition-duration: 1.55s;

}



[data-sal][data-sal-duration="1600"] {

  transition-duration: 1.6s;

}



[data-sal][data-sal-duration="1650"] {

  transition-duration: 1.65s;

}



[data-sal][data-sal-duration="1700"] {

  transition-duration: 1.7s;

}



[data-sal][data-sal-duration="1750"] {

  transition-duration: 1.75s;

}



[data-sal][data-sal-duration="1800"] {

  transition-duration: 1.8s;

}



[data-sal][data-sal-duration="1850"] {

  transition-duration: 1.85s;

}



[data-sal][data-sal-duration="1900"] {

  transition-duration: 1.9s;

}



[data-sal][data-sal-duration="1950"] {

  transition-duration: 1.95s;

}



[data-sal][data-sal-duration="2000"] {

  transition-duration: 2s;

}



[data-sal][data-sal-delay="50"] {

  transition-delay: 0.05s;

}



[data-sal][data-sal-delay="100"] {

  transition-delay: 0.1s;

}



[data-sal][data-sal-delay="150"] {

  transition-delay: 0.15s;

}



[data-sal][data-sal-delay="200"] {

  transition-delay: 0.2s;

}



[data-sal][data-sal-delay="250"] {

  transition-delay: 0.25s;

}



[data-sal][data-sal-delay="300"] {

  transition-delay: 0.3s;

}



[data-sal][data-sal-delay="350"] {

  transition-delay: 0.35s;

}



[data-sal][data-sal-delay="400"] {

  transition-delay: 0.4s;

}



[data-sal][data-sal-delay="450"] {

  transition-delay: 0.45s;

}



[data-sal][data-sal-delay="500"] {

  transition-delay: 0.5s;

}



[data-sal][data-sal-delay="550"] {

  transition-delay: 0.55s;

}



[data-sal][data-sal-delay="600"] {

  transition-delay: 0.6s;

}



[data-sal][data-sal-delay="650"] {

  transition-delay: 0.65s;

}



[data-sal][data-sal-delay="700"] {

  transition-delay: 0.7s;

}



[data-sal][data-sal-delay="750"] {

  transition-delay: 0.75s;

}



[data-sal][data-sal-delay="800"] {

  transition-delay: 0.8s;

}



[data-sal][data-sal-delay="850"] {

  transition-delay: 0.85s;

}



[data-sal][data-sal-delay="900"] {

  transition-delay: 0.9s;

}



[data-sal][data-sal-delay="950"] {

  transition-delay: 0.95s;

}



[data-sal][data-sal-delay="1000"] {

  transition-delay: 1s;

}



[data-sal][data-sal-easing=linear] {

  transition-timing-function: linear;

}



[data-sal][data-sal-easing=ease] {

  transition-timing-function: ease;

}



[data-sal][data-sal-easing=ease-in] {

  transition-timing-function: ease-in;

}



[data-sal][data-sal-easing=ease-out] {

  transition-timing-function: ease-out;

}



[data-sal][data-sal-easing=ease-in-out] {

  transition-timing-function: ease-in-out;

}



[data-sal][data-sal-easing=ease-in-cubic] {

  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



[data-sal][data-sal-easing=ease-out-cubic] {

  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}



[data-sal][data-sal-easing=ease-in-out-cubic] {

  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);

}



[data-sal][data-sal-easing=ease-in-circ] {

  transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);

}



[data-sal][data-sal-easing=ease-out-circ] {

  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);

}



[data-sal][data-sal-easing=ease-in-out-circ] {

  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



[data-sal][data-sal-easing=ease-in-expo] {

  transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);

}



[data-sal][data-sal-easing=ease-out-expo] {

  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

}



[data-sal][data-sal-easing=ease-in-out-expo] {

  transition-timing-function: cubic-bezier(1, 0, 0, 1);

}



[data-sal][data-sal-easing=ease-in-quad] {

  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);

}



[data-sal][data-sal-easing=ease-out-quad] {

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

}



[data-sal][data-sal-easing=ease-in-out-quad] {

  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);

}



[data-sal][data-sal-easing=ease-in-quart] {

  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);

}



[data-sal][data-sal-easing=ease-out-quart] {

  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

}



[data-sal][data-sal-easing=ease-in-out-quart] {

  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);

}



[data-sal][data-sal-easing=ease-in-quint] {

  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

}



[data-sal][data-sal-easing=ease-out-quint] {

  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);

}



[data-sal][data-sal-easing=ease-in-out-quint] {

  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);

}



[data-sal][data-sal-easing=ease-in-sine] {

  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);

}



[data-sal][data-sal-easing=ease-out-sine] {

  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);

}



[data-sal][data-sal-easing=ease-in-out-sine] {

  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);

}



[data-sal][data-sal-easing=ease-in-back] {

  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);

}



[data-sal][data-sal-easing=ease-out-back] {

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

}



[data-sal][data-sal-easing=ease-in-out-back] {

  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);

}



[data-sal|=fade] {

  opacity: 0;

  transition-property: opacity;

}



[data-sal|=fade].sal-animate, body.sal-disabled [data-sal|=fade] {

  opacity: 1;

}



[data-sal|=slide] {

  opacity: 0;

  transition-property: opacity, transform;

}



[data-sal=slide-up] {

  transform: translateY(20%);

}



[data-sal=slide-down] {

  transform: translateY(-20%);

}



[data-sal=slide-left] {

  transform: translateX(20%);

}



[data-sal=slide-right] {

  transform: translateX(-20%);

}



[data-sal|=slide].sal-animate, body.sal-disabled [data-sal|=slide] {

  opacity: 1;

  transform: none;

}



[data-sal|=zoom] {

  opacity: 0;

  transition-property: opacity, transform;

}



[data-sal=zoom-in] {

  transform: scale(0.5);

}



[data-sal=zoom-out] {

  transform: scale(1.1);

}



[data-sal|=zoom].sal-animate, body.sal-disabled [data-sal|=zoom] {

  opacity: 1;

  transform: none;

}



[data-sal|=flip] {

  backface-visibility: hidden;

  transition-property: transform;

}



[data-sal=flip-left] {

  transform: perspective(2000px) rotateY(-91deg);

}



[data-sal=flip-right] {

  transform: perspective(2000px) rotateY(91deg);

}



[data-sal=flip-up] {

  transform: perspective(2000px) rotateX(-91deg);

}



[data-sal=flip-down] {

  transform: perspective(2000px) rotateX(91deg);

}



[data-sal|=flip].sal-animate, body.sal-disabled [data-sal|=flip] {

  transform: none;

}





@keyframes growAndFade {

  0% {

    opacity: 0.1;

    transform: scale(0.75);

  }

  100% {

    opacity: 0.08;

    transform: scale(1);

  }

}

@keyframes jump {

  0% {

    transform: translate3d(0, 0, 0);

  }

  40% {

    transform: translate3d(0, 50%, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jumpTwo {

  0% {

    transform: translate3d(0, 0, 0);

  }

  40% {

    transform: translate3d(0, 20px, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jumpThree {

  0% {

    transform: translate3d(0, 0, 0);

  }

  40% {

    transform: translate3d(0, -20px, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jumpFour {

  0% {

    transform: translate3d(0, 0, 0);

  }

  50% {

    transform: translate3d(0, -10px, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes jumpFive {

  0% {

    transform: translate3d(0, 0, 0);

  }

  50% {

    transform: translate3d(0, 10px, 0);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes prXOne {

  0% {

    transform: translateX(0);

  }

  50% {

    transform: translateX(-15px);

  }

  100% {

    transform: translateX(0);

  }

}

@keyframes prXTwo {

  0% {

    transform: translateX(0);

  }

  50% {

    transform: translateX(15px);

  }

  100% {

    transform: translateX(0);

  }

}

@keyframes rotated {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(360deg);

  }

}

@keyframes rotatedTwo {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(-360deg);

  }

}

@keyframes rotatedHalf {

  0% {

    transform: rotate(0);

  }

  50% {

    transform: rotate(90deg);

  }

  100% {

    transform: rotate(0);

  }

}

@keyframes rotatedHalfTwo {

  0% {

    transform: rotate(0);

  }

  50% {

    transform: rotate(-90deg);

  }

  100% {

    transform: rotate(0);

  }

}

@keyframes scale-right {

  0% {

    transform: translateX(0%);

  }

  50% {

    transform: translateX(20%);

  }

  100% {

    transform: translateX(0%);

  }

}

@keyframes fade-in {

  0% {

    opacity: 0.2;

  }

  40% {

    opacity: 1;

  }

  100% {

    opacity: 0.2;

  }

}

@keyframes hvr-ripple-out {

  0% {

    top: -5px;

    right: -5px;

    bottom: -5px;

    left: -5px;

  }

  50% {

    top: -15px;

    right: -15px;

    bottom: -15px;

    left: -15px;

    opacity: 0.8;

  }

  100% {

    top: -5px;

    right: -5px;

    bottom: -5px;

    left: -5px;

    opacity: 1;

  }

}

@keyframes hvr-ripple-out-two {

  0% {

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

  }

  100% {

    top: -30px;

    right: -30px;

    bottom: -30px;

    left: -30px;

    opacity: 0;

  }

}

@keyframes scale-up-one {

  0% {

    transform: scale(1);

  }

  40% {

    transform: scale(0.5);

  }

  100% {

    transform: scale(1);

  }

}

@keyframes scale-up-two {

  0% {

    transform: scale(0.5);

  }

  40% {

    transform: scale(0.8);

  }

  100% {

    transform: scale(0.5);

  }

}

@keyframes scale-up-three {

  0% {

    transform: scale(1);

  }

  40% {

    transform: scale(2);

  }

  100% {

    transform: scale(1);

  }

}

.nice-select {

  -webkit-tap-highlight-color: transparent;

  background-color: #fff;

  border-radius: 5px;

  box-sizing: border-box;

  clear: both;

  cursor: pointer;

  display: block;

  font-family: inherit;

  font-size: 0.9em;

  height: 35px;

  line-height: 35px;

  outline: none;

  padding-left: 10px;

  padding-right: 18px;

  text-transform: capitalize;

  position: relative;

  text-align: left !important;

  transition: all 0.2s ease-in-out;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

  white-space: nowrap;

  width: auto;

}



.nice-select:after {

  border-bottom: 1px solid #000;

  border-right: 1px solid #000;

  content: "";

  display: block;

  height: 7px;

  margin-top: -4px;

  pointer-events: none;

  position: absolute;

  right: 8px;

  top: 50%;

  transform-origin: 66% 66%;

  transform: rotate(45deg);

  transition: all 0.15s ease-in-out;

  width: 7px;

}



.nice-select.open:after {

  transform: rotate(-135deg);

}



.nice-select.open .list {

  opacity: 1;

  pointer-events: auto;

  transform: scale(1) translateY(0);

}



.nice-select.disabled {

  border-color: #ededed;

  color: #999;

  pointer-events: none;

}



.nice-select.disabled:after {

  border-color: #cccccc;

}



.nice-select.wide {

  width: 100%;

}



.nice-select.wide .list {

  left: 0 !important;

  right: 0 !important;

}



.nice-select.right {

  float: right;

}



.nice-select.right .list {

  left: auto;

  right: 0;

}



.nice-select.small {

  font-size: 12px;

  height: 36px;

  line-height: 34px;

}



.nice-select.small:after {

  height: 4px;

  width: 4px;

}



.nice-select.small .option {

  line-height: 34px;

  min-height: 34px;

}



.nice-select .list {

  background-color: #fff;

  border-radius: 0 0 5px 5px;

  box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);

  box-sizing: border-box;

  opacity: 0;

  overflow-y: auto;

  max-height: 250px;

  border: 1px solid rgba(0, 0, 0, 0.05);

  padding: 5px 0 15px;

  pointer-events: none;

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  transform-origin: 50% 0;

  transform: scale(0.75) translateY(-21px);

  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

  z-index: 9;

}



.nice-select .option {

  font-size: 0.95em;

  cursor: pointer;

  font-weight: 400;

  margin-top: 5px;

  list-style: none;

  outline: none;

  padding: 0 10px;

  text-align: left;

  transition: all 0.2s;

}



.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {

  color: #90FFBD;

  background: rgba(144, 255, 189, 0.03);

}



.nice-select .option.disabled {

  background-color: transparent;

  color: #999;

  cursor: default;

}



.no-csspointerevents .nice-select .list {

  display: none;

}



.no-csspointerevents .nice-select.open .list {

  display: block;

}



:root {

  --f-spinner-width: 36px;

  --f-spinner-height: 36px;

  --f-spinner-color-1: rgba(0, 0, 0, 0.1);

  --f-spinner-color-2: rgba(17, 24, 28, 0.8);

  --f-spinner-stroke: 2.75;

}



.f-spinner {

  margin: auto;

  padding: 0;

  width: var(--f-spinner-width);

  height: var(--f-spinner-height);

}



.f-spinner svg {

  width: 100%;

  height: 100%;

  vertical-align: top;

  animation: f-spinner-rotate 2s linear infinite;

}



.f-spinner svg * {

  stroke-width: var(--f-spinner-stroke);

  fill: none;

}



.f-spinner svg *:first-child {

  stroke: var(--f-spinner-color-1);

}



.f-spinner svg *:last-child {

  stroke: var(--f-spinner-color-2);

  animation: f-spinner-dash 2s ease-in-out infinite;

}



@keyframes f-spinner-rotate {

  100% {

    transform: rotate(360deg);

  }

}

@keyframes f-spinner-dash {

  0% {

    stroke-dasharray: 1, 150;

    stroke-dashoffset: 0;

  }

  50% {

    stroke-dasharray: 90, 150;

    stroke-dashoffset: -35;

  }

  100% {

    stroke-dasharray: 90, 150;

    stroke-dashoffset: -124;

  }

}

.f-throwOutUp {

  animation: 0.175s ease-out both f-throwOutUp;

}



.f-throwOutDown {

  animation: 0.175s ease-out both f-throwOutDown;

}



@keyframes f-throwOutUp {

  to {

    transform: translate3d(0, -150px, 0);

    opacity: 0;

  }

}

@keyframes f-throwOutDown {

  to {

    transform: translate3d(0, 150px, 0);

    opacity: 0;

  }

}

.f-zoomInUp {

  animation: var(--f-transition-duration, 0.2s) ease-out 0.1s both f-zoomInUp;

}



.f-zoomOutDown {

  animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown;

}



@keyframes f-zoomInUp {

  from {

    transform: scale(0.975) translate3d(0, 16px, 0);

    opacity: 0;

  }

  to {

    transform: scale(1) translate3d(0, 0, 0);

    opacity: 1;

  }

}

@keyframes f-zoomOutDown {

  to {

    transform: scale(0.975) translate3d(0, 16px, 0);

    opacity: 0;

  }

}

.f-fadeIn {

  animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;

  z-index: 2;

}



.f-fadeOut {

  animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;

  z-index: 1;

}



@keyframes f-fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes f-fadeOut {

  100% {

    opacity: 0;

  }

}

.f-fadeSlowIn {

  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;

  z-index: 2;

}



.f-fadeSlowOut {

  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;

  z-index: 1;

}



@keyframes f-fadeSlowIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes f-fadeSlowOut {

  100% {

    opacity: 0;

  }

}

.f-fadeFastIn {

  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;

  z-index: 2;

}



.f-fadeFastOut {

  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;

  z-index: 2;

}



@keyframes f-fadeFastIn {

  0% {

    opacity: 0.75;

  }

  100% {

    opacity: 1;

  }

}

@keyframes f-fadeFastOut {

  100% {

    opacity: 0;

  }

}

.f-crossfadeIn {

  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;

  z-index: 2;

}



.f-crossfadeOut {

  animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;

  z-index: 1;

}



@keyframes f-crossfadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes f-crossfadeOut {

  100% {

    opacity: 0;

  }

}

.f-slideIn.from-next {

  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;

}



.f-slideIn.from-prev {

  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;

}



.f-slideOut.to-next {

  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;

}



.f-slideOut.to-prev {

  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;

}



@keyframes f-slideInPrev {

  0% {

    transform: translateX(100%);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes f-slideInNext {

  0% {

    transform: translateX(-100%);

  }

  100% {

    transform: translate3d(0, 0, 0);

  }

}

@keyframes f-slideOutNext {

  100% {

    transform: translateX(-100%);

  }

}

@keyframes f-slideOutPrev {

  100% {

    transform: translateX(100%);

  }

}

.f-classicIn.from-next {

  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;

  z-index: 2;

}



.f-classicIn.from-prev {

  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;

  z-index: 2;

}



.f-classicOut.to-next {

  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;

  z-index: 1;

}



.f-classicOut.to-prev {

  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;

  z-index: 1;

}



@keyframes f-classicInNext {

  0% {

    transform: translateX(-75px);

    opacity: 0;

  }

  100% {

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}

@keyframes f-classicInPrev {

  0% {

    transform: translateX(75px);

    opacity: 0;

  }

  100% {

    transform: translate3d(0, 0, 0);

    opacity: 1;

  }

}

@keyframes f-classicOutNext {

  100% {

    transform: translateX(-75px);

    opacity: 0;

  }

}

@keyframes f-classicOutPrev {

  100% {

    transform: translateX(75px);

    opacity: 0;

  }

}

:root {

  --f-button-width: 40px;

  --f-button-height: 40px;

  --f-button-border: 0;

  --f-button-border-radius: 0;

  --f-button-color: #374151;

  --f-button-bg: #f8f8f8;

  --f-button-hover-bg: #e0e0e0;

  --f-button-active-bg: #d0d0d0;

  --f-button-shadow: none;

  --f-button-transition: all 0.15s ease;

  --f-button-transform: none;

  --f-button-svg-width: 20px;

  --f-button-svg-height: 20px;

  --f-button-svg-stroke-width: 1.5;

  --f-button-svg-fill: none;

  --f-button-svg-filter: none;

  --f-button-svg-disabled-opacity: 0.65;

}



.f-button {

  display: flex;

  justify-content: center;

  align-items: center;

  box-sizing: content-box;

  position: relative;

  margin: 0;

  padding: 0;

  width: var(--f-button-width);

  height: var(--f-button-height);

  border: var(--f-button-border);

  border-radius: var(--f-button-border-radius);

  color: var(--f-button-color);

  background: var(--f-button-bg);

  box-shadow: var(--f-button-shadow);

  pointer-events: all;

  cursor: pointer;

  transition: var(--f-button-transition);

}



@media (hover: hover) {

  .f-button:hover:not([disabled]) {

    color: var(--f-button-hover-color);

    background-color: var(--f-button-hover-bg);

  }

}

.f-button:active:not([disabled]) {

  background-color: var(--f-button-active-bg);

}



.f-button:focus:not(:focus-visible) {

  outline: none;

}



.f-button:focus-visible {

  outline: none;

  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));

}



.f-button svg {

  width: var(--f-button-svg-width);

  height: var(--f-button-svg-height);

  fill: var(--f-button-svg-fill);

  stroke: currentColor;

  stroke-width: var(--f-button-svg-stroke-width);

  stroke-linecap: round;

  stroke-linejoin: round;

  transition: opacity 0.15s ease;

  transform: var(--f-button-transform);

  filter: var(--f-button-svg-filter);

  pointer-events: none;

}



.f-button[disabled] {

  cursor: default;

}



.f-button[disabled] svg {

  opacity: var(--f-button-svg-disabled-opacity);

}



.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {

  position: absolute;

  z-index: 1;

}



.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {

  top: 50%;

  transform: translateY(-50%);

}



.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {

  left: var(--f-button-prev-pos);

}



.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {

  right: var(--f-button-next-pos);

}



.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {

  left: auto;

  right: var(--f-button-next-pos);

}



.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {

  right: auto;

  left: var(--f-button-prev-pos);

}



.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {

  top: auto;

  left: 50%;

  transform: translateX(-50%);

}



.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {

  top: var(--f-button-next-pos);

}



.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {

  bottom: var(--f-button-next-pos);

}



.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {

  transform: rotate(90deg);

}



html.with-fancybox {

  width: auto;

  overflow: visible;

  scroll-behavior: auto;

}



html.with-fancybox body {

  touch-action: none;

}



html.with-fancybox body.hide-scrollbar {

  width: auto;

  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));

  overflow: hidden !important;

  overscroll-behavior-y: none;

}



.fancybox__container {

  --fancybox-color: #dbdbdb;

  --fancybox-hover-color: #fff;

  --fancybox-bg: rgba(24, 24, 27, 0.98);

  --fancybox-slide-gap: 10px;

  --f-spinner-width: 50px;

  --f-spinner-height: 50px;

  --f-spinner-color-1: rgba(255, 255, 255, 0.1);

  --f-spinner-color-2: #bbb;

  --f-spinner-stroke: 3.65;

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  direction: ltr;

  display: flex;

  flex-direction: column;

  box-sizing: border-box;

  margin: 0;

  padding: 0;

  color: #f8f8f8;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  overflow: visible;

  z-index: var(--fancybox-zIndex, 1050);

  outline: none;

  transform-origin: top left;

  -webkit-text-size-adjust: 100%;

  -moz-text-size-adjust: none;

  text-size-adjust: 100%;

  overscroll-behavior-y: contain;

}



.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {

  box-sizing: inherit;

}



.fancybox__container::backdrop {

  background-color: rgba(0, 0, 0, 0);

}



.fancybox__backdrop {

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  z-index: -1;

  background: var(--fancybox-bg);

  opacity: var(--fancybox-opacity, 1);

  will-change: opacity;

}



.fancybox__carousel {

  position: relative;

  box-sizing: border-box;

  flex: 1;

  min-height: 0;

  z-index: 10;

  overflow-y: visible;

  overflow-x: clip;

}



.fancybox__viewport {

  width: 100%;

  height: 100%;

}



.fancybox__viewport.is-draggable {

  cursor: move;

  cursor: grab;

}



.fancybox__viewport.is-dragging {

  cursor: move;

  cursor: grabbing;

}



.fancybox__track {

  display: flex;

  margin: 0 auto;

  height: 100%;

}



.fancybox__slide {

  flex: 0 0 auto;

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 100%;

  height: 100%;

  margin: 0 var(--fancybox-slide-gap) 0 0;

  padding: 4px;

  overflow: auto;

  overscroll-behavior: contain;

  transform: translate3d(0, 0, 0);

  backface-visibility: hidden;

}



.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {

  padding-top: 40px;

}



.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {

  overflow: hidden;

}



.fancybox__slide.has-image {

  overflow: hidden;

}



.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {

  overflow: visible;

}



.fancybox__slide::before, .fancybox__slide::after {

  content: "";

  flex: 0 0 0;

  margin: auto;

}



.fancybox__content {

  align-self: center;

  display: flex;

  flex-direction: column;

  position: relative;

  margin: 0;

  padding: 2rem;

  max-width: 100%;

  color: var(--fancybox-content-color, #374151);

  background: var(--fancybox-content-bg, #fff);

  cursor: default;

  border-radius: 0;

  z-index: 20;

}



.is-loading .fancybox__content {

  opacity: 0;

}



.is-draggable .fancybox__content {

  cursor: move;

  cursor: grab;

}



.can-zoom_in .fancybox__content {

  cursor: zoom-in;

}



.can-zoom_out .fancybox__content {

  cursor: zoom-out;

}



.is-dragging .fancybox__content {

  cursor: move;

  cursor: grabbing;

}



.fancybox__content [data-selectable], .fancybox__content [contenteditable] {

  cursor: auto;

}



.fancybox__slide.has-image > .fancybox__content {

  padding: 0;

  background: rgba(0, 0, 0, 0);

  min-height: 1px;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center center;

  transition: none;

  transform: translate3d(0, 0, 0);

  backface-visibility: hidden;

}



.fancybox__slide.has-image > .fancybox__content > picture > img {

  width: 100%;

  height: auto;

  max-height: 100%;

}



.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {

  visibility: hidden;

}



.is-animating .fancybox__content, .is-dragging .fancybox__content {

  filter: blur(0px);

  will-change: transform, width, height;

}



.fancybox-image {

  margin: auto;

  display: block;

  width: 100%;

  height: 100%;

  min-height: 0;

  -o-object-fit: contain;

     object-fit: contain;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

}



.fancybox__caption {

  align-self: center;

  max-width: 100%;

  flex-shrink: 0;

  margin: 0;

  padding: 14px 0 4px 0;

  overflow-wrap: anywhere;

  line-height: 1.375;

  color: var(--fancybox-color, currentColor);

  opacity: var(--fancybox-opacity, 1);

  cursor: auto;

  visibility: visible;

}



.is-loading .fancybox__caption, .is-closing .fancybox__caption {

  opacity: 0;

  visibility: hidden;

}



.is-compact .fancybox__caption {

  padding-bottom: 0;

}



.f-button.is-close-btn {

  --f-button-svg-stroke-width: 2;

  position: absolute;

  top: 0;

  right: 8px;

  z-index: 40;

}



.fancybox__content > .f-button.is-close-btn {

  --f-button-width: 34px;

  --f-button-height: 34px;

  --f-button-border-radius: 4px;

  --f-button-color: var(--fancybox-color, #fff);

  --f-button-hover-color: var(--fancybox-color, #fff);

  --f-button-bg: transparent;

  --f-button-hover-bg: transparent;

  --f-button-active-bg: transparent;

  --f-button-svg-width: 22px;

  --f-button-svg-height: 22px;

  position: absolute;

  top: -38px;

  right: 0;

  opacity: 0.75;

}



.is-loading .fancybox__content > .f-button.is-close-btn {

  visibility: hidden;

}



.is-zooming-out .fancybox__content > .f-button.is-close-btn {

  visibility: hidden;

}



.fancybox__content > .f-button.is-close-btn:hover {

  opacity: 1;

}



.fancybox__footer {

  padding: 0;

  margin: 0;

  position: relative;

}



.fancybox__footer .fancybox__caption {

  width: 100%;

  padding: 24px;

  opacity: var(--fancybox-opacity, 1);

  transition: all 0.25s ease;

}



.is-compact .fancybox__footer {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 20;

  background: rgba(24, 24, 27, 0.5);

}



.is-compact .fancybox__footer .fancybox__caption {

  padding: 12px;

}



.is-compact .fancybox__content > .f-button.is-close-btn {

  --f-button-border-radius: 50%;

  --f-button-color: #fff;

  --f-button-hover-color: #fff;

  --f-button-outline-color: #000;

  --f-button-bg: rgba(0, 0, 0, 0.6);

  --f-button-active-bg: rgba(0, 0, 0, 0.6);

  --f-button-hover-bg: rgba(0, 0, 0, 0.6);

  --f-button-svg-width: 18px;

  --f-button-svg-height: 18px;

  --f-button-svg-filter: none;

  top: 5px;

  right: 5px;

}



.fancybox__nav {

  --f-button-width: 50px;

  --f-button-height: 50px;

  --f-button-border: 0;

  --f-button-border-radius: 50%;

  --f-button-color: var(--fancybox-color);

  --f-button-hover-color: var(--fancybox-hover-color);

  --f-button-bg: transparent;

  --f-button-hover-bg: rgba(24, 24, 27, 0.3);

  --f-button-active-bg: rgba(24, 24, 27, 0.5);

  --f-button-shadow: none;

  --f-button-transition: all 0.15s ease;

  --f-button-transform: none;

  --f-button-svg-width: 26px;

  --f-button-svg-height: 26px;

  --f-button-svg-stroke-width: 2.5;

  --f-button-svg-fill: none;

  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));

  --f-button-svg-disabled-opacity: 0.65;

  --f-button-next-pos: 1rem;

  --f-button-prev-pos: 1rem;

  opacity: var(--fancybox-opacity, 1);

}



.fancybox__nav .f-button:before {

  position: absolute;

  content: "";

  top: -30px;

  right: -20px;

  left: -20px;

  bottom: -30px;

  z-index: 1;

}



.is-idle .fancybox__nav {

  animation: 0.15s ease-out both f-fadeOut;

}



.is-idle.is-compact .fancybox__footer {

  pointer-events: none;

  animation: 0.15s ease-out both f-fadeOut;

}



.fancybox__slide > .f-spinner {

  position: absolute;

  top: 50%;

  left: 50%;

  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));

  z-index: 30;

  cursor: pointer;

}



.fancybox-protected {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 40;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

}



.fancybox-ghost {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  min-height: 0;

  -o-object-fit: contain;

     object-fit: contain;

  z-index: 40;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  pointer-events: none;

}



.fancybox-focus-guard {

  outline: none;

  opacity: 0;

  position: fixed;

  pointer-events: none;

}



.fancybox__container:not([aria-hidden]) {

  opacity: 0;

}



.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {

  animation: 0.25s ease 0.1s backwards f-fadeIn;

}



.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {

  animation: 0.35s ease backwards f-fadeIn;

}



.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {

  animation: 0.15s ease forwards f-fadeOut;

}



.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {

  animation: 0.35s ease forwards f-fadeOut;

}



.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {

  max-width: 100%;

  flex-shrink: 1;

  min-height: 1px;

  overflow: visible;

}



.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {

  width: 100%;

  height: 100%;

}



.fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content {

  width: calc(100% - 120px);

  height: 90%;

}



.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {

  width: 960px;

  height: 540px;

  max-width: 100%;

  max-height: 100%;

}



.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {

  padding: 0;

  background: rgba(24, 24, 27, 0.9);

  color: #fff;

}



.has-map .fancybox__content {

  background: #e5e3df;

}



.fancybox__html5video, .fancybox__iframe {

  border: 0;

  display: block;

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0);

}



.fancybox-placeholder {

  border: 0 !important;

  clip: rect(1px, 1px, 1px, 1px) !important;

  -webkit-clip-path: inset(50%) !important;

  clip-path: inset(50%) !important;

  height: 1px !important;

  margin: -1px !important;

  overflow: hidden !important;

  padding: 0 !important;

  position: absolute !important;

  width: 1px !important;

  white-space: nowrap !important;

}



.f-carousel__thumbs {

  --f-thumb-width: 96px;

  --f-thumb-height: 72px;

  --f-thumb-outline: 0;

  --f-thumb-outline-color: #5eb0ef;

  --f-thumb-opacity: 1;

  --f-thumb-hover-opacity: 1;

  --f-thumb-selected-opacity: 1;

  --f-thumb-border-radius: 2px;

  --f-thumb-offset: 0px;

  --f-button-next-pos: 0;

  --f-button-prev-pos: 0;

}



.f-carousel__thumbs.is-classic {

  --f-thumb-gap: 8px;

  --f-thumb-opacity: 0.5;

  --f-thumb-hover-opacity: 1;

  --f-thumb-selected-opacity: 1;

}



.f-carousel__thumbs.is-modern {

  --f-thumb-gap: 4px;

  --f-thumb-extra-gap: 20px;

  --f-thumb-clip-width: 46px;

}



.f-thumbs {

  position: relative;

  flex: 0 0 auto;

  margin: 0;

  overflow: hidden;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  perspective: 1000px;

  transform: translateZ(0);

}



.f-thumbs .f-spinner {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 2px;

  background-image: linear-gradient(#ebeff2, #e2e8f0);

  z-index: -1;

}



.f-thumbs .f-spinner svg {

  display: none;

}



.f-thumbs.is-vertical {

  height: 100%;

}



.f-thumbs__viewport {

  width: 100%;

  height: auto;

  overflow: hidden;

}



.f-thumbs__track {

  display: flex;

  will-change: transform;

}



.f-thumbs__slide {

  position: relative;

  flex: 0 0 auto;

  box-sizing: content-box;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0;

  margin: 0;

  width: var(--f-thumb-width);

  min-width: var(--f-thumb-width);

  height: var(--f-thumb-height);

  overflow: visible;

  cursor: pointer;

}



.f-thumbs__slide.is-loading img {

  opacity: 0;

}



.is-classic .f-thumbs__viewport {

  height: 100%;

}



.is-modern .f-thumbs__track {

  width: -moz-max-content;

  width: max-content;

}



.is-modern .f-thumbs__track::before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: calc(var(--left, 0) * 1px);

  width: calc(100% - var(--width, 0) * 1px);

  cursor: pointer;

}



.is-modern .f-thumbs__slide {

  --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );

  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);

  transition: none;

  pointer-events: none;

}



.is-modern .f-thumbs__slide > * {

  -webkit-clip-path: var(--clip-path);

          clip-path: var(--clip-path);

}



.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within {

  filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));

}



.is-modern.in-touch .f-thumbs__slide {

  filter: none;

}



.is-modern.is-resting .f-thumbs__slide {

  transition: all 0.33s ease;

}



.is-modern.is-resting .f-thumbs__slide > * {

  transition: all 0.33s ease;

}



.f-thumbs__slide__button {

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  border: 0;

  position: relative;

  border-radius: var(--f-thumb-border-radius);

  overflow: hidden;

  background: rgba(0, 0, 0, 0);

  outline: none;

  cursor: pointer;

  pointer-events: auto;

  touch-action: manipulation;

  opacity: var(--f-thumb-opacity);

  transition: opacity 0.2s ease;

}



.f-thumbs__slide__button:hover {

  opacity: var(--f-thumb-hover-opacity);

}



.f-thumbs__slide__button:focus:not(:focus-visible) {

  outline: none;

}



.f-thumbs__slide__button:focus-visible {

  outline: none;

  opacity: var(--f-thumb-selected-opacity);

}



.is-nav-selected .f-thumbs__slide__button {

  opacity: var(--f-thumb-selected-opacity);

}



.is-nav-selected .f-thumbs__slide__button::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: auto;

  bottom: 0;

  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);

  border-radius: var(--f-thumb-border-radius);

  animation: f-fadeIn 0.2s ease-out;

  z-index: 10;

}



.f-thumbs__slide__img {

  position: absolute;

  overflow: hidden;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding: var(--f-thumb-offset);

  box-sizing: border-box;

  pointer-events: none;

  -o-object-fit: cover;

     object-fit: cover;

}



.f-thumbs.is-horizontal .f-thumbs__track {

  margin: 0 auto;

  padding: 8px 0 12px 0;

}



.f-thumbs.is-horizontal .f-thumbs__slide {

  margin: 0 var(--f-thumb-gap) 0 0;

}



.f-thumbs.is-vertical .f-thumbs__track {

  flex-wrap: wrap;

  margin: auto 0;

  padding: 0 8px;

}



.f-thumbs.is-vertical .f-thumbs__slide {

  margin: 0 0 var(--f-thumb-gap) 0;

}



.fancybox__thumbs {

  --f-thumb-width: 96px;

  --f-thumb-height: 72px;

  --f-thumb-border-radius: 2px;

  --f-thumb-outline: 2px;

  --f-thumb-outline-color: #ededed;

  position: relative;

  opacity: var(--fancybox-opacity, 1);

  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);

}



.fancybox__thumbs.is-classic {

  --f-thumb-gap: 8px;

  --f-thumb-opacity: 0.5;

  --f-thumb-hover-opacity: 1;

}



.fancybox__thumbs.is-classic .f-spinner {

  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));

}



.fancybox__thumbs.is-modern {

  --f-thumb-gap: 4px;

  --f-thumb-extra-gap: 20px;

  --f-thumb-clip-width: 46px;

  --f-thumb-opacity: 1;

  --f-thumb-hover-opacity: 1;

}



.fancybox__thumbs.is-modern .f-spinner {

  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));

}



.fancybox__thumbs.is-horizontal {

  padding: 0 var(--f-thumb-gap);

}



.fancybox__thumbs.is-vertical {

  padding: var(--f-thumb-gap) 0;

}



.is-compact .fancybox__thumbs {

  --f-thumb-width: 64px;

  --f-thumb-clip-width: 32px;

  --f-thumb-height: 48px;

  --f-thumb-extra-gap: 10px;

}



.fancybox__thumbs.is-masked {

  max-height: 0px !important;

}



.is-closing .fancybox__thumbs {

  transition: none !important;

}



.fancybox__toolbar {

  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));

  --f-button-width: 46px;

  --f-button-height: 46px;

  --f-button-color: var(--fancybox-color);

  --f-button-hover-color: var(--fancybox-hover-color);

  --f-button-bg: rgba(24, 24, 27, 0.65);

  --f-button-hover-bg: rgba(70, 70, 73, 0.65);

  --f-button-active-bg: rgba(90, 90, 93, 0.65);

  --f-button-border-radius: 0;

  --f-button-svg-width: 24px;

  --f-button-svg-height: 24px;

  --f-button-svg-stroke-width: 1.5;

  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));

  --f-button-svg-fill: none;

  --f-button-svg-disabled-opacity: 0.65;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  margin: 0;

  padding: 0;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;

  color: var(--fancybox-color, currentColor);

  opacity: var(--fancybox-opacity, 1);

  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));

  pointer-events: none;

  z-index: 20;

}



.fancybox__toolbar :focus-visible {

  z-index: 1;

}



.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

}



.is-idle .fancybox__toolbar {

  pointer-events: none;

  animation: 0.15s ease-out both f-fadeOut;

}



.fancybox__toolbar__column {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-content: flex-start;

}



.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {

  flex-grow: 1;

  flex-basis: 0;

}



.fancybox__toolbar__column.is-right {

  display: flex;

  justify-content: flex-end;

  flex-wrap: nowrap;

}



.fancybox__infobar {

  padding: 0 5px;

  line-height: var(--f-button-height);

  text-align: center;

  font-size: 17px;

  font-variant-numeric: tabular-nums;

  -webkit-font-smoothing: subpixel-antialiased;

  cursor: default;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

}



.fancybox__infobar span {

  padding: 0 5px;

}



.fancybox__infobar:not(:first-child):not(:last-child) {

  background: var(--f-button-bg);

}



[data-fancybox-toggle-slideshow] {

  position: relative;

}



[data-fancybox-toggle-slideshow] .f-progress {

  height: 100%;

  opacity: 0.3;

}



[data-fancybox-toggle-slideshow] svg g:first-child {

  display: flex;

}



[data-fancybox-toggle-slideshow] svg g:last-child {

  display: none;

}



.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {

  display: none;

}



.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {

  display: flex;

}



[data-fancybox-toggle-fullscreen] svg g:first-child {

  display: flex;

}



[data-fancybox-toggle-fullscreen] svg g:last-child {

  display: none;

}



:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {

  display: none;

}



:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {

  display: none;

}



:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {

  display: flex;

}



:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {

  display: flex;

}



.f-progress {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 3px;

  transform: scaleX(0);

  transform-origin: 0;

  transition-property: transform;

  transition-timing-function: linear;

  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));

  z-index: 30;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  pointer-events: none;

}



/* Slider */

.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

  margin: 0 -15px;

}



.slick-dots {

  list-style-type: none;

  display: flex;

}



.slick-dots li {

  display: inline-block;

}



.slick-dots li button {

  text-indent: -50000px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  margin: 0 5px;

  background: #E4E4E4;

  transition: all 0.3s ease-in-out;

}



.slick-dots .slick-active button {

  background: #90FFBD;

}



.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}



.slick-list:focus {

  outline: none !important;

}



.slick-list.dragging {

  cursor: pointer;

  cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

  transform: translate3d(0, 0, 0);

}



.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.slick-track:before,

.slick-track:after {

  display: table;

  content: "";

}



.slick-track:after {

  clear: both;

}



.slick-loading .slick-track {

  visibility: hidden;

}



.slick-slide {

  display: none;

  float: left;

  margin: 0 15px;

  height: 100%;

  min-height: 1px;

}



[dir=rtl] .slick-slide {

  float: right;

}



.slick-slide img {

  display: block;

}



.slick-slide.slick-loading img {

  display: none;

}



.slick-slide.dragging img {

  pointer-events: none;

}



.slick-initialized .slick-slide {

  display: block;

}



.slick-loading .slick-slide {

  visibility: hidden;

}



.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

  display: none;

}/*# sourceMappingURL=style.css.map */