@charset "UTF-8";
:root {
  --color-primary: #8936f9 !important;
  --color-primary-alt: #3300d0 !important;
  --color-secondary: #3300d0 !important;
  --color-primary-gradient-start: #8936f9 !important;
  --color-primary-gradient-end: #3300d0 !important;
  --dark-gradient-2: linear-gradient(90deg, #8936f9 0%, #c426d3 68.75%);
}

/*------------------------
    Banner Styles  
-------------------------*/
.display-one {
  max-width: 85%;
  letter-spacing: -2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .display-one {
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .display-one {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .display-one {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 575px) {
  .display-one {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 575px) {
  .display-one br {
    max-width: 100% !important;
  }
}@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .display-one {
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .display-one {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .display-one {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 575px) {
  .display-one {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 575px) {
  .display-one br {
    max-width: 100% !important;
  }
}

/*-----------------------
    Slider Style One  
-------------------------*/
.slider-style-1 .inner .description {
  margin-bottom: 50px !important;
}


/**************************************
    Header Styles
***************************************/
/*--------------------------
    Header Styles  
 --------------------------*/
 .header-default .logo a img {
  max-height: 60px;
}

.header-default .header-right .header-btn {
  margin-left: 5px !important;
}

/**************************************
            Elements 
***************************************/
/*====================
    Breadcrump Area 
======================*/

.breadcrump1 h2 {
  font-size: 3rem;
}
.img-bg-shape { 
  padding: 18px !important;
}
.generator-tab-defalt button span img {
  margin-left: 10px;
}

/*--------------------------------
    Call To Action Style  
--------------------------------*/
.rainbow-pricing.style-aiwave .feature-badge{
  background: rgb(10 214 95) !important;
}

.rainbow-pricing.style-aiwave .pricing-header .pricing .price-text {
  font-size: 30px !important;
}

.cta  h4 {
  font-size: 3rem !important;
}

.mb-20 {
  margin-bottom: 20px;
}

/*---------------------
    Tab Styles  
-----------------------*/

.generator-tab-defalt button span { 
  height: 45px !important;
}
/*-------------------------
    Advance Tab Style Two  
--------------------------*/

.rainbow-pricing.style-aiwave .pricing-header .title.color-var-three {
  color: #8936f9 !important;
}

.rainbow-default-tab .nav-link span.border-bottom-style {
  height: 4px !important;
}

.generator-tab-defalt .nav-link {
  height: 50px !important;
}

.service-wrapper .aiwave-cta .title {
  background-color: #880cd6;
  font-size: var(--h4);
  border-radius: 10px 0;
  margin-bottom: 40px;
}

.service-wrapper .aiwave-cta .inner {
  padding: 30px 30px 54px;
}

@media only screen and (min-width: 768px) {
  .service-wrapper .aiwave-cta .inner .split-inner {
    margin-top: 100px;
  }
}

.rainbow-gradient-arrows button.slick-arrow {
  display: block !important;
  top: -100px;
}

.rainbow-gradient-arrows button.slick-arrow.prev-arrow {
  left: auto !important;
}

.aiwave-pricing-area .rainbow-pricing {
  width: 100%;
}

.aiwave-pricing-area .rainbow-pricing .pricing-table-inner {
  width: 100%;
}

.rainbow-pricing.style-aiwave .pricing-table-inner {
  background: linear-gradient(180deg,rgba(14,12,21,.9) 0,#0e0c15 100%);
}

.active-dark-mode .rainbow-pricing.style-aiwave .pricing-table-inner {
  background: linear-gradient(180deg,rgba(255, 255, 255, 0.9) 0,var(--dark-bg-1) 100%) !important;
}

.rainbow-pricing.style-aiwave .pricing-header .pricing .text {
  color: grey;
}

.rainbow-pricing.style-aiwave .features-section.has-show-more .rbt-show-more-btn::before {
  left: -10%;
  right: -10%;
  width: 120%;
  margin-left: 6px;
  margin-right: 6px;
}

.rainbow-section-gap-big {
  padding: 100px 0 !important;
}

.rainbow-cta-area .rainbow-accordion-style .card .card-header {
  padding: 15px 20px;
}

.rainbow-cta-area .aiwave-cta .rbt-show-more-btn::after {
  content: "\e92e";
  position: absolute;
  font-family: "feather";
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.rainbow-gradient-circle {
  position: fixed;
  left: -250px;
  top: 250px;
  right: auto;
  bottom: auto;
  z-index: -1;
  width: 500px;
  height: 500px;
  border-radius: 1000px;
  background-image: linear-gradient(45deg, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
  opacity: .25;
  filter: blur(100px);
}
.rainbow-gradient-circle.theme-pink {
  left: auto;
  top: -250px;
  right: -250px;
  bottom: auto;
  background-image: linear-gradient(45deg, var(--color-primary-gradient-start), var(--color-primary-gradient-end));
}

.chat-history-section .chat-history-list .history-box.active, .chat-history-section .chat-history-list .history-box:hover, .copyright-style-one, .copyright-style-one.variation-two, .footer-style-3 .footer-top {
  background: rgba(0, 0, 0, .3) !important;
  backdrop-filter: blur(6px);
}

*::selection {
  background-color: var(--color-primary);
  color: #fff !important;
}

*::selection {
  background-color: var(--color-primary);
  color: #fff !important;
}

*::-moz-selection {
  background-color: var(--color-primary);
  color: #fff !important;
}

*::-webkit-selection {
  background-color: var(--color-primary);
  color: #fff !important;
}

.user-calculator {
  margin-bottom: 15px;
}

.total-price {
  margin-bottom: 0 !important;
}

.total-price small {
  color: grey;
}

.calculator-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 10px 0;
}

.calculator-controls span {
  font-size: var(--font-size-b1);
  color: #666;
}

.btn-calc-minus, .btn-calc-plus {
  width: 35px;
  height: 35px;
  border: 1px solid #ddd;
  background: white;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-count {
  min-height: 50px;
  width: 80px;
  text-align: center;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
  border: var(--border-width) solid #cccccc8f !important;
}