/*===============================
       Reviews Start Here
===============================*/

.reviews-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .reviews-main {
    margin: 60px 0;
  }
}

.reviews-main .container .wrapper {
  text-align: center;
}

.reviews-main .container .wrapper .heading {
  color: #2a2d43;
}

.reviews-main .container .wrapper .heading span {
  color: var(--theme-primary-color);
}

.reviews-main .container .row {
  margin: 80px 0;
  gap: 24px 0;
}

@media (max-width: 991px) {
  .reviews-main .container .row {
    margin: 40px 0;
  }
}

@media (max-width: 991px) {
  .reviews-main .container .row .col-otr {
    padding: 0;
  }
}

.reviews-main .container .row .col-otr .col-inr {
  padding: 36px;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.reviews-main .container .row .col-otr .col-inr .rating-stars {
  display: flex;
  align-items: center;
  gap: 6px;
}

.reviews-main .container .row .col-otr .box-white .star-fill {
  font-size: 24px;
  color: var(--theme-primary-color);
}

.reviews-main .container .row .col-otr .box-white .star-empty {
  font-size: 24px;
  color: #2a2d43;
  opacity: 0.25;
}

.reviews-main .container .row .col-otr .box-white .review-heading {
  color: #2a2d43;
  margin: 20px 0 28px 0;
}

.reviews-main .container .row .col-otr .box-white .user-profile {
  display: flex;
  align-items: center;
  gap: 20px;
}

.reviews-main .container .row .col-otr .box-white .user-profile .user-img-otr {
  width: 52px;
  height: 52px;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-img-otr
  .avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-info
  .username {
  color: #2a2d43;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-info
  .user-work {
  color: #2a2d43;
  margin-top: -6px;
}

.reviews-main .container .row .col-otr .box-gradient {
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
}

.reviews-main .container .row .col-otr .box-gradient .star-fill {
  font-size: 24px;
  color: #ffffff;
}

.reviews-main .container .row .col-otr .box-gradient .star-empty {
  font-size: 24px;
  color: #2a2d43;
  opacity: 0.25;
}

.reviews-main .container .row .col-otr .box-gradient .review-heading {
  color: #ffffff;
  margin: 20px 0 28px 0;
}

.reviews-main .container .row .col-otr .box-gradient .user-profile {
  display: flex;
  align-items: center;
  gap: 20px;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-gradient
  .user-profile
  .user-img-otr {
  width: 52px;
  height: 52px;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-gradient
  .user-profile
  .user-img-otr
  .avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-gradient
  .user-profile
  .user-info
  .username {
  color: #ffffff;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-gradient
  .user-profile
  .user-info
  .user-work {
  color: #ffffff;
  margin-top: -6px;
}

.reviews-main .container .row .col-otr .box-secondary {
  background-color: #2a2d43;
}

.reviews-main .container .row .col-otr .box-secondary .star-fill {
  font-size: 24px;
  color: var(--theme-primary-color);
}

.reviews-main .container .row .col-otr .box-secondary .star-empty {
  font-size: 24px;
  color: #ffffff;
  opacity: 0.75;
}

.reviews-main .container .row .col-otr .box-secondary .review-heading {
  color: #ffffff;
  margin: 20px 0 28px 0;
}

.reviews-main .container .row .col-otr .box-secondary .user-profile {
  display: flex;
  align-items: center;
  gap: 20px;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .user-profile
  .user-img-otr {
  width: 52px;
  height: 52px;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .user-profile
  .user-img-otr
  .avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .user-profile
  .user-info
  .username {
  color: #ffffff;
  opacity: 0.75;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .user-profile
  .user-info
  .user-work {
  color: #ffffff;
  opacity: 0.75;
  margin-top: -6px;
}

.reviews-main .container .row .col-otr .last-div {
  position: relative;
  top: -40px;
}

@media (max-width: 991px) {
  .reviews-main .container .row .col-otr .last-div {
    top: 0;
  }
}

.reviews-main .container .action {
  display: flex;
  justify-content: center;
}

.reviews-main .container .action .arrow-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--theme-primary-color);
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
}

.reviews-main .container .action .arrow-btn:hover .arrow-icon {
  transform: rotate(45deg);
}

.reviews-main .container .action .arrow-btn .arrow-icon {
  font-size: 28px;
  color: var(--theme-primary-color);
  transition: 0.3s;
}

/*===============================
       Reviews End Here
===============================*/

/*===============================
       Features Start Here
===============================*/

.features-main {
  padding: 128px 0;
  background-image: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  background-size: 150% 150%;
  -webkit-animation: gradient 5s linear infinite;
  animation: gradient 5s linear infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media (max-width: 991px) {
  .features-main {
    margin: 60px 0;
    padding: 60px 0;
  }
}

.features-main .container .row-otr {
  margin-bottom: 80px;
}

@media (max-width: 991px) {
  .features-main .container .row-otr {
    gap: 20px 0;
    margin-bottom: 40px;
  }
}

.features-main .container .row-otr .col-content-otr .col-content-inr h2 {
  color: #ffffff;
}

.features-main .container .row-otr .col-img-otr .col-img-inr {
  position: relative;
}

.features-main .container .row-otr .col-img-otr .col-img-inr::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  mix-blend-mode: color;
}

.features-main .container .row-otr .col-img-otr .col-img-inr .features-img {
  width: 100%;
  min-height: 210px;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}

.features-main .container .row-features {
  gap: 80px 0;
}

@media (max-width: 991px) {
  .features-main .container .row-features {
    gap: 30px 0;
  }
}

.features-main .container .row-features .col-otr .col-inr {
  display: flex;
  align-items: center;
  gap: 24px;
}

.features-main .container .row-features .col-otr .col-inr .icon-otr .icon-inr {
  font-size: 72px;
  color: #ffffff;
}

.features-main .container .row-features .col-otr .col-inr .heading-div h3 {
  color: #ffffff;
}

.features-main-2 {
  padding: 0;
  background-image: none;
  margin: 128px 0;
}

@media (max-width: 991px) {
  .features-main-2 {
    margin: 60px 0;
  }
}

.features-main-2 .wrapper {
  text-align: center;
}

.features-main-2 .wrapper .heading {
  color: #2a2d43;
}

.features-main-2 .wrapper .heading span {
  color: var(--theme-primary-color);
}

.features-main-2 .row {
  margin: 80px 0;
}

@media (max-width: 991px) {
  .features-main-2 .row {
    margin: 40px 0;
  }
}

.features-main-2 h3 {
  color: #2a2d43 !important;
}

.features-main-2 .icon-inr {
  color: var(--theme-primary-color);
}

/*===============================
       Features End Here
===============================*/

/*===============================
       Marquee Start Here
===============================*/

.marquee-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .marquee-main {
    margin: 60px 0;
  }
}

.marquee-main marquee .marquee-ul {
  display: flex;
  align-items: center;
  gap: 50px;
  position: relative;
  left: -2000px;
}

.marquee-main marquee .marquee-ul .marquee-li {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #2a2d43;
}

.marquee-main marquee .marquee-ul .marquee-li .marquee-text {
  cursor: pointer;
}

.marquee-main marquee .marquee-ul .marquee-li .marquee-text:hover span {
  color: var(--theme-primary-color);
}

.marquee-main marquee .marquee-ul .marquee-li .marquee-text .dot {
  color: var(--theme-primary-color);
}

/*===============================
       Marquee End Here
===============================*/

/*===============================
       Priceing Start Here
===============================*/

.pricing-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .pricing-main {
    margin: 60px 0;
  }
}

@media (max-width: 1399px) {
  .pricing-main .container {
    width: 100%;
    max-width: 100%;
  }
}

.pricing-main .container .wrapper {
  text-align: center;
}

.pricing-main .container .wrapper .heading {
  color: #2a2d43;
}

.pricing-main .container .wrapper .heading span {
  color: var(--theme-primary-color);
}

.pricing-main .container .row-custom .nav-pills {
  display: inline-flex;
  justify-content: center;
  margin: 80px 0 48px 0 !important;
  position: relative;
}

@media (max-width: 575px) {
  .pricing-main .container .row-custom .nav-pills {
    margin: 30px 0 !important;
  }
}

.pricing-main .container .row-custom .nav-pills::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2a2d43;
  opacity: 0.05;
  border-radius: 8px;
  z-index: -1;
}

@media (max-width: 575px) {
  .pricing-main .container .row-custom .nav-pills::after {
    display: none;
  }
}

.pricing-main .container .row-custom .nav-pills .nav-item .nav-link {
  border-radius: 0 !important;
  padding: 9px 24px 10px 24px;
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  color: var(--theme-primary-color);
}

/* 
.pricing-main .container .row-custom .nav-pills .nav-item .active {
  border-radius: 8px !important;
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  -webkit-text-fill-color: #ffffff;
} */

.pricing-main .container .row {
  gap: 24px 0;
}

.pricing-main .container .row .col-otr .col-inr {
  display: flex;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

@media (max-width: 575px) {
  .pricing-main .container .row .col-otr .col-inr {
    flex-direction: column;
  }
}

.pricing-main .container .row .col-otr .col-inr .features-get {
  width: 60%;
  padding: 28px 36px 32px 36px;
}

@media (max-width: 1199px) {
  .pricing-main .container .row .col-otr .col-inr .features-get {
    padding: 20px 12px;
  }
}

@media (max-width: 575px) {
  .pricing-main .container .row .col-otr .col-inr .features-get {
    width: 100%;
  }
}

.pricing-main .container .row .col-otr .col-inr .features-get h3 {
  color: #2a2d43;
}

.pricing-main .container .row .col-otr .col-inr .features-get .features-ul {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 20px;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .features-get
  .features-ul
  .features-li {
  display: flex;
  gap: 12px;
  color: #2a2d43;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .features-get
  .features-ul
  .features-li
  .hard-drive-icon {
  position: relative;
  top: 1px;
  font-size: 32px;
  color: var(--theme-primary-color);
}

.pricing-main .container .row .col-otr .col-inr .price-plan {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40%;
  background-image: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  padding: 36px;
  border-radius: 0 8px 8px 0;
  text-align: center;
  background-size: 150% 150%;
  -webkit-animation: gradient 5s linear infinite;
  animation: gradient 5s linear infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media (max-width: 1199px) {
  .pricing-main .container .row .col-otr .col-inr .price-plan {
    padding: 20px 12px;
  }
}

@media (max-width: 575px) {
  .pricing-main .container .row .col-otr .col-inr .price-plan {
    width: 100%;
    border-radius: 0px 0px 8px 8px;
  }
}

.pricing-main .container .row .col-otr .col-inr .price-plan .plan-info {
  margin-bottom: 28px;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .price-plan
  .plan-info
  .starting-form {
  color: #ffffff;
}

.pricing-main .container .row .col-otr .col-inr .price-plan .plan-info h2 {
  color: #ffffff;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .price-plan
  .plan-info
  .monthly {
  color: #ffffff;
  opacity: 0.75;
}

.pricing-main .container .row .col-otr .col-inr .price-plan .action {
  display: flex;
  justify-content: center;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .price-plan
  .action
  .theme-btn-white {
  width: 100%;
  text-align: center;
}

/*===============================
       Priceing End Here
===============================*/

/*===============================
       Faqs Start Here
===============================*/

.faq-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .faq-main {
    margin: 60px 0;
  }
}

.faq-main .container .wrapper {
  text-align: center;
}

.faq-main .container .wrapper .heading {
  color: #2a2d43;
}

.faq-main .container .row {
  margin: 80px 0;
}

@media (max-width: 991px) {
  .faq-main .container .row {
    margin: 40px 0;
  }
}

.faq-main .container .row .col-otr {
  margin: 0 auto;
}

@media (max-width: 991px) {
  .faq-main .container .row .col-otr {
    padding: 0;
  }
}

.faq-main .container .row .col-otr .col-inr .accordion {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.faq-main .container .row .col-otr .col-inr .accordion .accordion-item {
  border: none;
}

.faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button {
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-color: #ffffff;
  padding: 14px 32px;
  color: #2a2d43;
  opacity: 0.75;
}

.faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-collapse
  .accordion-body {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  padding: 14px 32px;
  color: #2a2d43;
  opacity: 0.75;
}

.faq-main .container .action {
  display: flex;
  justify-content: center;
}

.faq-main .container .action .arrow-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--theme-primary-color);
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
}

.faq-main .container .action .arrow-btn:hover .arrow-icon {
  transform: rotate(45deg);
}

.faq-main .container .action .arrow-btn .arrow-icon {
  font-size: 28px;
  color: var(--theme-primary-color);
  transition: 0.3s;
}

.faq-main .accordion-button::after {
  background-image: url("/assets/img/plus.svg");
  background-size: cover;
  background-position: center;
  width: 28px;
  height: 28px;
}

.faq-main .accordion-button:not(.collapsed)::after {
  background-image: url("/assets/img/minus.svg");
}

/*===============================
       Faqs End Here
===============================*/

.blog-wrapper {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.blogs-section .col-otr .icon-inr {
  font-size: 48px;
  color: var(--theme-primary-color);
  background-color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}

.blogs-section .heading-h3 {
  margin-bottom: 10px;
}

.blogs-section .container .row .col-otr {
  background-color: #fff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  padding: 28px;
  border-radius: 8px;
}

.intro-section {
  background-color: black;
  color: #f4f4f5;
  padding: 30px;
}

.intro-wrapper {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.General-Terms-And-Conditions .row {
  padding: 30px 20px;
  background-color: #ffffff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.General-Terms-And-Conditions .col-otr .icon-inr {
  font-size: 48px;
  color: var(--theme-primary-color);
  background-color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}

.General-Terms-And-Conditions .col-otr {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/*===============================
       Modla Start Here
===============================*/

.Modal-Friday {
  display: none !important;
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
}

.Modal-Friday.modal,
.Modal-Friday.show,
.Modal-Friday.fade {
  display: none !important;
}

.Modal-Friday .modal-dialog {
  max-width: 900px;
  width: 100%;
  border: none;
  min-height: calc(100% - 17.5rem);
  margin: 50px auto;
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
}

.Modal-Friday .modal-dialog .modal-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  opacity: 0.2;
}

.Modal-Friday .modal-dialog .modal-content {
  position: initial;
  border-radius: 8px;
  overflow: hidden;
  background-color: transparent;
  border: none;
  z-index: 1;
}

.Modal-Friday .modal-dialog .modal-content .button-close {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #ffffff;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.Modal-Friday .modal-dialog .modal-content .button-close:hover {
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
}

.Modal-Friday .modal-dialog .modal-content .button-close:hover .close-icon {
  color: #ffffff;
}

.Modal-Friday .modal-dialog .modal-content .button-close .close-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #000;
}

.Modal-Friday .modal-dialog .modal-content h2 {
  color: #ffffff;
}

.Modal-Friday .modal-dialog .modal-content h2 span {
  background: #000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Modal-Friday .modal-dialog .modal-content .modal-body {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 72px 20px 80px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.Modal-Friday .modal-dialog .modal-content .modal-body .wrapper {
  border-radius: 8px;
  text-align: center;
  padding: 40px 20px;
  position: relative;
  margin: 0;
  padding: 0;
}

.Modal-Friday
  .modal-dialog
  .modal-content
  .modal-body
  .wrapper
  .clock_bloon_otr {
  width: 100%;
  position: relative;
}

.Modal-Friday .modal-dialog .modal-content .modal-body .wrapper .countdown {
  padding: 36px 0 64px 0;
}

.Modal-Friday
  .modal-dialog
  .modal-content
  .modal-body
  .wrapper
  .countdown
  #clock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px 10px;
}

.Modal-Friday
  .modal-dialog
  .modal-content
  .modal-body
  .wrapper
  .countdown
  #clock
  .timer-iner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100px;
}

.Modal-Friday
  .modal-dialog
  .modal-content
  .modal-body
  .wrapper
  .countdown
  #clock
  .timer-iner
  .time {
  font-size: 54px;
  line-height: 70px;
  font-family: "Figtree-Bold";
  color: #ffffff;
}

@media (max-width: 767px) {
  .Modal-Friday
    .modal-dialog
    .modal-content
    .modal-body
    .wrapper
    .countdown
    #clock
    .timer-iner
    .time {
    font-size: 48px;
    line-height: 60px;
  }
}

@media (max-width: 420px) {
  .Modal-Friday
    .modal-dialog
    .modal-content
    .modal-body
    .wrapper
    .countdown
    #clock
    .timer-iner
    .time {
    font-size: 24px;
    line-height: 36px;
  }
}

.Modal-Friday
  .modal-dialog
  .modal-content
  .modal-body
  .wrapper
  .countdown
  #clock
  .timer-iner
  span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  color: #ffffff;
  text-transform: capitalize;
}

@media (max-width: 767px) {
  .Modal-Friday
    .modal-dialog
    .modal-content
    .modal-body
    .wrapper
    .countdown
    #clock
    .timer-iner
    span {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 420px) {
  .Modal-Friday
    .modal-dialog
    .modal-content
    .modal-body
    .wrapper
    .countdown
    #clock
    .timer-iner
    span {
    font-size: 14px;
    line-height: 24px;
    font-family: "Figtree-Regular";
  }
}

.Modal-Friday .modal-dialog .modal-content .modal-body .wrapper .ballon1 {
  width: 76px;
  height: 204px;
  position: absolute;
  right: -60px;
  top: 70%;
  transform: translateY(-50%);
}

.Modal-Friday .modal-dialog .modal-content .modal-body .wrapper .ballon2 {
  width: 76px;
  height: 204px;
  position: absolute;
  left: -60px;
  top: 70%;
  transform: translateY(-50%);
}

.Modal-Friday .modal-dialog .modal-content .action {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Modal-Friday .modal-dialog .modal-content .action .theme-btn {
  background: #ffffff;
  color: #000;
}

.Modal-Friday .modal-dialog .modal-content .action .theme-btn:hover {
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  color: #ffffff;
}

/*===============================
       Modla End Here
===============================*/

.loader {
  width: 100%;
  height: 100vh;
  background: #f4f4f5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}

.loader .img-loader {
  width: 80px;
  height: 80px;
  background-image: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  -webkit-animation: Rotate-Loader 5s infinite linear;
  animation: Rotate-Loader 5s infinite linear;
}

.loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-48%, -50%);
  z-index: 10;
  height: 24px;
  width: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}

@-webkit-keyframes Rotate-Loader {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes Rotate-Loader {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.friday-sale-li {
  display: none;
}

/*===============================
        Shared RDP Start Here
===============================*/

.Fridy_sale_pricing .wrapper .heading {
  color: #fff !important;
}

.Fridy_sale_pricing .row-custom {
  justify-content: center;
}

.Fridy_sale_pricing .col-otr {
  padding-top: 21px;
}

.Fridy_sale_pricing .col-inr {
  position: relative;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
}

.Fridy_sale_pricing .col-inr .percent_off_text_otr {
  position: absolute;
  left: 50%;
  top: -21px;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 8px;
  padding: 6px 16px;
}

.Fridy_sale_pricing .col-inr .percent_off_text_otr .percent_text {
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.Fridy_sale_pricing .col-inr .plan-price-main {
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%) !important;
  padding: 44px 28px 20px 28px !important;
}

@media (max-width: 1399px) {
  .Fridy_sale_pricing .col-inr .plan-heading {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1399px) {
  .Fridy_sale_pricing .col-inr .plan-price {
    font-size: 36px;
    line-height: 56px;
  }
}

.Fridy_sale_pricing .col-inr .price_previous {
  color: #fff;
  text-decoration: line-through;
}

@media (max-width: 1399px) {
  .Fridy_sale_pricing .col-inr .price_previous {
    font-size: 20px;
    line-height: 28px;
  }
}

.Fridy_sale_pricing .col-inr .features-li {
  color: rgba(255, 255, 255, 0.75) !important;
}

@media (max-width: 1399px) {
  .Fridy_sale_pricing .col-inr .features-li {
    font-size: 16px;
    line-height: 28px;
  }
}

.Fridy_sale_pricing .col-inr .features-li .gift-icon {
  position: relative;
  top: 1px;
  font-size: 32px;
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Fridy_sale_pricing .col-inr .action .theme-btn-fill {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.Fridy_sale_pricing .col-inr .action .theme-btn-fill:hover::before {
  background: #ffffff;
}

.Fridy_sale_pricing .col-inr .action .theme-btn-fill:hover span {
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.Fridy_sale_pricing .col-inr .action .theme-btn-fill::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.Fridy_sale_pricing .col-inr .action .theme-btn-fill::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.Fridy_sale_pricing .col-inr .action .theme-btn-fill span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

/*===============================
        Shared RDP End Here
===============================*/

/*===============================
       Reviews Start Here
===============================*/

.reviews-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .reviews-main {
    margin: 60px 0;
  }
}

.reviews-main .container .wrapper {
  text-align: center;
}

.reviews-main .container .wrapper .heading {
  color: #2a2d43;
}

.reviews-main .container .wrapper .heading span {
  color: var(--theme-primary-color);
}

.reviews-main .container .row {
  margin: 80px 0;
  gap: 24px 0;
}

@media (max-width: 991px) {
  .reviews-main .container .row {
    margin: 40px 0;
  }
}

@media (max-width: 991px) {
  .reviews-main .container .row .col-otr {
    padding: 0;
  }
}

.reviews-main .container .row .col-otr .col-inr {
  padding: 36px;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.reviews-main .container .row .col-otr .col-inr .rating-stars {
  display: flex;
  align-items: center;
  gap: 6px;
}

.reviews-main .container .row .col-otr .box-white .star-fill {
  font-size: 24px;
  color: var(--theme-primary-color);
}

.reviews-main .container .row .col-otr .box-white .star-empty {
  font-size: 24px;
  color: #2a2d43;
  opacity: 0.25;
}

.reviews-main .container .row .col-otr .box-white .review-heading {
  color: #2a2d43;
  margin: 20px 0 28px 0;
}

.reviews-main .container .row .col-otr .box-white .user-profile {
  display: flex;
  align-items: center;
  gap: 20px;
}

.reviews-main .container .row .col-otr .box-white .user-profile .user-img-otr {
  width: 52px;
  height: 52px;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-img-otr
  .avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-info
  .username {
  color: #2a2d43;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-info
  .user-work {
  color: #2a2d43;
  margin-top: -6px;
}

.reviews-main .container .row .col-otr .box-gradient {
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
}

.reviews-main .container .row .col-otr .box-gradient .star-fill {
  font-size: 24px;
  color: #ffffff;
}

.reviews-main .container .row .col-otr .box-gradient .star-empty {
  font-size: 24px;
  color: #2a2d43;
  opacity: 0.25;
}

.reviews-main .container .row .col-otr .box-gradient .review-heading {
  color: #ffffff;
  margin: 20px 0 28px 0;
}

.reviews-main .container .row .col-otr .box-gradient .user-profile {
  display: flex;
  align-items: center;
  gap: 20px;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-gradient
  .user-profile
  .user-img-otr {
  width: 52px;
  height: 52px;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-gradient
  .user-profile
  .user-img-otr
  .avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-gradient
  .user-profile
  .user-info
  .username {
  color: #ffffff;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-gradient
  .user-profile
  .user-info
  .user-work {
  color: #ffffff;
  margin-top: -6px;
}

.reviews-main .container .row .col-otr .box-secondary {
  background-color: #2a2d43;
}

.reviews-main .container .row .col-otr .box-secondary .star-fill {
  font-size: 24px;
  color: var(--theme-primary-color);
}

.reviews-main .container .row .col-otr .box-secondary .star-empty {
  font-size: 24px;
  color: #ffffff;
  opacity: 0.75;
}

.reviews-main .container .row .col-otr .box-secondary .review-heading {
  color: #ffffff;
  margin: 20px 0 28px 0;
}

.reviews-main .container .row .col-otr .box-secondary .user-profile {
  display: flex;
  align-items: center;
  gap: 20px;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .user-profile
  .user-img-otr {
  width: 52px;
  height: 52px;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .user-profile
  .user-img-otr
  .avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .user-profile
  .user-info
  .username {
  color: #ffffff;
  opacity: 0.75;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .user-profile
  .user-info
  .user-work {
  color: #ffffff;
  opacity: 0.75;
  margin-top: -6px;
}

.reviews-main .container .row .col-otr .last-div {
  position: relative;
  top: -40px;
}

@media (max-width: 991px) {
  .reviews-main .container .row .col-otr .last-div {
    top: 0;
  }
}

.reviews-main .container .action {
  display: flex;
  justify-content: center;
}

.reviews-main .container .action .arrow-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--theme-primary-color);
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
}

.reviews-main .container .action .arrow-btn:hover .arrow-icon {
  transform: rotate(45deg);
}

.reviews-main .container .action .arrow-btn .arrow-icon {
  font-size: 28px;
  color: var(--theme-primary-color);
  transition: 0.3s;
}

/*===============================
       Reviews End Here
===============================*/

/*===============================
       Features Start Here
===============================*/

.features-main {
  padding: 128px 0;
  background-image: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  background-size: 150% 150%;
  -webkit-animation: gradient 5s linear infinite;
  animation: gradient 5s linear infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media (max-width: 991px) {
  .features-main {
    margin: 60px 0;
    padding: 60px 0;
  }
}

.features-main .container .row-otr {
  margin-bottom: 80px;
}

@media (max-width: 991px) {
  .features-main .container .row-otr {
    gap: 20px 0;
    margin-bottom: 40px;
  }
}

.features-main .container .row-otr .col-content-otr .col-content-inr h2 {
  color: #ffffff;
}

.features-main .container .row-otr .col-img-otr .col-img-inr {
  position: relative;
}

.features-main .container .row-otr .col-img-otr .col-img-inr::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  mix-blend-mode: color;
}

.features-main .container .row-otr .col-img-otr .col-img-inr .features-img {
  width: 100%;
  min-height: 210px;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}

.features-main .container .row-features {
  gap: 80px 0;
}

@media (max-width: 991px) {
  .features-main .container .row-features {
    gap: 30px 0;
  }
}

.features-main .container .row-features .col-otr .col-inr {
  display: flex;
  align-items: center;
  gap: 24px;
}

.features-main .container .row-features .col-otr .col-inr .icon-otr .icon-inr {
  font-size: 72px;
  color: #ffffff;
}

.features-main .container .row-features .col-otr .col-inr .heading-div h3 {
  color: #ffffff;
}

.features-main-2 {
  padding: 0;
  background-image: none;
  margin: 128px 0;
}

@media (max-width: 991px) {
  .features-main-2 {
    margin: 60px 0;
  }
}

.features-main-2 .wrapper {
  text-align: center;
}

.features-main-2 .wrapper .heading {
  color: #2a2d43;
}

.features-main-2 .wrapper .heading span {
  color: var(--theme-primary-color);
}

.features-main-2 .row {
  margin: 80px 0;
}

@media (max-width: 991px) {
  .features-main-2 .row {
    margin: 40px 0;
  }
}

.features-main-2 h3 {
  color: #2a2d43 !important;
}

.features-main-2 .icon-inr {
  color: var(--theme-primary-color);
}

/*===============================
       Features End Here
===============================*/

/*===============================
       Marquee Start Here
===============================*/

.marquee-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .marquee-main {
    margin: 60px 0;
  }
}

.marquee-main marquee .marquee-ul {
  display: flex;
  align-items: center;
  gap: 50px;
  position: relative;
  left: -2000px;
}

.marquee-main marquee .marquee-ul .marquee-li {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #2a2d43;
}

.marquee-main marquee .marquee-ul .marquee-li .marquee-text {
  cursor: pointer;
}

.marquee-main marquee .marquee-ul .marquee-li .marquee-text:hover span {
  color: var(--theme-primary-color);
}

.marquee-main marquee .marquee-ul .marquee-li .marquee-text .dot {
  color: var(--theme-primary-color);
}

/*===============================
       Marquee End Here
===============================*/

/*===============================
       Priceing Start Here
===============================*/

.pricing-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .pricing-main {
    margin: 60px 0;
  }
}

@media (max-width: 1399px) {
  .pricing-main .container {
    width: 100%;
    max-width: 100%;
  }
}

.pricing-main .container .wrapper {
  text-align: center;
}

.pricing-main .container .wrapper .heading {
  color: #2a2d43;
}

.pricing-main .container .wrapper .heading span {
  color: var(--theme-primary-color);
}

.pricing-main .container .row-custom .nav-pills {
  display: inline-flex;
  justify-content: center;
  margin: 80px 0 48px 0 !important;
  position: relative;
}

@media (max-width: 575px) {
  .pricing-main .container .row-custom .nav-pills {
    margin: 30px 0 !important;
  }
}

.pricing-main .container .row-custom .nav-pills::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2a2d43;
  opacity: 0.05;
  border-radius: 8px;
  z-index: -1;
}

@media (max-width: 575px) {
  .pricing-main .container .row-custom .nav-pills::after {
    display: none;
  }
}

.pricing-main .container .row-custom .nav-pills .nav-item .nav-link {
  border-radius: 0 !important;
  padding: 9px 24px 10px 24px;
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  color: var(--theme-primary-color);
}

/* .pricing-main .container .row-custom .nav-pills .nav-item .active {
  border-radius: 8px !important;
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  -webkit-text-fill-color: #ffffff;
} */

.pricing-main .container .row {
  gap: 24px 0;
}

.pricing-main .container .row .col-otr .col-inr {
  display: flex;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

@media (max-width: 575px) {
  .pricing-main .container .row .col-otr .col-inr {
    flex-direction: column;
  }
}

.pricing-main .container .row .col-otr .col-inr .features-get {
  width: 60%;
  padding: 28px 36px 32px 36px;
}

@media (max-width: 1199px) {
  .pricing-main .container .row .col-otr .col-inr .features-get {
    padding: 20px 12px;
  }
}

@media (max-width: 575px) {
  .pricing-main .container .row .col-otr .col-inr .features-get {
    width: 100%;
  }
}

.pricing-main .container .row .col-otr .col-inr .features-get h3 {
  color: #2a2d43;
}

.pricing-main .container .row .col-otr .col-inr .features-get .features-ul {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 20px;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .features-get
  .features-ul
  .features-li {
  display: flex;
  gap: 12px;
  color: #2a2d43;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .features-get
  .features-ul
  .features-li
  .hard-drive-icon {
  position: relative;
  top: 1px;
  font-size: 32px;
  color: var(--theme-primary-color);
}

.pricing-main .container .row .col-otr .col-inr .price-plan {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40%;
  background-image: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  padding: 36px;
  border-radius: 0 8px 8px 0;
  text-align: center;
  background-size: 150% 150%;
  -webkit-animation: gradient 5s linear infinite;
  animation: gradient 5s linear infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media (max-width: 1199px) {
  .pricing-main .container .row .col-otr .col-inr .price-plan {
    padding: 20px 12px;
  }
}

@media (max-width: 575px) {
  .pricing-main .container .row .col-otr .col-inr .price-plan {
    width: 100%;
    border-radius: 0px 0px 8px 8px;
  }
}

.pricing-main .container .row .col-otr .col-inr .price-plan .plan-info {
  margin-bottom: 28px;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .price-plan
  .plan-info
  .starting-form {
  color: #ffffff;
}

.pricing-main .container .row .col-otr .col-inr .price-plan .plan-info h2 {
  color: #ffffff;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .price-plan
  .plan-info
  .monthly {
  color: #ffffff;
  opacity: 0.75;
}

.pricing-main .container .row .col-otr .col-inr .price-plan .action {
  display: flex;
  justify-content: center;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .price-plan
  .action
  .theme-btn-white {
  width: 100%;
  text-align: center;
}

/*===============================
       Priceing End Here
===============================*/

/*===============================
       Faqs Start Here
===============================*/

.faq-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .faq-main {
    margin: 60px 0;
  }
}

.faq-main .container .wrapper {
  text-align: center;
}

.faq-main .container .wrapper .heading {
  color: #2a2d43;
}

.faq-main .container .row {
  margin: 80px 0;
}

@media (max-width: 991px) {
  .faq-main .container .row {
    margin: 40px 0;
  }
}

.faq-main .container .row .col-otr {
  margin: 0 auto;
}

@media (max-width: 991px) {
  .faq-main .container .row .col-otr {
    padding: 0;
  }
}

.faq-main .container .row .col-otr .col-inr .accordion {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.faq-main .container .row .col-otr .col-inr .accordion .accordion-item {
  border: none;
}

.faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button {
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-color: #ffffff;
  padding: 14px 32px;
  color: #2a2d43;
  opacity: 0.75;
}

.faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-collapse
  .accordion-body {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  padding: 14px 32px;
  color: #2a2d43;
  opacity: 0.75;
}

.faq-main .container .action {
  display: flex;
  justify-content: center;
}

.faq-main .container .action .arrow-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--theme-primary-color);
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
}

.faq-main .container .action .arrow-btn:hover .arrow-icon {
  transform: rotate(45deg);
}

.faq-main .container .action .arrow-btn .arrow-icon {
  font-size: 28px;
  color: var(--theme-primary-color);
  transition: 0.3s;
}

.faq-main .accordion-button::after {
  background-image: url("/assets/img/plus.svg");
  background-size: cover;
  background-position: center;
  width: 28px;
  height: 28px;
}

.faq-main .accordion-button:not(.collapsed)::after {
  background-image: url("/assets/img/minus.svg");
}

/*===============================
       Faqs End Here
===============================*/

.blog-wrapper {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.blogs-section .col-otr .icon-inr {
  font-size: 48px;
  color: var(--theme-primary-color);
  background-color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}

.blogs-section .heading-h3 {
  margin-bottom: 10px;
}

.blogs-section .container .row .col-otr {
  background-color: #fff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  padding: 28px;
  border-radius: 8px;
}

.intro-section {
  background-color: black;
  color: #f4f4f5;
  padding: 30px;
}

.intro-wrapper {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.General-Terms-And-Conditions .row {
  padding: 30px 20px;
  background-color: #ffffff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.General-Terms-And-Conditions .col-otr .icon-inr {
  font-size: 48px;
  color: var(--theme-primary-color);
  background-color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}

.General-Terms-And-Conditions .col-otr {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.friday-sale-body {
  background-color: #000;
}

.friday-sale-body .banner-main {
  margin-bottom: 0;
}

.friday-sale-body .header-main .wrapper {
  background-color: rgba(255, 255, 255, 0.1);
}

.friday-sale-body
  .header-main
  .container
  .wrapper
  .menu-main
  .menu-ul
  .menu-li
  .menu-link,
.friday-sale-body
  .header-main
  .container
  .wrapper
  .menu-main
  .menu-ul
  .menu-li
  .dropdown-main
  .dropdown-ul
  .dropdown-li
  .dropdown-link {
  color: rgba(255, 255, 255, 0.75);
}

.friday-sale-body
  .header-main
  .container
  .wrapper
  .menu-main
  .menu-ul
  .menu-li
  .dropdown-main
  .dropdown-ul {
  background-color: #1a1a1a;
}

.friday-sale-body
  .header-main
  .container
  .wrapper
  .menu-main
  .menu-ul
  .menu-li
  .menu-link:hover,
.friday-sale-body
  .header-main
  .container
  .wrapper
  .menu-main
  .menu-ul
  .menu-li
  .menu-link
  .caret-down-icon {
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  -webkit-background-clip: text !important;
}

.friday-sale-body .banner-main .container .row .col-otr .col-inr {
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
}

.friday-sale-body .banner-main .container .row .col-otr .col-inr .heading,
.friday-sale-body
  .banner-main
  .container
  .row
  .col-otr
  .col-inr
  .features-ul
  .features-li {
  color: #ffffff;
}

.friday-sale-body
  .banner-main
  .container
  .row
  .col-otr
  .col-inr
  .features-ul
  .features-li
  .hard-drive-icon {
  background: transparent;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

@media (max-width: 420px) {
  .friday-sale-body .banner-main .container .row .col-otr .col-inr .heading {
    font-size: 48px;
    line-height: 64px;
  }
}

@media (max-width: 420px) {
  .banner-main .container .row .col-otr .col-inr .features-ul {
    gap: 10px;
  }
}

@media (max-width: 420px) {
  .banner-main .container .row .col-otr .col-inr .features-ul .features-li {
    font-size: 16px;
    line-height: 30px;
  }
}

.friday-sale-body .banner-main .container .row .col-otr .col-inr .heading span {
  background: #000;
  -webkit-background-clip: text !important;
}

.friday-sale-body
  .banner-main
  .container
  .row
  .col-img-otr
  .col-img-inr
  .banner-img-otr {
  max-height: 100%;
  height: 612px;
}

@media (max-width: 1399px) {
  .friday-sale-body
    .banner-main
    .container
    .row
    .col-img-otr
    .col-img-inr
    .banner-img-otr {
    height: 100%;
  }
}

.friday-sale-body
  .banner-main
  .container
  .row
  .col-img-otr
  .col-img-inr
  .banner-img-otr::after {
  background-image: none;
}

.friday-sale-body .gift-img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 270px;
  height: 270px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-animation: gift-img-animation 10s ease infinite;
  animation: gift-img-animation 10s ease infinite;
}

@media (max-width: 767px) {
  .friday-sale-body .gift-img {
    width: 150px;
    height: 150px;
  }
}

.friday-sale-body .reviews-main .container .wrapper .heading,
.friday-sale-body .marquee-main marquee .marquee-ul .marquee-li,
.friday-sale-body .blogs-section h1,
.friday-sale-body
  .reviews-main
  .container
  .row
  .col-otr
  .box-white
  .review-heading,
.friday-sale-body
  .reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-info
  .username,
.friday-sale-body
  .reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-info
  .user-work,
.friday-sale-body .faq-main .container .wrapper .heading,
.friday-sale-body
  .faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button,
.friday-sale-body
  .faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-collapse
  .accordion-body,
.friday-sale-body .footer .col-otr .col-inr .menu-ul .menu-li .menu-a,
.friday-sale-body
  .footer
  .col-about-otr
  .col-about-inr
  .icons-ul
  .icons-li
  .icons-link
  .icon,
.friday-sale-body .footer .col-otr .col-inr h3,
.friday-sale-body .footer .col-copyright-otr .col-copyright-inr .copy-text,
.friday-sale-body
  .footer
  .col-copyright-otr
  .col-copyright-inr
  .copy-text
  .link {
  color: #ffffff;
}

.friday-sale-body
  .faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-collapse
  .accordion-body {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.friday-sale-body .faq-main .accordion-button::after {
  background-image: url("/assets/img/Plus-gray.png");
}

.friday-sale-body .accordion-button:not(.collapsed)::after {
  transform: rotate(-136deg);
}

.friday-sale-body .reviews-main .container .wrapper .heading span,
.friday-sale-body .reviews-main .container .row .col-otr .box-white .star-fill,
.friday-sale-body .reviews-main .container .action .arrow-btn .arrow-icon,
.friday-sale-body .faq-main .container .action .arrow-btn .arrow-icon {
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  -webkit-background-clip: text !important;
}

.friday-sale-body .reviews-main .container .action .arrow-btn,
.friday-sale-body .faq-main .container .action .arrow-btn,
.friday-sale-body
  .marquee-main
  marquee
  .marquee-ul
  .marquee-li
  .marquee-text:hover
  span {
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  -webkit-background-clip: text !important;
}

.friday-sale-body
  .reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .star-fill {
  color: #ffffff;
  background: transparent;
  -webkit-text-fill-color: #ffffff;
}

.friday-sale-body
  .reviews-main
  .container
  .row
  .col-otr
  .box-white
  .star-empty {
  color: rgba(255, 255, 255, 0.25);
}

.friday-sale-body .reviews-main .container .row .col-otr .box-white,
.friday-sale-body
  .faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button,
.friday-sale-body .accordion-item,
.friday-sale-body .footer {
  background-color: rgba(255, 255, 255, 0.1);
}

.friday-sale-body .reviews-main .container .row .col-otr .box-gradient,
.friday-sale-body .reviews-main .container .row .col-otr .box-secondary,
.friday-sale-body .features-main {
  background-image: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
}

.friday-sale-body
  .features-main
  .container
  .row-otr
  .col-img-otr
  .col-img-inr::after {
  background: none !important;
}

.blogs-section .container .row {
  gap: 24px 0;
}

.blogs-section .container .row .col-otr {
  height: 100%;
  margin: 0;
}

.friday-sale-offer {
  position: relative;
  margin: 30px 0;
}

.friday-sale-offer .wrapper {
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  border-radius: 8px;
  text-align: center;
  padding: 40px 20px;
  position: relative;
  overflow: hidden;
}

.friday-sale-offer .heading-h3 {
  color: #ffffff;
  margin-bottom: 8px;
}

.friday-sale-offer .countdown #clock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px 10px;
}

.friday-sale-offer .countdown #clock .timer-iner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 150px;
}

.friday-sale-offer .countdown #clock .time {
  font-size: 80px;
  line-height: 96px;
  font-family: "Figtree-Bold";
  color: #ffffff;
}

@media (max-width: 767px) {
  .friday-sale-offer .countdown #clock .time {
    font-size: 48px;
    line-height: 60px;
  }
}

@media (max-width: 420px) {
  .friday-sale-offer .countdown #clock .time {
    font-size: 24px;
    line-height: 36px;
  }
}

.friday-sale-offer .countdown #clock span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  color: rgba(255, 255, 255, 0.75);
  text-transform: capitalize;
}

@media (max-width: 767px) {
  .friday-sale-offer .countdown #clock span {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 420px) {
  .friday-sale-offer .countdown #clock span {
    font-size: 14px;
    line-height: 24px;
    font-family: "Figtree-Regular";
  }
}

.friday-sale-offer .wrapper .ballon1 {
  position: absolute;
  right: 74px;
  bottom: 0;
  width: 76px;
  height: 204px;
  -webkit-animation: ballon1-animation 10s linear infinite;
  animation: ballon1-animation 10s linear infinite;
}

@media (min-width: 1200px) {
  .friday-sale-offer .wrapper .ballon1 {
    right: 40px;
  }
}

@media (max-width: 991px) {
  .friday-sale-offer .wrapper .ballon1 {
    display: none;
  }
}

.friday-sale-offer .wrapper .ballon2 {
  position: absolute;
  left: 74px;
  bottom: 0;
  width: 76px;
  height: 204px;
  -webkit-animation: ballon1-animation 10s linear 4s infinite;
  animation: ballon1-animation 10s linear 4s infinite;
}

@media (min-width: 1200px) {
  .friday-sale-offer .wrapper .ballon2 {
    left: 40px;
  }
}

@media (max-width: 991px) {
  .friday-sale-offer .wrapper .ballon2 {
    display: none;
  }
}

.loader {
  width: 100%;
  height: 100vh;
  background: #f4f4f5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}

.loader .img-loader {
  width: 80px;
  height: 80px;
  background-image: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  -webkit-animation: Rotate-Loader 5s infinite linear;
  animation: Rotate-Loader 5s infinite linear;
}

.loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-48%, -50%);
  z-index: 10;
  height: 24px;
  width: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}

@keyframes Rotate-Loader {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.christmas-sale-li {
  display: none;
}

/*===============================
       Banner Start Here
===============================*/

.christmas_page .banner-main {
  margin: 96px 0 128px 0;
}

@media (max-width: 991px) {
  .christmas_page .banner-main {
    margin: 60px 0;
  }
}

.christmas_page .banner-main .container .row .col-otr .col-inr {
  padding: 55px 72px 80px 72px;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

@media (max-width: 1199px) {
  .christmas_page .banner-main .container .row .col-otr .col-inr {
    padding: 40px 40px 60px 40px;
  }
}

@media (max-width: 991px) {
  .christmas_page .banner-main .container .row .col-otr .col-inr {
    margin-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .christmas_page .banner-main .container .row .col-otr .col-inr {
    padding: 20px 30px 40px 20px;
  }
}

.christmas_page .banner-main .container .row .col-otr .col-inr .heading {
  font-size: 60px;
  line-height: 76px;
  font-family: "Figtree-Bold";
  color: #fff;
}

@media (max-width: 575px) {
  .christmas_page .banner-main .container .row .col-otr .col-inr .heading {
    font-size: 60px;
    line-height: 74px;
  }
}

.christmas_page .banner-main .container .row .col-otr .col-inr .heading span {
  color: var(--theme-primary-color);
}

.christmas_page .banner-main .container .row .col-otr .col-inr .features-ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 36px 0 66px 0;
}

@media (max-width: 991px) {
  .christmas_page .banner-main .container .row .col-otr .col-inr .features-ul {
    margin: 16px 0 33px 0;
  }
}

.christmas_page
  .banner-main
  .container
  .row
  .col-otr
  .col-inr
  .features-ul
  .features-li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #2a2d43;
}

@media (max-width: 575px) {
  .christmas_page
    .banner-main
    .container
    .row
    .col-otr
    .col-inr
    .features-ul
    .features-li {
    align-items: baseline;
  }
}

.christmas_page
  .banner-main
  .container
  .row
  .col-otr
  .col-inr
  .features-ul
  .features-li
  .hard-drive-icon {
  font-size: 32px;
  color: var(--theme-primary-color);
}

@media (max-width: 575px) {
  .christmas_page
    .banner-main
    .container
    .row
    .col-otr
    .col-inr
    .features-ul
    .features-li
    .hard-drive-icon {
    position: relative;
    top: 10px;
  }
}

.christmas_page .banner-main .container .row .col-otr .col-inr .action {
  display: flex;
}

.christmas_page
  .banner-main
  .container
  .row
  .col-img-otr
  .col-img-inr
  .banner-img-otr {
  position: relative;
  overflow: hidden;
  max-height: 574px;
  height: 100%;
}

@media (max-width: 991px) {
  .christmas_page
    .banner-main
    .container
    .row
    .col-img-otr
    .col-img-inr
    .banner-img-otr {
    max-height: 300px;
  }
}

.christmas_page
  .banner-main
  .container
  .row
  .col-img-otr
  .col-img-inr
  .banner-img-otr::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  border-radius: 8px;
  mix-blend-mode: hard-light;
  background-size: 150% 150%;
  -webkit-animation: gradient 5s linear infinite;
  animation: gradient 5s linear infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.christmas_page
  .banner-main
  .container
  .row
  .col-img-otr
  .col-img-inr
  .banner-img-otr
  .banner-img-inr {
  width: 100%;
  max-height: 574px;
  height: 100%;
  border-radius: 8px;
}

@media (max-width: 991px) {
  .christmas_page
    .banner-main
    .container
    .row
    .col-img-otr
    .col-img-inr
    .banner-img-otr
    .banner-img-inr {
    max-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

/*===============================
       Banner End Here
===============================*/

/*===============================
        Shared RDP Start Here
===============================*/

.christmas_sale_pricing .wrapper .heading {
  color: #000;
}

.christmas_sale_pricing .row-custom {
  justify-content: center;
}

.christmas_sale_pricing .col-otr {
  padding-top: 21px;
}

.christmas_sale_pricing .col-inr {
  position: relative;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
}

.christmas_sale_pricing .col-inr .percent_off_text_otr {
  position: absolute;
  left: 50%;
  top: -21px;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 8px;
  padding: 6px 16px;
  border: 1px solid #ebedf9;
}

.christmas_sale_pricing .col-inr .percent_off_text_otr .percent_text {
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.christmas_sale_pricing .col-inr .plan-price-main {
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%) !important;
  padding: 44px 28px 20px 28px !important;
}

@media (max-width: 1399px) {
  .christmas_sale_pricing .col-inr .plan-heading {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 1399px) {
  .christmas_sale_pricing .col-inr .plan-price {
    font-size: 36px;
    line-height: 56px;
  }
}

.christmas_sale_pricing .col-inr .price_previous {
  color: #fff;
  text-decoration: line-through;
}

@media (max-width: 1399px) {
  .christmas_sale_pricing .col-inr .price_previous {
    font-size: 20px;
    line-height: 28px;
  }
}

.christmas_sale_pricing .col-inr .features-li {
  color: #000 !important;
}

@media (max-width: 1399px) {
  .christmas_sale_pricing .col-inr .features-li {
    font-size: 16px;
    line-height: 28px;
  }
}

.christmas_sale_pricing .col-inr .features-li .gift-icon {
  position: relative;
  top: 1px;
  font-size: 32px;
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.christmas_sale_pricing .col-inr .action .theme-btn-fill {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.christmas_sale_pricing .col-inr .action .theme-btn-fill:hover::before {
  background: #ffffff;
}

.christmas_sale_pricing .col-inr .action .theme-btn-fill:hover span {
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.christmas_sale_pricing .col-inr .action .theme-btn-fill::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.christmas_sale_pricing .col-inr .action .theme-btn-fill::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.christmas_sale_pricing .col-inr .action .theme-btn-fill span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

/*===============================
        Shared RDP End Here
===============================*/

/*===============================
       Reviews Start Here
===============================*/

.reviews-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .reviews-main {
    margin: 60px 0;
  }
}

.reviews-main .container .wrapper {
  text-align: center;
}

.reviews-main .container .wrapper .heading {
  color: #2a2d43;
}

.reviews-main .container .wrapper .heading span {
  color: var(--theme-primary-color);
}

.reviews-main .container .row {
  margin: 80px 0;
  gap: 24px 0;
}

@media (max-width: 991px) {
  .reviews-main .container .row {
    margin: 40px 0;
  }
}

@media (max-width: 991px) {
  .reviews-main .container .row .col-otr {
    padding: 0;
  }
}

.reviews-main .container .row .col-otr .col-inr {
  padding: 36px;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.reviews-main .container .row .col-otr .col-inr .rating-stars {
  display: flex;
  align-items: center;
  gap: 6px;
}

.reviews-main .container .row .col-otr .box-white .star-fill {
  font-size: 24px;
  color: var(--theme-primary-color);
}

.reviews-main .container .row .col-otr .box-white .star-empty {
  font-size: 24px;
  color: #2a2d43;
  opacity: 0.25;
}

.reviews-main .container .row .col-otr .box-white .review-heading {
  color: #2a2d43;
  margin: 20px 0 28px 0;
}

.reviews-main .container .row .col-otr .box-white .user-profile {
  display: flex;
  align-items: center;
  gap: 20px;
}

.reviews-main .container .row .col-otr .box-white .user-profile .user-img-otr {
  width: 52px;
  height: 52px;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-img-otr
  .avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-info
  .username {
  color: #2a2d43;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-info
  .user-work {
  color: #2a2d43;
  margin-top: -6px;
}

.reviews-main .container .row .col-otr .box-gradient {
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
}

.reviews-main .container .row .col-otr .box-gradient .star-fill {
  font-size: 24px;
  color: #ffffff;
}

.reviews-main .container .row .col-otr .box-gradient .star-empty {
  font-size: 24px;
  color: #2a2d43;
  opacity: 0.25;
}

.reviews-main .container .row .col-otr .box-gradient .review-heading {
  color: #ffffff;
  margin: 20px 0 28px 0;
}

.reviews-main .container .row .col-otr .box-gradient .user-profile {
  display: flex;
  align-items: center;
  gap: 20px;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-gradient
  .user-profile
  .user-img-otr {
  width: 52px;
  height: 52px;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-gradient
  .user-profile
  .user-img-otr
  .avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-gradient
  .user-profile
  .user-info
  .username {
  color: #ffffff;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-gradient
  .user-profile
  .user-info
  .user-work {
  color: #ffffff;
  margin-top: -6px;
}

.reviews-main .container .row .col-otr .box-secondary {
  background-color: #2a2d43;
}

.reviews-main .container .row .col-otr .box-secondary .star-fill {
  font-size: 24px;
  color: var(--theme-primary-color);
}

.reviews-main .container .row .col-otr .box-secondary .star-empty {
  font-size: 24px;
  color: #ffffff;
  opacity: 0.75;
}

.reviews-main .container .row .col-otr .box-secondary .review-heading {
  color: #ffffff;
  margin: 20px 0 28px 0;
}

.reviews-main .container .row .col-otr .box-secondary .user-profile {
  display: flex;
  align-items: center;
  gap: 20px;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .user-profile
  .user-img-otr {
  width: 52px;
  height: 52px;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .user-profile
  .user-img-otr
  .avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 100%;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .user-profile
  .user-info
  .username {
  color: #ffffff;
  opacity: 1;
}

.reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .user-profile
  .user-info
  .user-work {
  color: #ffffff;
  opacity: 1;
  margin-top: -6px;
}

.reviews-main .container .row .col-otr .last-div {
  position: relative;
  top: -40px;
}

@media (max-width: 991px) {
  .reviews-main .container .row .col-otr .last-div {
    top: 0;
  }
}

.reviews-main .container .action {
  display: flex;
  justify-content: center;
}

.reviews-main .container .action .arrow-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--theme-primary-color);
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
}

.reviews-main .container .action .arrow-btn:hover .arrow-icon {
  transform: rotate(45deg);
}

.reviews-main .container .action .arrow-btn .arrow-icon {
  font-size: 28px;
  color: var(--theme-primary-color);
  transition: 0.3s;
}

/*===============================
       Reviews End Here
===============================*/

/*===============================
       Features Start Here
===============================*/

.features-main {
  padding: 128px 0;
  background-image: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  background-size: 150% 150%;
  -webkit-animation: gradient 5s linear infinite;
  animation: gradient 5s linear infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media (max-width: 991px) {
  .features-main {
    margin: 60px 0;
    padding: 60px 0;
  }
}

.features-main .container .row-otr {
  margin-bottom: 80px;
}

@media (max-width: 991px) {
  .features-main .container .row-otr {
    gap: 20px 0;
    margin-bottom: 40px;
  }
}

.features-main .container .row-otr .col-content-otr .col-content-inr h2 {
  color: #ffffff;
}

.features-main .container .row-otr .col-img-otr .col-img-inr {
  position: relative;
}

.features-main .container .row-otr .col-img-otr .col-img-inr::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  mix-blend-mode: color;
}

.features-main .container .row-otr .col-img-otr .col-img-inr .features-img {
  width: 100%;
  min-height: 210px;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}

.features-main .container .row-features {
  gap: 80px 0;
}

@media (max-width: 991px) {
  .features-main .container .row-features {
    gap: 30px 0;
  }
}

.features-main .container .row-features .col-otr .col-inr {
  display: flex;
  align-items: center;
  gap: 24px;
}

.features-main .container .row-features .col-otr .col-inr .icon-otr .icon-inr {
  font-size: 72px;
  color: #ffffff;
}

.features-main .container .row-features .col-otr .col-inr .heading-div h3 {
  color: #ffffff;
}

.features-main-2 {
  padding: 0;
  background-image: none;
  margin: 128px 0;
}

@media (max-width: 991px) {
  .features-main-2 {
    margin: 60px 0;
  }
}

.features-main-2 .wrapper {
  text-align: center;
}

.features-main-2 .wrapper .heading {
  color: #2a2d43;
}

.features-main-2 .wrapper .heading span {
  color: var(--theme-primary-color);
}

.features-main-2 .row {
  margin: 80px 0;
}

@media (max-width: 991px) {
  .features-main-2 .row {
    margin: 40px 0;
  }
}

.features-main-2 h3 {
  color: #2a2d43 !important;
}

.features-main-2 .icon-inr {
  color: var(--theme-primary-color);
}

/*===============================
       Features End Here
===============================*/

/*===============================
       Marquee Start Here
===============================*/

.marquee-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .marquee-main {
    margin: 60px 0;
  }
}

.marquee-main marquee .marquee-ul {
  display: flex;
  align-items: center;
  gap: 50px;
  position: relative;
  left: -2000px;
}

.marquee-main marquee .marquee-ul .marquee-li {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #2a2d43;
}

.marquee-main marquee .marquee-ul .marquee-li .marquee-text {
  cursor: pointer;
}

.marquee-main marquee .marquee-ul .marquee-li .marquee-text:hover span {
  color: var(--theme-primary-color);
}

.marquee-main marquee .marquee-ul .marquee-li .marquee-text .dot {
  color: var(--theme-primary-color);
}

/*===============================
       Marquee End Here
===============================*/

/*===============================
       Priceing Start Here
===============================*/

.pricing-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .pricing-main {
    margin: 60px 0;
  }
}

@media (max-width: 1399px) {
  .pricing-main .container {
    width: 100%;
    max-width: 100%;
  }
}

.pricing-main .container .wrapper {
  text-align: center;
}

.pricing-main .container .wrapper .heading {
  color: #2a2d43;
}

.pricing-main .container .wrapper .heading span {
  color: var(--theme-primary-color);
}

.pricing-main .container .row-custom .nav-pills {
  display: inline-flex;
  justify-content: center;
  margin: 80px 0 48px 0 !important;
  position: relative;
}

@media (max-width: 575px) {
  .pricing-main .container .row-custom .nav-pills {
    margin: 30px 0 !important;
  }
}

.pricing-main .container .row-custom .nav-pills::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2a2d43;
  opacity: 0.05;
  border-radius: 8px;
  z-index: -1;
}

@media (max-width: 575px) {
  .pricing-main .container .row-custom .nav-pills::after {
    display: none;
  }
}

.pricing-main .container .row-custom .nav-pills .nav-item .nav-link {
  border-radius: 0 !important;
  padding: 9px 24px 10px 24px;
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  color: var(--theme-primary-color);
}

.pricing-main .container .row-custom .nav-pills .nav-item .active {
  border-radius: 8px !important;
  background-color: var(--theme-primary-color);
  color: var(--theme-white-color);
}

.pricing-main .container .row {
  gap: 24px 0;
}

.pricing-main .container .row .col-otr .col-inr {
  display: flex;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

@media (max-width: 575px) {
  .pricing-main .container .row .col-otr .col-inr {
    flex-direction: column;
  }
}

.pricing-main .container .row .col-otr .col-inr .features-get {
  width: 60%;
  padding: 28px 36px 32px 36px;
}

@media (max-width: 1199px) {
  .pricing-main .container .row .col-otr .col-inr .features-get {
    padding: 20px 12px;
  }
}

@media (max-width: 575px) {
  .pricing-main .container .row .col-otr .col-inr .features-get {
    width: 100%;
  }
}

.pricing-main .container .row .col-otr .col-inr .features-get h3 {
  color: #2a2d43;
}

.pricing-main .container .row .col-otr .col-inr .features-get .features-ul {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 20px;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .features-get
  .features-ul
  .features-li {
  display: flex;
  gap: 12px;
  color: #2a2d43;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .features-get
  .features-ul
  .features-li
  .hard-drive-icon {
  position: relative;
  top: 1px;
  font-size: 32px;
  color: var(--theme-primary-color);
}

.pricing-main .container .row .col-otr .col-inr .price-plan {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40%;
  background-image: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  padding: 36px;
  border-radius: 0 8px 8px 0;
  text-align: center;
  background-size: 150% 150%;
  -webkit-animation: gradient 5s linear infinite;
  animation: gradient 5s linear infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media (max-width: 1199px) {
  .pricing-main .container .row .col-otr .col-inr .price-plan {
    padding: 20px 12px;
  }
}

@media (max-width: 575px) {
  .pricing-main .container .row .col-otr .col-inr .price-plan {
    width: 100%;
    border-radius: 0px 0px 8px 8px;
  }
}

.pricing-main .container .row .col-otr .col-inr .price-plan .plan-info {
  margin-bottom: 28px;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .price-plan
  .plan-info
  .starting-form {
  color: #ffffff;
}

.pricing-main .container .row .col-otr .col-inr .price-plan .plan-info h2 {
  color: #ffffff;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .price-plan
  .plan-info
  .monthly {
  color: #ffffff;
  opacity: 0.75;
}

.pricing-main .container .row .col-otr .col-inr .price-plan .action {
  display: flex;
  justify-content: center;
}

.pricing-main
  .container
  .row
  .col-otr
  .col-inr
  .price-plan
  .action
  .theme-btn-white {
  width: 100%;
  text-align: center;
}

/*===============================
       Priceing End Here
===============================*/

/*===============================
       Faqs Start Here
===============================*/

.faq-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .faq-main {
    margin: 60px 0;
  }
}

.faq-main .container .wrapper {
  text-align: center;
}

.faq-main .container .wrapper .heading {
  color: #2a2d43;
}

.faq-main .container .row {
  margin: 80px 0;
}

@media (max-width: 991px) {
  .faq-main .container .row {
    margin: 40px 0;
  }
}

.faq-main .container .row .col-otr {
  margin: 0 auto;
}

@media (max-width: 991px) {
  .faq-main .container .row .col-otr {
    padding: 0;
  }
}

.faq-main .container .row .col-otr .col-inr .accordion {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.faq-main .container .row .col-otr .col-inr .accordion .accordion-item {
  border: none;
}

.faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button {
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-color: #ffffff;
  padding: 14px 32px;
  color: #2a2d43;
  opacity: 0.75;
}

.faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-collapse
  .accordion-body {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  padding: 14px 32px;
  color: #2a2d43;
  opacity: 0.75;
}

.faq-main .container .action {
  display: flex;
  justify-content: center;
}

.faq-main .container .action .arrow-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--theme-primary-color);
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
}

.faq-main .container .action .arrow-btn:hover .arrow-icon {
  transform: rotate(45deg);
}

.faq-main .container .action .arrow-btn .arrow-icon {
  font-size: 28px;
  color: var(--theme-primary-color);
  transition: 0.3s;
}

.faq-main .accordion-button::after {
  background-image: url("/assets/img/plus.svg") !important;
  background-size: cover;
  background-position: center;
  width: 28px;
  height: 28px;
}

.faq-main .accordion-button:not(.collapsed)::after {
  background-image: url("/assets/img/minus.svg") !important;
  transform: rotate(-180deg !important);
}

.christmas-sale-body .accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg) !important;
}

/*===============================
       Faqs End Here
===============================*/

.blog-wrapper {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.blogs-section .col-otr .icon-inr {
  font-size: 48px;
  color: var(--theme-primary-color);
  background-color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}

.blogs-section .heading-h3 {
  margin-bottom: 10px;
}

.blogs-section .container .row .col-otr {
  background-color: #fff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  padding: 28px;
  border-radius: 8px;
}

.intro-section {
  background-color: black;
  color: #f4f4f5;
  padding: 30px;
}

.intro-wrapper {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.General-Terms-And-Conditions .row {
  padding: 30px 20px;
  background-color: #ffffff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.General-Terms-And-Conditions .col-otr .icon-inr {
  font-size: 48px;
  color: var(--theme-primary-color);
  background-color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}

.General-Terms-And-Conditions .col-otr {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.christmas-sale-body {
  background-color: #ffffff;
}

.christmas-sale-body .banner-main {
  margin-bottom: 0;
}

.christmas-sale-body .header-main .wrapper {
  background-color: #ebedf9;
  box-shadow: none;
}

.christmas-sale-body
  .header-main
  .container
  .wrapper
  .menu-main
  .menu-ul
  .menu-li
  .menu-link,
.christmas-sale-body
  .header-main
  .container
  .wrapper
  .menu-main
  .menu-ul
  .menu-li
  .dropdown-main
  .dropdown-ul
  .dropdown-li
  .dropdown-link {
  color: #000;
}

.christmas-sale-body
  .header-main
  .container
  .wrapper
  .menu-main
  .menu-ul
  .menu-li
  .dropdown-main
  .dropdown-ul {
  background-color: #ebedf9;
}

.christmas-sale-body
  .header-main
  .container
  .wrapper
  .menu-main
  .menu-ul
  .menu-li
  .menu-link:hover,
.christmas-sale-body
  .header-main
  .container
  .wrapper
  .menu-main
  .menu-ul
  .menu-li
  .menu-link
  .caret-down-icon {
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  -webkit-background-clip: text !important;
}

.christmas-sale-body .banner-main .container .row .col-otr .col-inr {
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
}

.christmas-sale-body .banner-main .container .row .col-otr .col-inr .heading,
.christmas-sale-body
  .banner-main
  .container
  .row
  .col-otr
  .col-inr
  .features-ul
  .features-li {
  color: #ffffff;
}

.christmas-sale-body
  .banner-main
  .container
  .row
  .col-otr
  .col-inr
  .features-ul
  .features-li
  .hard-drive-icon {
  background: transparent;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

@media (max-width: 420px) {
  .christmas-sale-body .banner-main .container .row .col-otr .col-inr .heading {
    font-size: 48px;
    line-height: 64px;
  }
}

@media (max-width: 420px) {
  .banner-main .container .row .col-otr .col-inr .features-ul {
    gap: 10px;
  }
}

@media (max-width: 420px) {
  .banner-main .container .row .col-otr .col-inr .features-ul .features-li {
    font-size: 16px;
    line-height: 30px;
  }
}

.christmas-sale-body
  .banner-main
  .container
  .row
  .col-otr
  .col-inr
  .heading
  span {
  background: #000;
  -webkit-background-clip: text !important;
}

.christmas-sale-body
  .banner-main
  .container
  .row
  .col-img-otr
  .col-img-inr
  .banner-img-otr {
  max-height: 100%;
  height: 612px;
}

@media (max-width: 1399px) {
  .christmas-sale-body
    .banner-main
    .container
    .row
    .col-img-otr
    .col-img-inr
    .banner-img-otr {
    height: 100%;
  }
}

.christmas-sale-body
  .banner-main
  .container
  .row
  .col-img-otr
  .col-img-inr
  .banner-img-otr::after {
  background-image: none;
}

.christmas-sale-body .gift-img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 270px;
  height: 270px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-animation: gift-img-animation 10s ease infinite;
  animation: gift-img-animation 10s ease infinite;
}

@media (max-width: 767px) {
  .christmas-sale-body .gift-img {
    width: 150px;
    height: 150px;
  }
}

.christmas-sale-body .reviews-main .container .wrapper .heading,
.christmas-sale-body .marquee-main marquee .marquee-ul .marquee-li,
.christmas-sale-body .blogs-section h1,
.christmas-sale-body
  .reviews-main
  .container
  .row
  .col-otr
  .box-white
  .review-heading,
.christmas-sale-body
  .reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-info
  .username,
.christmas-sale-body
  .reviews-main
  .container
  .row
  .col-otr
  .box-white
  .user-profile
  .user-info
  .user-work,
.christmas-sale-body .faq-main .container .wrapper .heading,
.christmas-sale-body
  .faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button,
.christmas-sale-body
  .faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-collapse
  .accordion-body,
.christmas-sale-body .footer .col-otr .col-inr .menu-ul .menu-li .menu-a,
.christmas-sale-body
  .footer
  .col-about-otr
  .col-about-inr
  .icons-ul
  .icons-li
  .icons-link
  .icon,
.christmas-sale-body .footer .col-otr .col-inr h3,
.christmas-sale-body .footer .col-copyright-otr .col-copyright-inr .copy-text,
.christmas-sale-body
  .footer
  .col-copyright-otr
  .col-copyright-inr
  .copy-text
  .link {
  color: #000;
}

.christmas-sale-body
  .faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-collapse
  .accordion-body {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.christmas-sale-body .faq-main .accordion-button::after {
  background-image: url("/assets/img/Plus.png");
}

.christmas-sale-body .accordion-button:not(.collapsed)::after {
  transform: rotate(-136deg);
}

.christmas-sale-body .reviews-main .container .wrapper .heading span,
.christmas-sale-body
  .reviews-main
  .container
  .row
  .col-otr
  .box-white
  .star-fill,
.christmas-sale-body .reviews-main .container .action .arrow-btn .arrow-icon,
.christmas-sale-body .faq-main .container .action .arrow-btn .arrow-icon {
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  -webkit-background-clip: text !important;
}

.christmas-sale-body .reviews-main .container .action .arrow-btn,
.christmas-sale-body .faq-main .container .action .arrow-btn,
.christmas-sale-body
  .marquee-main
  marquee
  .marquee-ul
  .marquee-li
  .marquee-text:hover
  span {
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  -webkit-background-clip: text !important;
}

.christmas-sale-body
  .reviews-main
  .container
  .row
  .col-otr
  .box-secondary
  .star-fill {
  color: #ffffff;
  background: transparent;
  -webkit-text-fill-color: #ffffff;
}

.christmas-sale-body
  .reviews-main
  .container
  .row
  .col-otr
  .box-white
  .star-empty {
  color: #ebedf9;
  opacity: 0.85;
}

.christmas-sale-body .reviews-main .container .row .col-otr .box-white,
.christmas-sale-body
  .faq-main
  .container
  .row
  .col-otr
  .col-inr
  .accordion
  .accordion-item
  .accordion-header
  .accordion-button,
.christmas-sale-body .accordion-item,
.christmas-sale-body .footer {
  background-color: #ebedf9;
}

.christmas-sale-body .reviews-main .container .row .col-otr .box-gradient,
.christmas-sale-body .reviews-main .container .row .col-otr .box-secondary,
.christmas-sale-body .features-main {
  background-image: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
}

.christmas-sale-body
  .features-main
  .container
  .row-otr
  .col-img-otr
  .col-img-inr::after {
  background: none !important;
}

.blogs-section .container .row {
  gap: 24px 0;
}

.blogs-section .container .row .col-otr {
  height: 100%;
  margin: 0;
}

.christmas-sale-offer {
  position: relative;
  margin: 30px 0;
}

.christmas-sale-offer .wrapper {
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  border-radius: 8px;
  text-align: center;
  padding: 40px 20px;
  position: relative;
  overflow: hidden;
}

.christmas-sale-offer .heading-h3 {
  color: #ffffff;
  margin-bottom: 8px;
}

.christmas-sale-offer .countdown #clock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px 10px;
}

.christmas-sale-offer .countdown #clock .timer-iner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 150px;
}

.christmas-sale-offer .countdown #clock .time {
  font-size: 80px;
  line-height: 96px;
  font-family: "Figtree-Bold";
  color: #ffffff;
}

@media (max-width: 767px) {
  .christmas-sale-offer .countdown #clock .time {
    font-size: 48px;
    line-height: 60px;
  }
}

@media (max-width: 420px) {
  .christmas-sale-offer .countdown #clock .time {
    font-size: 24px;
    line-height: 36px;
  }
}

.christmas-sale-offer .countdown #clock span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  color: #ffffff;
  text-transform: capitalize;
}

@media (max-width: 767px) {
  .christmas-sale-offer .countdown #clock span {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 420px) {
  .christmas-sale-offer .countdown #clock span {
    font-size: 14px;
    line-height: 24px;
    font-family: "Figtree-Regular";
  }
}

.christmas-sale-offer .wrapper .ballon1 {
  position: absolute;
  right: 74px;
  bottom: 0;
  width: 76px;
  height: 204px;
  -webkit-animation: ballon1-animation 10s linear infinite;
  animation: ballon1-animation 10s linear infinite;
}

@media (min-width: 1200px) {
  .christmas-sale-offer .wrapper .ballon1 {
    right: 40px;
  }
}

@media (max-width: 991px) {
  .christmas-sale-offer .wrapper .ballon1 {
    display: none;
  }
}

.christmas-sale-offer .wrapper .ballon2 {
  position: absolute;
  left: 74px;
  bottom: 0;
  width: 76px;
  height: 204px;
  -webkit-animation: ballon1-animation 10s linear 4s infinite;
  animation: ballon1-animation 10s linear 4s infinite;
}

@media (min-width: 1200px) {
  .christmas-sale-offer .wrapper .ballon2 {
    left: 40px;
  }
}

@media (max-width: 991px) {
  .christmas-sale-offer .wrapper .ballon2 {
    display: none;
  }
}

.christmas-sale-body .expired {
  color: #ffffff;
}

#snowfall-wrapper {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  color: #fff;
}

.flake {
  color: #ebedf9 !important;
  font-size: 40px !important;
}

.flake i {
  display: none !important;
}

.christmas_page .header-main {
  position: relative !important;
  z-index: 999 !important;
}

.christmas_page .banner-main .col-inr h1,
.christmas_page .banner-main .col-inr ul,
.christmas_page .banner-main .col-inr div {
  position: relative !important;
  z-index: 99 !important;
}

.christmas_page .banner-main .banner-img-otr .gift-img {
  z-index: 99 !important;
}

.christmas_page .christmas-sale-offer .wrapper h2,
.christmas_page .christmas-sale-offer .wrapper span,
.christmas_page .christmas-sale-offer .wrapper div {
  position: relative !important;
  z-index: 99 !important;
}

.christmas_page .christmas-sale-offer .wrapper img {
  z-index: 99 !important;
}

.christmas_page .christmas_sale_pricing,
.christmas_page .marquee-main,
.christmas_page .reviews-main,
.christmas_page .faq-main,
.christmas_page .footer,
.christmas_page .copyright-main {
  position: relative !important;
  z-index: 99 !important;
}

.christmas_page .features-main .row-otr,
.christmas_page .features-main .row-features {
  position: relative !important;
  z-index: 99 !important;
}

.confetti {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
}

.newYear-sale-li {
  display: none;
}

.blog-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .blog-main {
    margin: 60px 0;
  }
}

.blog-main .row-otr {
  gap: 24px 0;
}

.blog-main .row-inr {
  gap: 24px 0;
}

.blog-main .col-inr {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}

.blog-main .blog-post-box {
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.blog-main .blog-post-box .img-otr .blog-img {
  width: 100%;
  height: 250px;
  border-radius: 8px 8px 0 0;
  -o-object-fit: fill;
  object-fit: fill;
  -o-object-position: center;
  object-position: center;
}

.blog-main .blog-post-box .content-div {
  padding: 24px 24px 30px 24px;
}

.blog-main .blog-post-box .content-div .heading {
  color: #2a2d43;
  transition: 0.3s;
}

.blog-main .blog-post-box .content-div .heading:hover {
  text-decoration: underline;
}

.blog-main .blog-post-box .content-div .desc {
  color: #2a2d43;
  opacity: 0.75;
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.blog-main .blog-post-box .content-div .options-ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}

.blog-main .blog-post-box .content-div .options-ul .options-li {
  color: #2a2d43;
  opacity: 0.75;
  display: flex;
  align-items: center;
  gap: 8px;
}

.blog-main .blog-post-box .content-div .options-ul .options-li i {
  font-size: 20px;
}

.blog-main .col-sidebar-inr {
  padding: 30px 20px;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-color: #ffffff;
}

.blog-main .input-otr {
  position: relative;
}

.blog-main .input-otr .theme-input {
  padding: 9px 24px 10px 24px;
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  border: 1px solid rgba(42, 45, 67, 0.2);
  background-color: transparent;
  border-radius: 8px;
  width: 100%;
}

.blog-main .input-otr .theme-input:focus {
  outline: none;
}

.blog-main .input-otr i {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: rgba(42, 45, 67, 0.5);
}

.blog-main .sidebar-posts .nav-pills {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin: 30px 0;
}

.blog-main .sidebar-posts .nav-pills .action {
  border: none;
  background-color: transparent;
  padding: 0;
  width: 100%;
}

.blog-main .sidebar-posts .nav-pills .action .theme-btn-fill {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  width: 100%;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.blog-main .sidebar-posts .nav-pills .action .theme-btn-fill::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.blog-main .sidebar-posts .nav-pills .action .theme-btn-fill::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: #ffffff;
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.blog-main .sidebar-posts .nav-pills .action .theme-btn-fill span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  color: var(--theme-primary-color);
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.blog-main .sidebar-posts .nav-pills .active .theme-btn-fill {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.blog-main .sidebar-posts .nav-pills .active .theme-btn-fill::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.blog-main .sidebar-posts .nav-pills .active .theme-btn-fill::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.blog-main .sidebar-posts .nav-pills .active .theme-btn-fill span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.blog-main .sidebar-posts .side-posts-box {
  padding: 10px;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 8px;
  display: flex;
  gap: 12px;
}

.blog-main .sidebar-posts .side-posts-box:not(:last-child) {
  margin-bottom: 24px;
}

.blog-main .sidebar-posts .side-posts-box .img-otr {
  max-width: 40%;
}

.blog-main .sidebar-posts .side-posts-box .img-otr .img-inr {
  width: 100%;
  height: 120px;
  -o-object-fit: fill;
  object-fit: fill;
  border-radius: 8px;
}

.blog-main .sidebar-posts .side-posts-box .heading-post {
  color: #2a2d43;
  max-width: 60%;
  height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.blog-main .sidebar-posts .side-posts-box .heading-post:hover {
  text-decoration: underline;
}

.blog-main .newsletter-otr {
  margin-top: 30px;
}

.blog-main .newsletter-otr .news-heading {
  color: #2a2d43;
}

.blog-main .newsletter-otr .desc {
  color: #2a2d43;
  margin: 6px 0 24px 0;
  opacity: 0.75;
}

.blog-main .newsletter-otr .theme-input {
  margin-bottom: 20px;
}

.blog-details {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .blog-details {
    margin: 60px 0;
  }
}

.blog-details .row {
  gap: 30px 0;
}

.blog-details .col-details-inr {
  padding: 40px;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

@media (max-width: 575px) {
  .blog-details .col-details-inr {
    padding: 40px 20px;
  }
}

.blog-details .col-details-inr .img-inr {
  width: 100%;
  height: 400px;
  border-radius: 8px;
  -o-object-fit: fill;
  object-fit: fill;
}

@media (max-width: 575px) {
  .blog-details .col-details-inr .img-inr {
    height: 200px;
  }
}

.blog-details .col-details-inr .options-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 0;
}

.blog-details .col-details-inr .options-main .options-ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}

.blog-details .col-details-inr .options-main .options-ul .options-li {
  color: #2a2d43;
  opacity: 0.75;
  display: flex;
  align-items: center;
  gap: 8px;
}

.blog-details .col-details-inr .options-main .options-ul .options-li i {
  font-size: 20px;
}

.blog-details .col-details-inr .options-main .icons-ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

.blog-details
  .col-details-inr
  .options-main
  .icons-ul
  .icons-li
  .icons-link
  .icon {
  font-size: 32px;
  color: #2a2d43;
  opacity: 0.5;
  transition: 0.3s;
}

.blog-details
  .col-details-inr
  .options-main
  .icons-ul
  .icons-li
  .icons-link
  .icon:hover {
  opacity: 1;
}

.blog-details .col-details-inr .outline-option {
  border-top: 1px solid rgba(42, 45, 67, 0.2);
  border-bottom: 1px solid rgba(42, 45, 67, 0.2);
}

.blog-details .col-details-inr .heading {
  color: #2a2d43;
  margin: 20px 0 10px 0;
}

.blog-details .col-details-inr .desc {
  color: #2a2d43;
  opacity: 0.75;
  margin: 10px 0;
}

.blog-details .col-details-inr .link {
  text-decoration: underline;
  display: inline-flex;
  color: #2a2d43;
  font-family: "Figtree-Bold";
}

.blog-details .col-details-inr .steps-main {
  margin: 20px 0;
}

.blog-details .col-details-inr .steps-main .steps-heading {
  color: #2a2d43;
  font-family: "Figtree-Bold";
  margin-bottom: 10px;
}

.blog-details .col-details-inr .steps-main .steps-ul .steps-li {
  list-style: auto;
  list-style-position: inside;
  color: #2a2d43;
  opacity: 0.75;
}

.blog-details
  .col-details-inr
  .steps-main
  .steps-ul
  .steps-li:not(:last-child) {
  margin-bottom: 10px;
}

.blog-details .col-sidebar-inr {
  padding: 30px 20px;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-color: #ffffff;
}

.blog-details .input-otr {
  position: relative;
}

.blog-details .input-otr .theme-input {
  padding: 9px 24px 10px 24px;
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  border: 1px solid rgba(42, 45, 67, 0.2);
  background-color: transparent;
  border-radius: 8px;
  width: 100%;
}

.blog-details .input-otr .theme-input:focus {
  outline: none;
}

.blog-details .input-otr i {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: rgba(42, 45, 67, 0.5);
}

.blog-details .sidebar-posts .nav-pills {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin: 30px 0;
}

.blog-details .sidebar-posts .nav-pills .action {
  border: none;
  background-color: transparent;
  padding: 0;
  width: 100%;
}

.blog-details .sidebar-posts .nav-pills .action .theme-btn-fill {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  width: 100%;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.blog-details .sidebar-posts .nav-pills .action .theme-btn-fill::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.blog-details .sidebar-posts .nav-pills .action .theme-btn-fill::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: #ffffff;
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.blog-details .sidebar-posts .nav-pills .action .theme-btn-fill span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  color: var(--theme-primary-color);
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.blog-details .sidebar-posts .nav-pills .active .theme-btn-fill {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.blog-details .sidebar-posts .nav-pills .active .theme-btn-fill::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.blog-details .sidebar-posts .nav-pills .active .theme-btn-fill::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.blog-details .sidebar-posts .nav-pills .active .theme-btn-fill span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.blog-details .sidebar-posts .side-posts-box {
  padding: 10px;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 8px;
  display: flex;
  gap: 12px;
}

.blog-details .sidebar-posts .side-posts-box:not(:last-child) {
  margin-bottom: 24px;
}

.blog-details .sidebar-posts .side-posts-box .img-otr {
  max-width: 40%;
}

.blog-details .sidebar-posts .side-posts-box .img-otr .img-inr {
  width: 100%;
  height: 120px;
  -o-object-fit: fill;
  object-fit: fill;
  border-radius: 8px;
}

.blog-details .sidebar-posts .side-posts-box .heading-post {
  color: #2a2d43;
  max-width: 60%;
  height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.blog-details .sidebar-posts .side-posts-box .heading-post:hover {
  text-decoration: underline;
}

.blog-details .newsletter-otr {
  margin-top: 30px;
}

.blog-details .newsletter-otr .news-heading {
  color: #2a2d43;
}

.blog-details .newsletter-otr .desc {
  color: #2a2d43;
  margin: 6px 0 24px 0;
  opacity: 0.75;
}

.blog-details .newsletter-otr .theme-input {
  margin-bottom: 20px;
}

.pricing-main-2 {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .pricing-main-2 {
    margin: 60px 0;
  }
}

.pricing-main-2 .container .wrapper {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

.pricing-main-2 .container .wrapper .heading {
  color: #2a2d43;
}

.pricing-main-2 .container .row {
  margin: 80px 0 0 0;
  gap: 24px 0;
}

@media (max-width: 991px) {
  .pricing-main-2 .container .row {
    margin: 60px 0 0 0;
  }
}

.pricing-main-2 .container .row .col-otr .col-inr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 8px;
  height: 100%;
}

.pricing-main-2 .container .row .col-otr .col-inr .plan-price-main {
  background-image: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  padding: 28px;
  border-radius: 8px 8px 0 0;
  text-align: center;
}

.pricing-main-2
  .container
  .row
  .col-otr
  .col-inr
  .plan-price-main
  .plan-heading {
  color: #ffffff;
  margin-bottom: 8px;
}

.pricing-main-2 .container .row .col-otr .col-inr .plan-price-main .plan-price {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #ffffff;
}

.pricing-main-2
  .container
  .row
  .col-otr
  .col-inr
  .plan-price-main
  .plan-price
  .monthly {
  color: #ffffff;
  position: relative;
  top: 1px;
  opacity: 0.75;
}

.pricing-main-2 .container .row .col-otr .col-inr .features-get .features-ul {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 32px 36px;
}

@media (max-width: 1399px) {
  .pricing-main-2 .container .row .col-otr .col-inr .features-get .features-ul {
    padding: 32px 20px;
  }
}

.pricing-main-2
  .container
  .row
  .col-otr
  .col-inr
  .features-get
  .features-ul
  .features-li {
  display: flex;
  gap: 12px;
  color: #2a2d43;
}

.pricing-main-2
  .container
  .row
  .col-otr
  .col-inr
  .features-get
  .features-ul
  .features-li
  .hard-drive-icon {
  position: relative;
  top: 1px;
  font-size: 32px;
  color: var(--theme-primary-color);
}

.pricing-main-2 .container .row .col-otr .col-inr .action {
  padding: 0 36px 36px 36px;
  display: flex;
}

@media (max-width: 1399px) {
  .pricing-main-2 .container .row .col-otr .col-inr .action {
    padding: 0 20px 36px 20px;
  }
}

.filter-main {
  margin: 128px 0 48px 0;
}

@media (max-width: 991px) {
  .filter-main {
    margin: 60px 0 48px 0;
  }
}

.filter-main .wrapper {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

.filter-main .wrapper .heading {
  color: #2a2d43;
}

.filter-main .row {
  margin: 80px 0 0 0;
  gap: 24px 0;
}

@media (max-width: 991px) {
  .filter-main .row {
    margin: 60px 0 0 0;
  }
}

.filter-main .row .col-otr .col-inr .select-menu {
  position: relative;
}

.filter-main .row .col-otr .col-inr .select-menu select {
  width: 100%;
  padding: 12px 24px;
  border-radius: 8px;
  border: 1px solid rgba(42, 45, 67, 0.15);
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  color: #2a2d43;
  opacity: 0.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.filter-main .row .col-otr .col-inr .select-menu select:focus {
  outline: none;
}

.filter-main .row .col-otr .col-inr .select-menu .caret-down-icon {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--theme-primary-color);
}

.filter-main .row .col-otr .col-inr .action {
  display: flex;
}

.filter-main .row .col-otr .col-inr .action .theme-btn-outline {
  width: 100%;
  text-align: center;
}

.pricing-3 {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .pricing-3 {
    margin: 60px 0;
  }
}

@media (max-width: 1199px) {
  .pricing-3 .container {
    max-width: 100%;
  }
}

.pricing-3 .container .wrapper {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

.pricing-3 .container .wrapper .heading {
  color: #2a2d43;
}

.pricing-3 .container .row-custom {
  margin: 80px 0 0 0;
  gap: 24px 0;
}

@media (max-width: 991px) {
  .pricing-3 .container .row-custom {
    margin: 60px 0 0 0;
    overflow-x: scroll;
  }

  .pricing-3 .container .row-custom::-webkit-scrollbar {
    height: 6px;
    background-color: #ffffff;
  }

  .pricing-3 .container .row-custom::-webkit-scrollbar-thumb {
    background-color: #2a2d43;
    opacity: 0.5;
  }
}

@media (max-width: 991px) {
  .pricing-3 .container .row-custom .table-main {
    width: 1200px;
    padding: 20px;
  }
}

.pricing-3 .container .row-custom .table-main .table-head .table-row {
  display: grid;
  grid-template-columns: 20% 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  gap: 10px;
  padding: 16px 16px 24px 16px;
}

.pricing-3
  .container
  .row-custom
  .table-main
  .table-head
  .table-row
  .table-header {
  color: #2a2d43;
  opacity: 0.6;
}

.pricing-3 .container .row-custom .table-main .table-body .table-row {
  display: grid;
  grid-template-columns: 20% 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  gap: 10px;
  padding: 16px 16px;
  border-radius: 8px;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}

.pricing-3
  .container
  .row-custom
  .table-main
  .table-body
  .table-row:not(:last-child) {
  margin-bottom: 24px;
}

.pricing-3
  .container
  .row-custom
  .table-main
  .table-body
  .table-row
  .table-data {
  color: #2a2d43;
}

.pricing-3
  .container
  .row-custom
  .table-main
  .table-body
  .table-row
  .table-data:nth-child(5)
  span {
  color: var(--theme-primary-color);
}

.pricing-3
  .container
  .row-custom
  .table-main
  .table-body
  .table-row
  .table-data
  .action {
  display: flex;
}

.pricing-3
  .container
  .row-custom
  .table-main
  .table-body
  .table-row
  .table-data
  .action
  .theme-btn-fill {
  width: 100%;
  text-align: center;
}

.pricing-4 {
  background-color: rgba(42, 45, 67, 0.05);
  padding: 72px 0 80px 0 !important;
  margin: 48px 0 128px 0;
}

@media (max-width: 991px) {
  .pricing-4 {
    margin: 60px 0;
    padding: 60px 0;
  }
}

.pricing-4 .row-custom {
  margin: 0 !important;
}

.core-features {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .core-features {
    margin: 60px 0;
  }
}

.core-features .container .wrapper {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

.core-features .container .wrapper .heading {
  color: #2a2d43;
}

.core-features .container .row {
  margin: 80px 0 0 0;
  gap: 24px 0;
}

@media (max-width: 991px) {
  .core-features .container .row {
    margin: 60px 0 0 0;
  }
}

.core-features .container .row .col-otr .col-inr {
  position: relative;
  background-color: rgba(42, 45, 67, 0.05);
  border-radius: 8px;
  text-align: center;
  padding: 32px;
  height: 100%;
}

.core-features .container .row .col-otr .col-inr .check-icon {
  font-size: 58px;
  color: var(--theme-primary-color);
}

.core-features .container .row .col-otr .col-inr .feature-head {
  color: #2a2d43;
  margin-top: 14px;
}

.about-sec-1,
.about-sec-2 {
  overflow: hidden;
  position: relative;
  margin: 128px 0;
}

@media (max-width: 991px) {
  .about-sec-1,
  .about-sec-2 {
    margin: 60px 0;
  }
}

.about-sec-1 .banner-img-otr {
  position: relative;
  overflow: hidden;
  max-height: 710px;
  height: 100%;
}

@media (max-width: 991px) {
  .about-sec-1 .banner-img-otr {
    max-height: 300px;
  }
}

.about-sec-1 .banner-img-otr::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  border-radius: 8px;
  mix-blend-mode: hard-light;
  background-size: 150% 150%;
  -webkit-animation: gradient 5s linear infinite;
  animation: gradient 5s linear infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.about-sec-1 .banner-img-otr .banner-img-inr {
  width: 100%;
  max-height: 710px;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  border-radius: 8px;
}

@media (max-width: 991px) {
  .about-sec-1 .banner-img-otr .banner-img-inr {
    max-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.about-sec-2 {
  padding: 128px 0;
  background-image: url("/assets/img/banner-img-1.jpg");
  background-size: cover;
  background-position: center;
}

.about-sec-2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
}

.about-sec-2 .container {
  position: relative;
  z-index: 10;
}

.about-sec-2 .heading {
  color: #ffffff !important;
}

.about-sec-2 .desc {
  color: #ffffff !important;
}

.about .heading {
  color: #2a2d43;
}

.about .desc {
  margin: 12px 0;
  color: #2a2d43;
  opacity: 0.75;
}

.contact-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .contact-main {
    margin: 60px 0;
  }
}

.contact-main .wrapper {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

.contact-main .wrapper .heading {
  color: #2a2d43;
}

.contact-main .row {
  margin-top: 48px;
}

.contact-main .col-otr {
  margin: 0 auto;
}

.contact-main .form-inputs {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}

.contact-main .form-inputs .action {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-main .form-inputs .action .theme-btn-fill {
  max-width: 500px;
  width: 100%;
  background-color: #2a2d43;
  color: #ffffff;
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
}

.sitemap {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .sitemap {
    margin: 60px 0;
  }
}

.sitemap .sitemap-ul {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}

.sitemap .sitemap-li {
  display: flex;
}

.sitemap .sitemap-link {
  color: #2a2d43;
}

.sitemap .sitemap-link:hover {
  text-decoration: underline;
}

.General-Terms-And-Conditions {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .General-Terms-And-Conditions {
    margin: 60px 0;
  }
}

.General-Terms-And-Conditions .col-tab-inr {
  padding: 30px 20px;
  background-color: #ffffff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.General-Terms-And-Conditions .nav-pills {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.General-Terms-And-Conditions .nav-pills .nav-item {
  width: 100%;
}

.General-Terms-And-Conditions .nav-pills .action {
  border: none;
  background-color: transparent;
  padding: 0;
  width: 100%;
}

.General-Terms-And-Conditions .nav-pills .action .theme-btn-fill {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  width: 100%;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.General-Terms-And-Conditions .nav-pills .action .theme-btn-fill::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.General-Terms-And-Conditions .nav-pills .action .theme-btn-fill::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: #ffffff;
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.General-Terms-And-Conditions .nav-pills .action .theme-btn-fill span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  color: var(--theme-primary-color);
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.General-Terms-And-Conditions .nav-pills .active .theme-btn-fill {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.General-Terms-And-Conditions .nav-pills .active .theme-btn-fill::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.General-Terms-And-Conditions .nav-pills .active .theme-btn-fill::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.General-Terms-And-Conditions .nav-pills .active .theme-btn-fill span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  background: linear-gradient(90deg, #e14fad 0%, #f9d423 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.General-Terms-And-Conditions .content-div .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(42, 45, 67, 0.2);
}

.General-Terms-And-Conditions .content-div .header .heading {
  color: #2a2d43;
}

.General-Terms-And-Conditions .content-div .header .version {
  color: #2a2d43;
  opacity: 0.75;
}

.General-Terms-And-Conditions .content-div .link {
  color: #2a2d43;
  opacity: 0.75;
  text-decoration: underline;
  display: inline-flex;
  color: #2a2d43;
  font-family: "Figtree-Bold";
}

.General-Terms-And-Conditions .content-div .content-div-inr {
  margin: 30px 0;
}

.General-Terms-And-Conditions .content-div .content-div-inr .desc {
  margin: 20px 0 10px 0;
  color: #2a2d43;
  opacity: 0.75;
}

.General-Terms-And-Conditions .content-div .content-div-inr .sm-heading {
  margin: 20px 0;
  color: #2a2d43;
  opacity: 0.75;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(42, 45, 67, 0.2);
}

.General-Terms-And-Conditions .content-div .content-div-inr .options-ul {
  padding-left: 50px;
  margin: 20px 0;
}

.General-Terms-And-Conditions
  .content-div
  .content-div-inr
  .options-ul
  .options-li {
  list-style: disc;
  color: #2a2d43;
  opacity: 0.75;
}

.General-Terms-And-Conditions
  .content-div
  .content-div-inr
  .options-ul
  .options-li:not(:last-child) {
  margin-bottom: 4px;
}

.General-Terms-And-Conditions
  .content-div
  .content-div-inr
  .options-num
  .options-li {
  list-style: auto !important;
}

.payment-method {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .payment-method {
    margin: 60px 0;
  }
}

.payment-method .wrapper .heading {
  color: #2a2d43;
  margin-bottom: 10px;
}

.payment-method .wrapper .desc {
  color: #2a2d43;
  opacity: 0.75;
}

.payment-method .div-main {
  padding: 40px;
  background-color: #ffffff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.payment-method .row {
  gap: 24px 0;
}

.payment-method .col-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.payment-method .col-inr .pay-img {
  width: 100%;
  height: 100px;
  -o-object-fit: contain;
  object-fit: contain;
}

.payment-method .content-div {
  margin-top: 60px;
}

.payment-method .content-div .box-heading {
  color: #2a2d43;
  margin-bottom: 10px;
}

.payment-method .content-div .sm-heading {
  color: #2a2d43;
  opacity: 0.75;
}

.payment-method .content-div .options-ul {
  padding-left: 30px;
  margin: 20px 0;
}

.payment-method .content-div .options-ul .options-li {
  list-style: disc;
  color: #2a2d43;
  opacity: 0.75;
}

.payment-method .content-div .options-ul .options-li:not(:last-child) {
  margin-bottom: 4px;
}

.payment-method .content-div .options-num .options-li {
  list-style: auto !important;
}

.payment-method .content-div .link {
  color: #2a2d43;
  opacity: 0.75;
  text-decoration: underline;
  display: inline-flex;
  color: #2a2d43;
  font-family: "Figtree-Bold";
}

.Datacenters-main {
  margin: 128px 0;
}

@media (max-width: 991px) {
  .Datacenters-main {
    margin: 60px 0;
  }
}

.Datacenters-main .wrapper {
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

.Datacenters-main .wrapper .heading {
  color: #2a2d43;
  margin-bottom: 10px;
}

.Datacenters-main .wrapper .desc {
  color: #2a2d43;
  opacity: 0.75;
}

.Datacenters-main .map-main {
  position: relative;
}

.Datacenters-main .map-main .locations-main .location-div .map-heading {
  color: #2a2d43 !important;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(1) {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -70%);
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(2) {
  position: absolute;
  top: 20%;
  left: 35%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(3) {
  position: absolute;
  top: 40%;
  left: 70%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(4) {
  position: absolute;
  top: 70%;
  left: 30%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(5) {
  position: absolute;
  top: 55%;
  left: 45%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(6) {
  position: absolute;
  top: 50%;
  left: 60%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(7) {
  position: absolute;
  top: 77%;
  left: 80%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(8) {
  position: absolute;
  top: 450%;
  left: 75%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(9) {
  position: absolute;
  top: 25%;
  left: 11%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(10) {
  position: absolute;
  top: 40%;
  left: 16%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(11) {
  position: absolute;
  top: 25%;
  left: 70%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(12) {
  position: absolute;
  top: 70%;
  left: 80%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(13) {
  position: absolute;
  top: 350%;
  left: 66%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(14) {
  position: absolute;
  top: 35%;
  left: 60%;
  cursor: pointer;
}

.Datacenters-main .map-main .locations-main .location-div:nth-child(15) {
  position: absolute;
  top: 16%;
  left: 77%;
  cursor: pointer;
}

@media (max-width: 575px) {
  .Datacenters-main .map-main .locations-main .location-div {
    display: none;
  }
}

.Datacenters-main
  .map-main
  .locations-main
  .location-div:hover
  .location-hover {
  opacity: 1;
  visibility: visible;
  text-align: center;
  color: black;
}

.Datacenters-main .map-main .locations-main .location-div .dot {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  padding: 5px;
  outline: 1px solid #2a2d43;
  background-color: #5bc634;
  display: flex;
}

.Datacenters-main .map-main .locations-main .location-div .location-hover {
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #5bc634;
  position: absolute;
  width: 200px;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.Datacenters-main .map-main .map-img {
  margin-top: 30px;
  width: 90%;
  height: auto;
}

.friday-sale-body .theme-btn-outline {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.friday-sale-body .theme-btn-outline:hover::before {
  background: transparent;
}

.friday-sale-body .theme-btn-outline:hover span {
  -webkit-text-fill-color: #ffffff;
}

.friday-sale-body .theme-btn-outline::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.friday-sale-body .theme-btn-outline::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: #1a1a1a;
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.friday-sale-body .theme-btn-outline span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.friday-sale-body .theme-btn-fill {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.friday-sale-body .theme-btn-fill:hover::before {
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
}

.friday-sale-body .theme-btn-fill:hover span {
  background: #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.friday-sale-body .theme-btn-fill::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.friday-sale-body .theme-btn-fill::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: #1a1a1a;
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.friday-sale-body .theme-btn-fill span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.friday-sale-body .theme-btn-white {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.friday-sale-body .theme-btn-white:hover::before {
  background: #000;
}

.friday-sale-body .theme-btn-white:hover::after {
  background: #000;
}

.friday-sale-body .theme-btn-white:hover span {
  -webkit-text-fill-color: #ffffff;
}

.friday-sale-body .theme-btn-white::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.friday-sale-body .theme-btn-white::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: #ffffff;
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.friday-sale-body .theme-btn-white span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-white {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-white:hover::before {
  background: #000;
}

.christmas-sale-body .theme-btn-white:hover::after {
  background: #000;
}

.christmas-sale-body .theme-btn-white:hover span {
  -webkit-text-fill-color: #ffffff;
}

.christmas-sale-body .theme-btn-white::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-white::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: #ffffff;
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-white span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-fill {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-fill:hover::before {
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
}

.christmas-sale-body .theme-btn-fill:hover span {
  background: #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-fill::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-fill::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: #1a1a1a;
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-fill span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-outline {
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  z-index: 3;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-outline:hover::before {
  background: transparent;
}

.christmas-sale-body .theme-btn-outline:hover span {
  -webkit-text-fill-color: #ffffff;
}

.christmas-sale-body .theme-btn-outline::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-outline::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 3px);
  height: calc(100% - 2px);
  background: #ebedf9;
  border-radius: 7px;
  z-index: 2;
  transition: 0.3s;
}

.christmas-sale-body .theme-btn-outline span {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  background: linear-gradient(90deg, #cbd2ef -70%, #2b71db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 10;
  transition: 0.3s;
}

.theme-input {
  padding: 9px 24px 10px 24px;
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  border: 1px solid rgba(42, 45, 67, 0.2);
  background-color: transparent;
  border-radius: 8px;
  width: 100%;
}

.theme-input:focus {
  outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

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

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

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

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

@-webkit-keyframes gift-img-animation {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  30% {
    transform: translate(-50%, -45%) rotate(25deg);
  }

  60% {
    transform: translate(-50%, -50%) rotate(20deg) scale(1.1);
  }

  80% {
    transform: translate(-50%, -55%) rotate(34deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}

@keyframes gift-img-animation {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  30% {
    transform: translate(-50%, -45%) rotate(25deg);
  }

  60% {
    transform: translate(-50%, -50%) rotate(20deg) scale(1.1);
  }

  80% {
    transform: translate(-50%, -55%) rotate(34deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}

@-webkit-keyframes ballon1-animation {
  0% {
    transform: translateY(0px) rotate(0);
  }

  25% {
    transform: translateY(30px) rotate(20deg);
  }

  50% {
    transform: translateY(0px) rotate(0);
  }

  75% {
    transform: translateY(30px) rotate(-20deg);
  }

  100% {
    transform: translateY(0px) rotate(0);
  }
}

@keyframes ballon1-animation {
  0% {
    transform: translateY(0px) rotate(0);
  }

  25% {
    transform: translateY(30px) rotate(20deg);
  }

  50% {
    transform: translateY(0px) rotate(0);
  }

  75% {
    transform: translateY(30px) rotate(-20deg);
  }

  100% {
    transform: translateY(0px) rotate(0);
  }
}

.theme-btn {
  font-size: 18px;
  line-height: 32px;
  font-family: "Figtree-Bold";
  background-color: #000;
  color: #ffffff;
  padding: 9px 24px 10px 24px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  transition: 0.3s;
}

.theme-btn:hover {
  background: linear-gradient(90deg, #e42024 0%, #ff5256 100%);
  color: #ffffff;
}

/* <div class="action">
<a href="#" class="theme-btn-outline">
    <span>Clients Area</span>
</a>
</div>


<div class="action">
<a href="#" class="theme-btn-fill">
    <span>Explore Plans</span>
</a>
</div>

<div class="action">
<a href="#" class="theme-btn-white">
    <span>Explore Plans</span>
</a>
</div> */

/*# sourceMappingURL=app.css.map*/